/* Shared layout and accessibility corrections across every public page family. */
:root{--page-gutter:48px;--nav-height:76px;--ink-4:#8d8d9d}
html{scroll-padding-top:var(--nav-height)}
:focus-visible{outline:2px solid #8cc8cc;outline-offset:4px}
.container{padding-inline:var(--page-gutter)}
.hero-layout>*,.hero-grid>*,.section-head>*,.case-hero-layout>*,.metrics>*,.timeline,.t-row>*,.founder-card,.founder-card .crow>*{min-width:0}
.section-head>h2:only-child{grid-column:1/-1;max-width:960px}
.live-chip{white-space:normal;max-width:100%;line-height:1.6}
.crumb{flex-wrap:wrap;row-gap:4px}
.crumb .sep,.updated,.lab-head .lab-idx,.e-read{color:#8d8d9d}
.crumb a,.page-byline a,.author-row .who>a{display:inline-flex;align-items:center;min-height:36px}
.crumb a{padding-block:7px}
.page-byline{align-items:center}
.site-nav .nav-inner,nav.top .inner{min-height:var(--nav-height);height:auto;gap:16px}
nav.top .inner{max-width:1280px;padding-inline:var(--page-gutter)}
nav .brand,.site-nav .brand,.site-footer .brand,.nav-logo{min-height:44px}
.site-nav .nav-links{gap:22px}
.site-nav .nav-links a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px}
.nav-book,nav .cta{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
footer .container{max-width:1280px;padding-inline:var(--page-gutter)}
.footer-links{gap:4px 24px}
.footer-links a,footer .inner>div>a,footer .footer-inner>a{display:inline-flex;align-items:center;min-width:36px;min-height:44px}
.footer-bottom{font-size:12px;line-height:1.6}
.small-link,.machine-explore,.machine-detail a,.related-reading a,.email-link,.author-row .li-link,.lab-links a,.lab-actions a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
/* Keep contact alternatives on separate rows despite the shared link display rule. */
.contact-section .contact-grid .email-link{display:flex;width:fit-content;max-width:100%}
.essay-nav a{display:inline-flex;align-items:center;min-height:44px}
.lab-foot .links a,.email>a,.video-more a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.capability div>a,.capability-links a,.founder-card .creds .crow .v a{display:inline-flex;align-items:center;min-height:44px}
.crumb a{min-width:36px}
.t-row{grid-template-columns:110px minmax(0,1fr)}
.t-row .ev{overflow-wrap:anywhere}
.essay{padding-inline:var(--page-gutter)}
.faq summary{min-height:44px}
.faq-list summary{min-height:60px}
.reading-section,.content-section,.service-related,#machine-detail{scroll-margin-top:24px}
.page-contents{top:calc(var(--nav-height) + 24px);max-height:calc(100svh - var(--nav-height) - 48px);overflow-y:auto;padding-right:8px;gap:8px;scrollbar-color:#6aafb2 #101018}
.page-contents a{display:flex;align-items:center;min-height:36px;padding-block:5px}
.reading-table-wrap:focus-visible,.cmp-wrap:focus-visible{outline-offset:4px}

/* The diagram's content sets its height; connectors follow those same boxes. */
.machine-title{padding:16px 24px;flex-wrap:wrap;gap:4px 16px}
.machine-schematic{height:auto;display:grid;gap:24px;padding:24px 24px 24px 52px}
.machine-inputs,.editorial-core,.machine-stages,.machine-return{position:relative;inset:auto;min-width:0}
.machine-inputs{gap:8px}
.machine-inputs span{min-width:0;min-height:44px;padding:10px 6px;font-size:11px}
.editorial-core{padding:20px;min-height:124px;gap:16px}
.editorial-core>div:first-child{min-width:0}
.editorial-core h2{font-size:30px;line-height:1.14;margin:10px 0}
.editorial-core p{font-size:12px;line-height:1.6}
.editorial-core .human-signature span{font-size:10px}
.machine-stages{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.machine-stage{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px 12px;min-height:84px}
.machine-stage .stage-code{font-size:11px;line-height:1.5}
.machine-stage strong{font-size:14px;line-height:1.5;margin-top:7px}
.machine-return{font-size:11px;line-height:1.7;gap:12px}
.machine-wiring{overflow:visible}
.machine-detail{padding:24px;min-height:0}
.machine-detail-label{font-size:11px;line-height:1.6}
.machine-detail p{font-size:14px;line-height:1.75;margin:16px 0 12px}
.machine-detail a{font-size:12px}
.machine-wordmark,.machine-explore{font-size:11px}

/* Legacy utility pages retain their content and narrower reading layouts. */
body[data-layout-page="brand-book"]{--text-tertiary:#8d8d9d}
body[data-layout-page="brand-book"] .swatch-row{flex-wrap:wrap;overflow:visible}
body[data-layout-page="brand-book"] .swatch{flex:1 0 96px;min-width:0}
body[data-layout-page="brand-book"] .swatch-label,body[data-layout-page="brand-book"] .swatch-value{background:#07070c;color:#ececf2!important;opacity:1;font-size:11px;line-height:1.6;padding:2px 5px;width:fit-content;max-width:100%}
body[data-layout-page="brand-book"] .voice-tag-dont,body[data-layout-page="brand-book"] [style*="color: var(--red)"]{color:#e58984!important}
body[data-layout-page="brand-book"] .type-scale-specs{color:#6aafb2;max-width:100%}
body[data-layout-page="brand-book"] .dont h5{color:#e58984}
body[data-layout-page="brand-book"] .spacing-demo{flex-wrap:wrap}
body[data-layout-page="privacy"]{--text-tertiary:#8d8d9d}
body[data-layout-page="privacy"] .updated,body[data-layout-page="privacy"] footer p{font-size:12px}
body[data-layout-page="privacy"] .nav-inner,body[data-layout-page="privacy"] .footer-inner{padding-inline:var(--page-gutter)}
body[data-layout-page="privacy"] .content{padding-inline:var(--page-gutter)}
body[data-layout-page="brand-book"] .cover-label,body[data-layout-page="brand-book"] .section-number{color:#6aafb2}
body[data-layout-page="brand-book"] .toc a{display:inline-flex;align-items:center;min-width:36px;min-height:44px;font-size:12px}
body[data-layout-page="brand-book"] .spec-table{display:block;max-width:100%;overflow-x:auto}
body[data-layout-page="brand-book"] .type-scale-row{flex-wrap:wrap}
body[data-layout-page="brand-book"] .page{min-width:0;overflow-wrap:anywhere}
body[data-layout-page="brand-book"] .grid-2>*,body[data-layout-page="brand-book"] .grid-3>*,body[data-layout-page="brand-book"] .grid-4>*{min-width:0}

@media(max-width:1080px) and (min-width:801px){
 .machine-schematic{padding-left:36px;padding-right:18px;gap:20px}
 .editorial-core{padding:16px;min-height:124px}
 .editorial-core h2{font-size:28px}
 .machine-stage{padding:12px 10px}
 .machine-stage strong{font-size:13px}
 .machine-inputs span{font-size:11px;padding-inline:4px}
}
@media(max-width:800px){
 :root{--page-gutter:32px;--nav-height:69px}
 .nav-inner{gap:12px}
 .site-nav .nav-links{gap:16px}
 .site-nav .nav-links a{font-size:11px}
 .page-contents{max-height:none;overflow:visible;padding-right:0}
}
@media(max-width:760px){
 .page-contents a{min-height:44px;padding-block:8px}
 .page-contents{gap:4px 24px}
}
@media(max-width:620px) and (min-width:561px){
 .site-nav .nav-inner{gap:12px}
 .site-nav .brand{font-size:11px;gap:10px}
 .site-nav .nav-links{gap:12px}
 .site-nav .nav-book{font-size:11px;gap:10px}
}
@media(max-width:560px){
 :root{--page-gutter:22px;--nav-height:65px}
 .site-nav .nav-links{display:none}
 nav .brand{font-size:11px;gap:10px}
 nav .cta{font-size:11px;padding-inline:10px;gap:7px}
 .machine-title{padding:12px 16px;align-items:center}
 .machine-schematic{padding:20px 16px 20px 36px;gap:24px}
 .machine-inputs{gap:6px}
 .machine-inputs span{padding:10px 4px;font-size:11px}
 .editorial-core{padding:18px 14px;min-height:0}
 .editorial-core h2{font-size:29px}
 .editorial-core p{font-size:12px}
 .machine-stage{padding:13px 10px;min-height:88px}
 .machine-stage strong{font-size:13px}
 .machine-return{font-size:11px}
 .machine-detail{padding:22px 20px}
 .machine-detail p{font-size:15px}
 .machine-detail a{font-size:12px}
 .machine-explore{margin-left:auto}
 .crumb a,.page-byline a,.author-row .who>a{min-height:44px}
 .email-link{font-size:12px;overflow-wrap:anywhere}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .t-row{grid-template-columns:80px minmax(0,1fr)}
 .case-metric .val{font-size:32px}
 .faq summary{grid-template-columns:40px minmax(0,1fr) 24px;gap:12px}
 .footer-links{gap:2px 22px;font-size:12px}
 .footer-bottom{font-size:12px}
 body[data-layout-page="privacy"] .content{padding-top:110px}
 body[data-layout-page="brand-book"] .type-scale-label,body[data-layout-page="brand-book"] .type-scale-specs{min-width:0}
 body[data-layout-page="brand-book"] .logo-display{padding:32px 20px}
 body[data-layout-page="brand-book"] .clear-space-demo{padding:32px 20px;max-width:100%}
}
@media(max-width:380px){
 .metrics{grid-template-columns:1fr}
 .case-metric .val{font-size:36px}
 .machine-schematic{padding-left:30px;padding-right:14px}
 .machine-stages{gap:10px}
 .machine-stage{padding:12px 9px}
 .machine-stage strong{font-size:13px}
 .machine-inputs span{padding-inline:3px;font-size:10px}
 .machine-return{align-items:flex-start}
 .machine-return svg{margin-top:2px}
 .portfolio-grid{grid-template-columns:1fr}
 .portfolio-person{grid-template-columns:38px minmax(0,1fr)}
 .portfolio-person strong{font-size:15px}
}
@media(max-height:600px) and (min-width:761px){.page-contents{position:static;max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.machine-wiring .flow-signal{animation:none;stroke:none}}
.founder-card a{overflow-wrap:anywhere}