@font-face{font-family:Andika;src:url(/assets/Andika-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Andika;src:url(/assets/Andika-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--paper:#FAF5E8;--card:#FFFDF8;--ink:#3B3446;--soft:#6A6273;--coral:#E8826A;--coral-dark:#D66A52;
--sage:#86AD80;--sage-dark:#5C8757;--sky:#8FB5CD;--mustard:#EDBE52;--line:#EADFC8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Andika,"Avenir Next",system-ui,sans-serif}
a{color:var(--coral-dark)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header.top{padding:18px 0}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:22px}
.brand img{width:44px;height:44px;border-radius:11px;box-shadow:0 3px 8px rgba(80,55,30,.18)}
nav a{color:var(--soft);text-decoration:none;margin-left:16px;font-size:16px}
.hero{text-align:center;padding:24px 0 8px}
.hero h1{font-size:clamp(34px,6vw,54px);line-height:1.12;margin:10px 0 12px}
.hero h1 em{font-style:normal;color:var(--coral-dark)}
.hero p.lead{font-size:20px;color:var(--soft);margin:0 auto 18px;max-width:560px}
.hero img{width:min(520px,100%);height:auto;margin:6px auto 0;display:block}
.badge{display:inline-block;background:var(--ink);color:#fff;border-radius:14px;padding:12px 22px;font-weight:700;text-decoration:none}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0}
.pills span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:36px 0}
.card{background:var(--card);border-radius:22px;padding:22px;box-shadow:0 6px 18px rgba(80,55,30,.08)}
.card h3{margin:0 0 6px;font-size:20px}
.card p{margin:0;color:var(--soft);font-size:16px}
.doc{background:var(--card);border-radius:24px;padding:28px clamp(18px,4vw,40px);margin:12px 0 36px;box-shadow:0 6px 18px rgba(80,55,30,.08)}
.doc h1{font-size:32px;margin-top:0}
.doc h2{font-size:22px;margin-top:28px}
.doc li{margin:4px 0}
footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--soft);font-size:15px}
footer a{color:var(--soft);margin-right:16px}
@media (prefers-color-scheme:dark){:root{--paper:#26222c;--card:#302b37;--ink:#f3eee6;--soft:#c9c1cf;--line:#453e4d;--coral-dark:#F09A84}
.badge{background:#f3eee6;color:#26222c}}
@media (max-width:520px){nav a{margin-left:10px;font-size:15px}.brand span{display:none}}