:root{--bg:#f6efdc;--ink:#2c1d0c;--mut:#6b5536;--brn:#7a5a30;--dk:#4f391d;--ol:#7d6a35;--card:#fffaf0;--line:#d9c8a2;--acc:#c98a1b;--paper:#f6efdc;--lk:#8a4b12;
--h:'Rubik Dirt','Impact','Arial Black',sans-serif;--b:'Bricolage Grotesque','Trebuchet MS',Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1c140a;--ink:#f3e8cf;--mut:#bfa97f;--card:#2a1f11;--line:#4a3820;--acc:#e0a63a;--brn:#d6aa70;--lk:#e8b04a}}
:root[data-theme="dark"]{--bg:#1c140a;--ink:#f3e8cf;--mut:#bfa97f;--card:#2a1f11;--line:#4a3820;--acc:#e0a63a;--brn:#d6aa70;--lk:#e8b04a}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--b)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--dk);z-index:10}
img{max-width:100%}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--dk);color:#f6efdc;border-bottom:4px solid var(--ol)}
.nav{max-width:1080px;margin:auto;display:flex;align-items:center;gap:18px;padding:8px 18px;flex-wrap:wrap}
.nav a.b{display:flex;align-items:center;gap:10px;font:24px var(--h);letter-spacing:.02em;color:#f6efdc;text-decoration:none}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav a{color:#f6efdc;text-decoration:none;padding:6px 11px;border-radius:20px;font-weight:600;font-size:15px}
nav a:hover,nav a.on{background:var(--paper);color:var(--dk)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
main{max-width:1080px;margin:auto;padding:0 18px 60px}
.hero{background:var(--paper);color:#2c1d0c;margin:22px 0;border-radius:36px 12px 40px 14px;padding:30px 24px;text-align:center;border:3px solid var(--dk);box-shadow:8px 8px 0 var(--ol)}
.hero img.w{width:min(760px,100%);display:block;margin:0 auto}
.hero h1{font:800 clamp(20px,3.4vw,28px)/1.2 var(--b);margin:14px 0 8px;color:var(--dk)}
.hero p{margin:6px auto;max-width:560px;font-size:18px}
.btn{display:inline-block;background:var(--dk);color:#f6efdc;border:0;border-radius:30px;padding:12px 26px;font:700 17px var(--b);text-decoration:none;cursor:pointer;margin:8px 4px}
.btn:hover{background:var(--brn)}.btn.o{background:none;color:var(--dk);border:2px solid var(--dk)}
.cd{display:flex;justify-content:center;gap:12px;margin:16px 0}
.cd div{background:var(--dk);color:#f6efdc;border-radius:14px;padding:8px 14px;min-width:74px}
.cd b{display:block;font:30px var(--h)}.cd span{font-size:13px}
h2{font:clamp(30px,5vw,44px)/1.2 var(--h);letter-spacing:.02em;margin:38px 0 10px;color:var(--brn)}
h3{font:700 20px var(--b);margin:0 0 4px}
.lead{font-size:19px;max-width:660px;color:var(--ink);opacity:.82}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}
.c{background:var(--card);border:2px solid var(--line);border-radius:22px 8px 22px 8px;padding:18px}
.c a{color:var(--lk);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}
.c a:hover{color:var(--ink)}
.c p{margin:4px 0 0;color:var(--ink);opacity:.8}
.c .tag{display:inline-block;background:var(--ol);color:#fff;border-radius:12px;padding:1px 10px;font-size:13px;font-weight:700;margin-bottom:8px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:3px solid var(--dk);border-radius:16px;overflow:hidden;margin:26px 0}
.facts div{padding:14px 18px;background:var(--card);border-right:2px solid var(--line)}
.facts b{display:block;font:22px var(--h);color:var(--brn)}
.tl{border-left:5px solid var(--ol);margin:20px 0 0 8px;padding-left:20px}
.tl div{position:relative;padding:0 0 18px}
.tl div::before{content:"";position:absolute;left:-31px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--acc);border:3px solid var(--dk)}
.tl time{font-weight:800;color:var(--brn)}
.tl p{margin:2px 0 0;color:var(--ink);opacity:.8}
.wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:480px}
td,th{padding:10px 12px;border-bottom:2px solid var(--line);text-align:left}
th{font:800 17px var(--b);color:var(--brn)}
form{display:grid;gap:12px;max-width:520px;background:var(--card);border:2px solid var(--line);border-radius:22px;padding:22px}
label{font-weight:700;display:grid;gap:4px}
input,select{font:inherit;padding:10px 12px;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--ink)}
.ok{display:none;background:var(--ol);color:#fff;border-radius:16px;padding:16px;max-width:520px;font-weight:600}
details{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 16px;margin:10px 0}
summary{font-weight:700;cursor:pointer}details p{margin:8px 0 0;color:var(--ink);opacity:.82}
.sp{font:26px var(--h);text-align:center;padding:26px 12px;color:var(--brn)}
footer{background:var(--dk);color:#d9c8a2;text-align:center;padding:26px 18px calc(26px + env(safe-area-inset-bottom,0px));font-size:14px;border-top:4px solid var(--ol)}
@media (max-width:640px){.nav{gap:8px}}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;margin:24px 0 32px}
.pl{display:flex;flex-direction:column;background:#f6efdc;color:#2c1d0c;border:3px solid #4f391d;border-radius:8px;box-shadow:7px 7px 0 var(--ol);overflow:hidden}
.pl .top{background:#4f391d;color:#f6efdc;font-weight:700;font-size:15px;padding:9px 18px;border-bottom:4px solid var(--ol)}
.pl .bd{padding:22px 20px 16px;flex:1}
.pl h3{font:800 clamp(24px,3vw,30px)/1.15 var(--b);color:#4f391d;margin:0 0 10px}
.pl p{margin:0;color:#2c1d0c;opacity:.85}
.pl.big{grid-column:1/-1}.pl.big h3{font-size:clamp(28px,4.5vw,42px)}
.pl .v{display:block;margin:0 20px 20px;padding:11px 16px;background:#4f391d;color:#f6efdc;border-radius:26px;text-align:center;font-weight:700;text-decoration:none}
.pl .v:hover{background:var(--brn)}

.note{margin:36px 0 0;padding:14px 18px;border-left:5px solid var(--ol);background:var(--card);border-radius:0 12px 12px 0;font-size:16px}
.note a,details a,.lead a{color:var(--lk);font-weight:700;text-underline-offset:3px}
footer a{color:#f6efdc;font-weight:700}footer p{margin:6px 0}
h2.sub{font-size:clamp(26px,4vw,36px);margin-top:44px}
.tag.t2{background:var(--dk)}
.doc{background:#fffdf6;color:#1d1a14;border:1px solid #bfb49a;box-shadow:8px 8px 0 var(--ol);max-width:820px;margin:28px auto;padding:clamp(22px,5vw,56px);font:17px/1.6 Georgia,'Times New Roman',serif}
.doc h1{font:700 clamp(22px,4vw,30px)/1.2 Georgia,serif;text-align:center;margin:6px 0}
.doc h2{font:700 19px Georgia,serif;letter-spacing:0;color:#1d1a14;margin:26px 0 6px;border-bottom:1px solid #1d1a14;padding-bottom:3px}
.doc h3{font:700 17px Georgia,serif;margin:14px 0 4px}
.doc p,.doc li{margin:6px 0}.doc ol{padding-left:22px}
.doc .lh{text-align:center;font:600 13px Arial,sans-serif;letter-spacing:.12em;color:#4f391d;border-bottom:3px double #4f391d;padding-bottom:10px;margin-bottom:14px}
.doc .meta{text-align:center;font:14px Arial,sans-serif;color:#4a4436}
.doc .form{border:2px solid #1d1a14;padding:18px 20px;margin:24px 0;page-break-inside:avoid}
.doc .form h2{border:0;margin-top:0;font-size:20px}
.doc .fl{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}
.doc .fl div{flex:1 1 220px}.doc .fl span{display:block;border-bottom:1px solid #1d1a14;height:28px}
.doc small{font:12px Arial,sans-serif;color:#4a4436}
.doc .cb{margin:6px 0}
.doc .btn{font-family:Arial,sans-serif}
@media print{header,footer,.noprint,body::before{display:none}.doc{box-shadow:none;border:0;margin:0}}