/* Colors, spacing and radii are served from the app's existing theme.ts. */
@font-face{font-family:Atkinson;src:url('/fonts/regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Atkinson;src:url('/fonts/bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--background);color:var(--text);font:18px/1.55 Atkinson,system-ui,sans-serif}
a{color:var(--primary);text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:4px}
header,main,footer{max-width:1152px;margin:auto;padding:0 var(--xl)}
header{display:flex;align-items:center;justify-content:space-between;gap:var(--lg);min-height:96px;border-bottom:1px solid var(--border)}
.brand{font-weight:700;text-decoration:none;display:flex;align-items:center;gap:var(--sm);font-size:21px;color:var(--primary)}
.brand-mark{background:var(--primary);color:var(--onPrimary);display:grid;place-items:center;width:40px;height:40px;border-radius:var(--card-radius);font-size:27px}
nav{display:flex;gap:var(--lg);flex-wrap:wrap}
header nav a,footer nav a{display:inline-flex;align-items:center;min-height:48px}
header nav{font-size:16px}
header nav a[aria-current]{font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{color:var(--primary);font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.17;font-weight:700;margin-bottom:var(--lg);letter-spacing:-.025em}
h1 em{font-family:inherit;font-style:normal;color:var(--foreground)}
h2{color:var(--primary);font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin-bottom:var(--lg)}
h3{color:var(--primary);font-size:20px;line-height:1.3}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--xxl);padding:64px 0;align-items:center}
.eyebrow{color:var(--mutedForeground);font-size:14px;font-weight:700;margin-bottom:var(--lg)}
.lead{font-size:21px;line-height:1.55;color:var(--mutedForeground);max-width:640px}
.status{font-size:14px;display:flex;align-items:center;gap:var(--sm);margin:var(--lg) 0;color:var(--mutedForeground)}
.status span{width:8px;height:8px;background:var(--accent);border-radius:50%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--md);min-height:48px;padding:12px 24px;background:var(--accent);color:var(--onAccent);text-decoration:none;border-radius:var(--button-radius);font-size:16px;font-weight:700;transition:opacity .2s}
.button:hover{opacity:.9}
.ticket{background:var(--card);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 4px 12px #00000012}
.ticket-head{background:var(--primary);color:var(--onPrimary);font-size:14px;font-weight:700;display:flex;justify-content:space-between;padding:var(--lg)}
.station{padding:var(--lg) var(--lg) 0 56px;position:relative}
.station:before{content:'';position:absolute;left:24px;top:31px;width:8px;height:8px;border:2px solid var(--primary);border-radius:50%}
.station small{font-size:14px;display:block;margin-bottom:var(--xs);color:var(--mutedForeground)}
.station strong{font-size:22px;color:var(--primary)}
.station p{font-size:16px;margin:var(--sm) 0 var(--md);color:var(--mutedForeground)}
.station:last-child{padding-bottom:var(--md)}
.section{padding:var(--xxl) 0;border-top:1px solid var(--border)}
.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lg);margin-top:var(--xl)}
.columns>div{background:var(--card);padding:var(--lg);border:1px solid var(--border);border-radius:var(--card-radius)}
.columns p{font-size:16px;color:var(--mutedForeground);margin-bottom:0}
.callout{background:var(--card);border:1px solid var(--border);padding:var(--xl);display:flex;align-items:center;justify-content:space-between;gap:var(--lg);border-radius:var(--card-radius)}
.callout h2{font-size:26px;margin-bottom:var(--sm)}
.callout p{margin:0;font-size:16px;color:var(--mutedForeground)}
.secondary{white-space:nowrap;background:transparent;border:2px solid var(--primary);color:var(--primary)}
.fine{font-size:14px;color:var(--mutedForeground);margin:var(--lg) 0 var(--xxl)}
footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--lg);padding-top:var(--lg);padding-bottom:var(--xl);font-size:14px;color:var(--mutedForeground)}
footer p{margin:0}footer strong{color:var(--primary)}footer nav{align-content:start;gap:var(--md)}
.document{max-width:880px;padding-top:var(--xxl);padding-bottom:64px}
.document h2{margin-top:var(--xxl);font-size:27px}.document h3{margin-top:var(--lg)}
.document h1{font-size:clamp(2.25rem,5vw,3.5rem)}
.document p,.document li{overflow-wrap:anywhere}
.document .button{margin:var(--sm) 0 var(--md)}
.preserve{white-space:pre-line}
.toc{font-size:16px;padding:var(--md);background:var(--card);border:1px solid var(--border);border-radius:var(--card-radius);gap:var(--md)}
.toc a{display:inline-flex;align-items:center;min-height:48px}
.steps{padding-left:var(--lg)}.steps li{padding:0 0 var(--lg) var(--sm)}
details{border-bottom:1px solid var(--border);padding:var(--sm) 0}
summary{cursor:pointer;font-weight:700;min-height:48px;padding:12px 0;color:var(--primary)}
details p{margin:var(--sm) 0 var(--md);color:var(--mutedForeground)}
.skip{position:absolute;left:16px;top:-100px;background:var(--card);padding:12px;z-index:10}.skip:focus{top:8px}
.preview{text-align:center;background:var(--warningBg);color:#9A3412;padding:8px 16px;font-size:14px}
@media(max-width:760px){header,main,footer{padding-left:var(--md);padding-right:var(--md)}header{flex-wrap:wrap;justify-content:center;padding-top:var(--md);padding-bottom:var(--sm);gap:var(--sm)}header nav{gap:var(--lg)}.hero{grid-template-columns:1fr;padding-top:var(--xl);gap:var(--xl)}.ticket{max-width:480px;width:100%;justify-self:center}.columns{grid-template-columns:1fr;gap:var(--md)}.callout,footer{flex-direction:column;align-items:flex-start}.callout{padding:var(--lg)}.document{padding-top:var(--xl)}.lead{font-size:19px}footer nav{gap:var(--md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media print{header,footer,.button,.preview,.skip{display:none}body{background:white;color:black}.document{max-width:none;padding:0}details{display:block}details>*{display:block}}