:root { --bg:#0b130c; --panel:#132016; --ink:#e6efdc; --dim:#a9bba0; --accent:#a8d070; --head:#bfe3a0; --line:#2a3d2c; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.wrap { max-width:860px; margin:0 auto; padding:0 18px; }
.top { background:#07100a; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; }
.top .wrap { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; padding-top:10px; padding-bottom:10px; }
.brand { color:var(--head); font-weight:700; text-decoration:none; font-size:18px; }
.main { display:flex; flex-wrap:wrap; gap:2px 14px; font-size:15px; }
.main a { color:var(--dim); text-decoration:none; padding:2px 0; border-bottom:2px solid transparent; }
.main a:hover, .main a[aria-current] { color:var(--ink); border-bottom-color:var(--accent); }
main { padding-top:22px; padding-bottom:56px; }
.crumbs { font-size:14px; color:var(--dim); margin-bottom:6px; }
.crumbs a { color:var(--dim); }
h1 { font-size:clamp(26px,5vw,36px); line-height:1.2; margin:6px 0 14px; color:#f3f8ea; }
h2 { font-size:22px; margin:34px 0 8px; color:var(--head); }
p { margin:0 0 14px; }
.lead { font-size:19px; color:#f0f6e6; }
a { color:var(--accent); }
ul, ol { padding-left:24px; } li { margin:5px 0; }
table { width:100%; border-collapse:collapse; margin:10px 0 18px; font-size:15px; display:block; overflow-x:auto; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
thead th { color:var(--head); background:var(--panel); }
.facts { display:table; } .facts th { width:28%; color:var(--head); font-weight:600; background:none; }
.cards { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
.cards li { margin:0; }
.cards a { display:block; height:100%; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:12px 14px; text-decoration:none; color:var(--ink); font-size:15px; line-height:1.4; }
.cards a:hover { border-color:var(--accent); }
.cards .ic { font-size:24px; display:block; } .cards b { display:block; color:var(--head); margin:2px 0 4px; } .cards span:last-child { color:var(--dim); }
.button { display:inline-block; background:#3f7a2e; color:#fff; padding:11px 20px; border-radius:8px; text-decoration:none; font-weight:600; }
.button:hover { background:#4d9238; }
.foot { border-top:1px solid var(--line); background:#07100a; padding:22px 0 34px; text-align:center; font-size:15px; color:var(--dim); }
.foot a { color:var(--dim); } .foot .button { color:#fff; } .small { font-size:13px; opacity:.8; }
@media (max-width:560px) { body { font-size:16px; } .lead { font-size:17px; } }