@import url("../documents/AndHub_Brand_Tokens_v1.css");
@font-face{font-family:Inter;src:url("../fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/InterVariable-Italic.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap}
.sidebar{overflow:auto}
.document-body p{overflow-wrap:anywhere}

:root{--ink:var(--ah-navy);--muted:var(--ah-slate);--line:var(--ah-cloud);--paper:var(--ah-surface);font-family:var(--ah-font-body);color:var(--ink);background:var(--paper);line-height:1.6;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}img,video{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--ah-blue)}button,input,select{font:inherit}button{cursor:pointer}button:active,.button:active{transform:translateY(1px)}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ah-blue);outline-offset:4px;box-shadow:0 0 0 2px white}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(3rem,5.8vw,5.75rem);font-weight:700;margin-bottom:28px}h2{font-size:clamp(2rem,3.4vw,3.25rem);margin-bottom:20px}h3{font-size:1.35rem;letter-spacing:-.02em}p{max-width:68ch}code,.mono{font-family:var(--ah-font-code);font-size:.85em}.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:white;z-index:20;transform:translateY(-150%)}.skip-link:focus{transform:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 24px;z-index:5}.brand-link{display:block;margin-bottom:48px}.brand-link img{display:block;width:172px}.label,.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.label{color:var(--muted);margin-bottom:16px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:16px;padding:10px 12px;font-size:.875rem;text-decoration:none;border-left:2px solid transparent}.sidebar nav a span{font:11px var(--ah-font-code);color:var(--muted)}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:var(--paper);border-color:var(--ah-blue);color:var(--ah-blue)}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-bottom a{font-size:.8rem}.version{font-size:.7rem;color:var(--muted);margin-top:24px}.version::before{content:"";display:inline-block;width:6px;height:6px;background:var(--ah-deep-green);border-radius:50%;margin-right:8px}.mobile-menu{display:none}
.page{margin-left:240px}.topbar{height:78px;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;font-size:.75rem}.topbar span{color:var(--muted)}.topbar a{font-weight:600;text-decoration:none}.content{max-width:1536px;margin:auto;padding:0 clamp(24px,5vw,72px)}.hero{padding:72px 0 56px}.hero-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:40px}.hero-meta .eyebrow{color:var(--ah-deep-green)}.edition{color:var(--muted);font-size:.75rem}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.hero-copy>p{font-size:1.05rem;color:var(--muted);max-width:37ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 18px;min-height:48px;background:var(--ah-blue);border:1px solid var(--ah-blue);border-radius:4px;color:white;font-size:.85rem;font-weight:600;text-decoration:none}.button:hover{background:var(--ink);color:white;border-color:var(--ink)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ah-control-gray)}.button.secondary:hover{background:var(--line)}.hero-art{background:var(--ink);position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:48px 32px;border-radius:4px}.hero-art>img{width:min(100%,360px)}.art-label{position:absolute;bottom:20px;left:24px;color:var(--ah-cloud);font:10px var(--ah-font-code);letter-spacing:.05em}.art-index{position:absolute;top:20px;right:24px;color:var(--ah-cloud);font:11px var(--ah-font-code)}.hero-foot{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);padding-top:20px;gap:20px;font-size:.75rem;color:var(--muted)}.hero-foot strong{display:block;font-size:.85rem;color:var(--ink);margin-bottom:4px}
.guide-section{padding:64px 0;border-top:1px solid var(--line);scroll-margin-top:32px}.section-heading{display:grid;grid-template-columns:56px 1fr;gap:8px;margin-bottom:32px}.section-number{font:12px var(--ah-font-code);color:var(--ah-blue);padding-top:10px}.section-heading p{color:var(--muted);margin-bottom:0;max-width:59ch}.section-heading h2{margin-bottom:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px}.statement{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.4;letter-spacing:-.025em;max-width:30ch}.principles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.principles h3{font-size:1rem;margin-bottom:8px;letter-spacing:0}.principles p{font-size:.85rem;color:var(--muted);margin:0}.note{font-size:.85rem;padding:20px 24px;border-left:3px solid var(--ah-deep-green);background:white;margin-top:28px;color:var(--muted)}.note strong{color:var(--ink)}.inline-link{font-size:.85rem;font-weight:600}.section-end{margin-top:24px}.specimens{display:grid;grid-template-columns:1fr 1fr;gap:16px}.specimen{margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white}.specimen-art{height:250px;padding:28px;display:flex;align-items:center;justify-content:center}.specimen-art img{width:100%;height:100%;object-fit:contain}.specimen-art.dark{background:var(--ink)}.specimen-art.symbol img{max-width:150px}.specimen figcaption{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.8rem}.specimen figcaption a{min-height:44px;display:inline-flex;align-items:center;color:var(--ah-blue)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.rules h3{font-size:1rem;letter-spacing:0}.rules p{font-size:.85rem;color:var(--muted)}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.surface-control{display:flex;gap:6px}.surface-control button{min-height:44px;padding:8px 14px;border:1px solid var(--ah-control-gray);background:white;border-radius:4px;color:var(--ink);font-size:.8rem}.surface-control button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}
.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{padding:0;text-align:left;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white;color:var(--ink)}.swatch:hover{border-color:var(--ah-control-gray)}.swatch-color{display:block;height:130px;background:var(--swatch)}.swatch-text{display:block;padding:18px 16px}.swatch-text strong{display:block;font-size:.85rem}.swatch-text code{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem}.swatch-text code span{color:var(--muted);font-family:var(--ah-font-body)}.palette-note{font-size:.8rem;color:var(--muted);margin-top:16px}.contrast{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.contrast-sample{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:4px;font-size:.8rem}.contrast-sample strong{font-size:1.5rem}.blue-sample{background:var(--ah-blue);color:white}.green-sample{background:var(--ah-green);color:var(--ink)}
.type-specimen{padding:36px;background:white;border:1px solid var(--line);border-radius:4px}.type-display{font-size:clamp(3rem,6vw,5rem);line-height:1.05;letter-spacing:-.055em;font-weight:700;margin:24px 0}.type-characters{color:var(--muted);font-size:1.05rem;overflow-wrap:anywhere}.type-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.type-scale strong{font-size:1.5rem;display:block}.type-scale span{font-size:.75rem;color:var(--muted)}.voice{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.voice div{border-top:1px solid var(--line);padding-top:20px}.voice p{font-size:.95rem}.voice .label{display:block}.motion-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.motion-grid figure{margin:0;min-width:0}.motion-grid video{display:block;width:100%;aspect-ratio:16/9;background:var(--ink);border-radius:4px}.motion-grid figcaption{font-size:.8rem;margin-top:16px;color:var(--muted)}.motion-links{display:grid;align-content:start}.motion-links a{padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;display:flex;justify-content:space-between;gap:16px;font-size:.85rem;min-height:48px}.motion-links a span{font-size:.7rem;color:var(--muted)}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.resource{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;text-decoration:none}.resource:hover strong{text-decoration:underline}.file-type{font:9px var(--ah-font-code);width:36px;min-height:40px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:3px;color:var(--muted)}.resource strong{font-size:.9rem;display:block}.resource small{font-size:.75rem;color:var(--muted);display:block;margin-top:6px}.resource-arrow{font-size:1.2rem}.references{padding-left:20px;color:var(--muted);font-size:.85rem;display:grid;gap:14px}.references a{color:var(--ink)}.reference-boards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.reference-boards figure{margin:0}.reference-boards img{width:100%;aspect-ratio:3/2;object-fit:contain;background:white;border:1px solid var(--line);border-radius:4px}.reference-boards figcaption{font-size:.75rem;color:var(--muted);margin-top:12px}.footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.75rem}.footer p{margin:0}.footer a{white-space:nowrap}.status-message{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:4px;box-shadow:0 4px 20px #0b1f3b22;z-index:15;font-size:.85rem;max-width:90vw}.status-message:empty{display:none}[hidden]{display:none!important}
.document-shell{max-width:1120px;margin:auto;padding:36px 24px 80px}.document-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:48px;font-size:.85rem}.document-intro{background:white;border-left:3px solid var(--ah-blue);padding:24px;margin-bottom:40px;font-size:.9rem}.document-toc{padding:24px;background:white;border:1px solid var(--line);margin:36px 0}.document-toc ol{columns:2;column-gap:32px;padding-left:20px}.document-toc li{break-inside:avoid;margin-bottom:10px;font-size:.85rem}.document-body{max-width:900px}.document-body h1{font-size:clamp(3rem,7vw,5rem)}.document-body h2{font-size:2.5rem;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.document-body h3{font-size:1.4rem;margin-top:28px}.document-body p{max-width:75ch}.document-body .kicker{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--ah-deep-green);margin-top:40px}.document-body .lead,.document-body .subtitle{font-size:1.15rem;color:var(--muted)}.document-body .caption,.document-body .small{font-size:.85rem;color:var(--muted)}.document-body figure{margin:28px 0}.document-body figure img{display:block;margin:auto;width:auto;max-height:650px}.document-body table{border-collapse:collapse;width:100%;font-size:.85rem;background:white}.document-body td,.document-body th{padding:14px 16px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.document-body th{background:var(--ink);color:white}.document-body td p,.document-body th p{margin:0}.table-wrap{overflow-x:auto;margin:24px 0}.document-body a{overflow-wrap:anywhere}
@media(min-width:1600px){.hero-art{min-height:480px}}
@media(max-width:1100px){.sidebar{width:210px;padding:28px 18px}.page{margin-left:210px}.content{padding:0 32px}.hero-grid{gap:24px}.hero-art{min-height:360px;padding:40px 24px}.hero-foot{font-size:.7rem}.rules{gap:16px}.palette{grid-template-columns:1fr 1fr}.swatch-color{height:100px}}
@media(max-width:800px){html{scroll-padding-top:96px}.sidebar{position:sticky;top:0;width:100%;padding:12px 20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center}.brand-link{margin:0}.brand-link img{width:140px}.sidebar>.label,.sidebar-bottom{display:none}.mobile-menu{display:block;min-height:44px;min-width:64px;background:white;border:1px solid var(--ah-control-gray);border-radius:4px;color:var(--ink);font-size:.8rem}.sidebar nav{display:none;grid-column:1/-1;padding-top:16px;max-height:65dvh;overflow:auto}.sidebar nav.is-open{display:grid}.page{margin-left:0}.topbar{height:58px;padding:0 24px}.content{padding:0 24px}.hero{padding:40px 0}.hero-meta{margin-bottom:28px}.hero-grid{grid-template-columns:1fr}.hero-copy>p{max-width:52ch}.hero-art{min-height:350px}.hero-art>img{max-width:300px}.hero-foot{margin-top:28px}.guide-section{padding:44px 0;scroll-margin-top:96px}.split{grid-template-columns:1fr}.section-heading{grid-template-columns:32px 1fr}.rules{grid-template-columns:1fr;gap:8px}.resource-list{grid-template-columns:1fr}.motion-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:12px}.status-message{left:50%}.document-toc ol{columns:1}}
@media(max-width:480px){.hero-meta{align-items:start;flex-direction:column;gap:8px}.hero-art{min-height:320px}.hero-foot{grid-template-columns:1fr;gap:12px}.hero-foot strong{display:inline;margin-right:8px}.specimens,.contrast,.voice,.reference-boards{grid-template-columns:1fr}.principles{gap:20px}.type-specimen{padding:24px}.type-scale{grid-template-columns:1fr 1fr}.swatch-text{padding:14px 12px}.swatch-text code span{display:none}.specimen-art{height:230px}.edition{font-size:.7rem}.topbar{font-size:.7rem}.actions .button{flex:1}.document-shell{padding:24px 20px}.document-body h2{font-size:2rem}}
@media(max-width:480px){.actions .button{padding:12px 10px;gap:8px;font-size:.75rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.actions,.surface-control,.status-message,.document-nav,.document-toc{display:none}.page{margin:0}.content{padding:0}.hero,.guide-section{padding:24px 0}.hero-art,.specimen,.swatch,.type-specimen{break-inside:avoid}body{background:white}h2,h3{break-after:avoid}video{display:none}.document-body h2{break-before:page}.document-body figure img{max-height:500px}}