/* Hallmark · modern-minimal · professional and welcoming · cyan on navy · Index-First · nav: N9 · footer: Ft2 · critique: P5 H5 E4 S5 R5 V4 · contrast: pass (46–50) · slop: pass (51–60) · mobile: pass (36, 59, 61–69) */
@import url('./tokens.css');
* {box-sizing:border-box;}
html,body {overflow-x:clip;}
body {margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-base)/1.6 var(--font-body);}
a {color:var(--color-accent);text-underline-offset:.25em;}
a:focus-visible {outline:3px solid var(--color-focus);outline-offset:5px;}
a:active {transform:translateY(1px);}
a[aria-disabled='true'] {opacity:.55;cursor:not-allowed;}
.page {width:min(100% - 2rem,76rem);margin-inline:auto;}
.site-header {display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);}
.brand {display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:36rem) {.site-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.brand img{width:min(100%,320px)}}
.brand img {width:320px;max-width:100%;height:auto;display:block;}
.plain-link {display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;white-space:nowrap;font-weight:600;}
.site-header .plain-link {font-size:var(--text-sm);}
.welcome {display:grid;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);}
h1,h2,h3,p {margin:0;}
h1 {font:700 var(--text-display)/1.13 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;}
h2 {font-size:var(--text-heading);font-weight:700;line-height:1.3;}
h3 {font-size:var(--text-base);font-weight:700;}
.intro-heading {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-lg);}
.brand-emblem {display:block;width:7.5rem;height:auto;border-radius:50%;}
.lede {margin-top:var(--space-lg);max-width:48ch;font-size:var(--text-md);color:var(--color-muted);}
.transition-note {margin-top:var(--space-xl);max-width:55ch;font-size:var(--text-sm);color:var(--color-muted);}
.access {padding:var(--space-lg);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-sm);align-self:start;}
.access>p {margin-top:var(--space-md);color:var(--color-muted);}
.primary {display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-accent);color:var(--color-accent-ink);font-weight:750;text-decoration:none;white-space:nowrap;border-radius:var(--radius-sm);min-height:52px;transition:transform var(--dur-micro) var(--ease-out);}
.access .access-note {font-size:var(--text-sm);}
.help {padding-bottom:var(--space-2xl);}
.help>h2 {margin-bottom:var(--space-lg);}
.help-row {display:grid;gap:var(--space-sm);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);}
.help-row p {color:var(--color-muted);max-width:60ch;}
.site-footer {display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);}
.site-footer a {min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;}
.skip-link {position:fixed;top:var(--space-md);left:var(--space-md);padding:var(--space-md);background:var(--color-ink);color:var(--color-paper);transform:translateY(-200%);}
.skip-link:focus {transform:none;}
@media(min-width:48rem) {.page{width:min(100% - 4rem,76rem)}.welcome{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-3xl) var(--space-2xl)}.intro-heading{grid-template-columns:minmax(0,1fr) 9rem;gap:var(--space-xl)}.brand-emblem{width:9rem;justify-self:end}.access{padding:var(--space-xl)}.help-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:var(--space-lg)}.site-footer p{margin-inline-end:auto}}
@media(hover:hover) {a:hover{text-decoration-thickness:2px}.primary:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{transition:none!important;animation:none!important}}