:root { color-scheme: light; --ink:#182e2b; --muted:#54645f; --paper:#faf8f2; --green:#1b5c49; --line:#dce2d9; --warning:#fff0d9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:1.5rem; }
body { margin:0; color:var(--ink); background:var(--paper); font:1.05rem/1.85 Tahoma, Arial, sans-serif; }
a { color:var(--green); text-underline-offset:.2em; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:2px; }
a:focus-visible { outline:3px solid #af6935; outline-offset:5px; border-radius:3px; }
.skip { position:absolute; top:-8rem; inset-inline-start:1rem; padding:.6rem 1rem; background:white; z-index:3; }
.skip:focus { top:1rem; }
.wrap { width:min(100% - 3rem, 1120px); margin-inline:auto; }
header { padding-block:1.6rem; border-bottom:1px solid var(--line); }
.header-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { font-weight:800; font-size:1.25rem; text-decoration:none; letter-spacing:.01em; }
.brand span { font-weight:400; font-size:.8rem; color:var(--muted); margin-inline-start:.55rem; }
.language { font-size:.9rem; border:1px solid var(--line); padding:.25rem .8rem; border-radius:99px; text-decoration:none; }
.hero { padding-block:3.3rem 2.5rem; max-width:810px; }
.eyebrow { color:var(--green); font-size:.8rem; font-weight:bold; letter-spacing:.05em; }
h1 { font-size:clamp(2.3rem,6vw,4rem); line-height:1.35; margin:.6rem 0 1rem; letter-spacing:-.025em; }
.lead { font-size:1.15rem; color:var(--muted); max-width:700px; }
.meta { font-size:.85rem; color:var(--muted); }
.notice { padding:1rem 1.25rem; border:1px solid #e6cda9; border-inline-start:4px solid #af6935; border-radius:8px; background:var(--warning); margin-block:0 2.5rem; font-size:.94rem; }
.notice p { margin:.35rem 0; }
.layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:3.5rem; align-items:start; padding-block:0 3.5rem; }
nav { position:sticky; top:1.5rem; padding-block:.6rem; }
nav p { font-size:.8rem; color:var(--muted); margin:0 0 .75rem; }
nav a { display:block; padding:.35rem 0; font-size:.92rem; text-decoration:none; }
nav a:hover { text-decoration:underline; }
article { min-width:0; }
section { padding-block:1.4rem; border-top:1px solid var(--line); }
section:first-child { padding-top:0; border-top:0; }
h2 { font-size:1.35rem; line-height:1.6; margin:0 0 .75rem; }
p { margin:.6rem 0; }
ul { padding-inline-start:1.35rem; margin:.6rem 0; }
li { margin-block:.55rem; }
.pending { background:#fff0d9; border-radius:5px; padding:.65rem .85rem; font-size:.92rem; }
.providers { display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; font-size:.92rem; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; padding-block:1.4rem 2rem; }
.footer-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem 1.5rem; }
[dir="ltr"] body { font-family:Arial, Tahoma, sans-serif; }
@media (max-width:760px) { .wrap { width:min(100% - 2rem,680px); } .hero { padding-block:2.2rem 1.6rem; } .layout { display:block; } nav { position:static; padding:0 0 1.6rem; margin-bottom:1.6rem; border-bottom:1px solid var(--line); columns:2; column-gap:1rem; } nav p { column-span:all; } nav a { break-inside:avoid; } .notice { margin-bottom:1.8rem; } .brand span { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { body { background:white; color:black; font-size:10pt; } header, nav, .skip, .language, footer { display:none; } .wrap { width:100%; } .hero { padding:0; } h1 { font-size:25pt; } .layout { display:block; } section { break-inside:avoid; } .notice { border:1px solid black; background:white; } }