/* Make topic cards native links while keeping secondary actions independent. */
.topic-card { position: relative; isolation: isolate; }
.topic-card .topic-primary::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.topic-card a:not(.topic-primary), .topic-card button, .topic-card summary { position: relative; z-index: 2; }
.topic-card .topic-primary { position: static; }
.topic-card:has(.topic-primary:hover) { outline: 1px solid currentColor; outline-offset: 3px; }
.topic-card .topic-primary:focus-visible::after { outline: 3px solid currentColor; outline-offset: 4px; }
.topic-link { display: inline-block; margin-top: .65rem; font: inherit; font-weight: 600; line-height: 1.5; color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.profile-capability-grid .capability-topic { display: flex; gap: .8rem; align-items: center; color: inherit; padding: .9rem 0; border-bottom: 1px solid rgba(255,255,255,.18); text-decoration: underline; text-underline-offset: .2em; }
.profile-capability-grid .capability-topic b { color: var(--gold, #d8b46a); }
[id] { scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.workspace-steps .workspace-topic { display: block; color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.workspace-topic:focus-visible, .capability-topic:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.studio-founder-page .profile-capability-grid .capability-topic { padding: 17px 12px; color: #ddd; border-bottom-color: #2d3030; }

/* Homepage campaign: use the clean crop and let the image set its true height. */
.main-home .commercial-grid .campaign-topic-card .work-image { display: block; line-height: 0; }
.main-home .commercial-grid .campaign-topic-card .work-image img { width: 100%; height: auto; max-height: none; }
.main-home .commercial-grid .campaign-topic-card h3 { margin-top: 14px; }

/* Prevent mobile image caps from shrinking crop contents inside a tall frame. */
.commercial-grid .art-crop > img { max-height: none !important; }
.main-home .commercial-grid .campaign-topic-card { display: block; }
.main-home .commercial-grid .campaign-topic-card .work-image { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.main-home .commercial-grid .campaign-topic-card h3 { margin-top: 12px; }