/* One label/icon unit. Underlines belong to the words; icons stay attached. */
.link-unit { display: inline-flex; align-items: center; gap: .4em; max-width: 100%; text-decoration: none; }
.link-label { min-width: 0; text-decoration: underline; text-underline-offset: .24em; text-decoration-thickness: 1px; text-decoration-skip-ink: auto; }
.link-icon { display: inline-block; flex: 0 0 auto; white-space: nowrap; text-decoration: none; line-height: inherit; }
.link-unit:hover .link-label { text-decoration-thickness: 2px; }
.text-link.link-unit, .study-figure a.link-unit, .media-provenance a.link-unit { gap: .4em; }
.link-unit>.link-label, .link-unit>.link-icon, .case-navigation .link-icon, .project-title>.link-icon { transform: none !important; transition: none; }
.project-link.link-unit { display: block; }
.project-link .project-title { justify-content: flex-start; gap: .4em; }
.project-title h3 { flex: 0 1 auto; }
.project-title>.link-icon { font-size: 1rem; color: var(--project-ink); }
.site-header nav[aria-label="Main navigation"] { flex-wrap: wrap; }
.site-header nav[aria-label="Main navigation"] a.link-unit { gap: .3em; white-space: nowrap; min-width: 44px; justify-content: center; }
.site-header nav[aria-label="Main navigation"] .link-label { display: inline; font: inherit; color: inherit; text-decoration: none; }
.site-header nav[aria-label="Main navigation"] .link-label>span { margin-inline-start: .35em; }
.site-header nav[aria-label="Main navigation"] .link-icon { display: inline-block; font: inherit; color: inherit; }
.site-header nav[aria-label="Main navigation"] a:hover { text-decoration: none; }
.site-header nav[aria-label="Main navigation"] a:hover .link-label { text-decoration: underline; }
.case-navigation a.link-unit { gap: .4em; }
.case-navigation a:hover strong, .case-navigation a:focus-visible strong { text-decoration: underline; text-underline-offset: .24em; }

/* Keep Math Lens one complete lavender region, like the other projects. */
.project-preview--math-lens { background: var(--project-surface); }
.project-preview--math-lens .lens-comparison { background: var(--project-surface); border-bottom: 2px solid var(--project-accent); }

/* Personal prose and numbered practice need fewer repeated dividing lines. */
.profile-process li+li { border-top: 0; padding-top: 0; }
.profile-direction { border-top: 0; }
.profile-direction p { font-size: 1.125rem; }

/* Different reading tasks receive different voices within the existing fonts. */
.case--day-echo [aria-labelledby="system-title"] .study-section-heading h2,
.case--math-lens [aria-labelledby="reveal-title"] .study-section-heading h2,
.case-study .contribution-section .study-section-heading h2,
.case--journeycraft .journey-contribution .study-section-heading h2 {
  font: 500 clamp(1.4rem, 2.2vw, 1.8rem)/1.25 var(--sans); letter-spacing: -.025em; max-width: 36ch;
}
.case--day-echo .system-flow h3, .case--math-lens .math-flow h3 { font-family: var(--mono); font-weight: 400; }
.agency-flow li { background: transparent; padding-inline: 0; }
.extended-case .contribution-section { border-top: 0; }
.case-study .study-section[aria-labelledby="outcome-title"] { border-top: 2px solid var(--project-accent); }
.study-section .study-result-label { font-family: var(--mono); }
.case-study .editorial-reflection, .case-study .study-reflection, .case-study .journey-reflection { max-width: 65ch; }

/* Restrained detail-page framing; image/video pixels remain untouched. */
.case--math-lens .math-opening .study-title { background: var(--project-surface); padding-block: var(--space-md); }
.case--math-lens .math-idea .study-figure { background: var(--project-surface); padding: var(--space-sm); }
.case--math-lens .reveal-recording { background: var(--project-surface); padding: var(--space-sm); }
.case--math-lens .study-section[aria-labelledby="explore-title"],
.case--math-lens .study-section[aria-labelledby="reveal-title"] { border-top-color: var(--project-accent); }

/* Use the first grid row's existing room; the lower pair keeps its alignment. */
@media(min-width:1101px) {
  .profile-process { padding-top: calc(var(--space-lg) + var(--space-sm)); }
}

/* Three text levels: neutral prose, readable gray metadata, project emphasis. */
.project-preview a:not(.project-link), .case-study a,
.project-preview .screen-label, .inspection-flow strong,
.project-preview .evidence-switch button[aria-pressed="true"],
.project-preview .recording-toggle, .case-study .recording-toggle,
.project-preview .recording figcaption>.media-provenance, .case-study .recording figcaption>.media-provenance,
.project-preview .lens-comparison figcaption, .case-study .lens-comparison figcaption { color: var(--project-ink); }
.case-study .contribution-section .study-section-heading h2,
.case--journeycraft .journey-contribution .study-section-heading h2 { color: var(--project-ink); }
.case-study .study-section[aria-labelledby="outcome-title"] { border-top-color: var(--project-ink); }
/* Menu labels and focus stay independent of the active project's color. */
.site-chrome nav[aria-label="Main navigation"] a,
.site-chrome nav[aria-label="Main navigation"] .link-label { color: var(--ink); }
.site-chrome nav[aria-label="Main navigation"] .link-label>span { color: var(--muted); }
.site-chrome nav[aria-label="Main navigation"] a:focus-visible,
.site-chrome .wordmark:focus-visible { outline-color: var(--ink); }
/* Keep a compact transition from the introduction into About. */
.home-page .hero { padding-bottom: var(--space-lg); }