:root{--bg:#f6f8f8;--card:#fff;--ink:#17252a;--muted:#5a6b70;--line:#d9e2e4;--acc:#0f6e6e;--acc2:#0b5555;--accbg:#e4f2f1;--warn:#fff6e0;--warnl:#e8c66a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--acc)}a:hover{color:var(--acc2)}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
header.site{background:#fff;border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{font-size:1.35rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.logo span{color:var(--acc)}
nav a{margin-left:14px;text-decoration:none;color:var(--muted);font-size:.94rem}nav a:hover{color:var(--acc)}
main{padding:24px 0 48px}
h1{font-size:2rem;line-height:1.2;margin:.2em 0 .4em}h2{font-size:1.35rem;margin-top:1.8em}h3{margin-bottom:.2em}
.lead{color:var(--muted);font-size:1.07rem;max-width:760px}.muted{color:var(--muted)}
.search{display:flex;gap:10px;margin:16px 0 10px;max-width:760px}
.search input{flex:1;padding:12px 15px;font-size:1.05rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.search input:focus,.filters select:focus{outline:2px solid var(--acc);border-color:var(--acc)}
.btn,.search button,form.ph button{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover,.search button:hover{background:var(--acc2);color:#fff}.btn.ghost{background:#fff;color:var(--acc);border:1px solid var(--acc)}.btn.sm{padding:5px 12px;font-size:.88rem}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.filters select{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.94rem;max-width:100%}
.count{color:var(--muted);font-size:.9rem;margin:6px 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none;color:var(--ink);display:block}
.card:hover{border-color:var(--acc);color:var(--ink)}
.card .c{font-size:.82rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.card .n{font-weight:700;margin:2px 0 6px;color:var(--ink);line-height:1.3}
.card .pr{font-size:.88rem;margin-top:6px}
.badge{display:inline-block;font-size:.73rem;font-weight:700;padding:1px 8px;border-radius:999px;margin:0 4px 4px 0;background:var(--accbg);color:var(--acc2)}
.tag{display:inline-block;font-size:.84rem;padding:2px 10px;border:1px solid var(--line);border-radius:999px;margin:0 4px 6px 0;color:var(--ink);text-decoration:none;background:#fff;font-family:inherit;cursor:pointer}
a.tag:hover,button.tag:hover{border-color:var(--acc);color:var(--acc)}
.facts{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin:16px 0}
.facts dl{display:grid;grid-template-columns:200px 1fr;margin:0}
.facts dt,.facts dd{padding:8px 0;border-bottom:1px solid var(--line);margin:0}.facts dt{color:var(--muted);font-size:.92rem}.facts dl>*:nth-last-child(-n+2){border-bottom:0}
.unk{color:#8a979b;font-style:italic}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:22px 0}
.box.acc{border-color:var(--acc);background:var(--accbg)}.note{background:var(--warn);border:1px solid var(--warnl);border-radius:10px;padding:10px 14px;margin:14px 0;font-size:.95rem}
.placeholder-note{font-size:.85rem;color:#6b4e00;background:var(--warn);border:1px dashed var(--warnl);padding:5px 10px;border-radius:8px;display:inline-block}
form.ph input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;color:var(--ink);margin:4px 0 12px}
.tw{overflow-x:auto;margin:10px 0}
table.list{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line)}
table.list td,table.list th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem;vertical-align:top}
table.list th{background:#eef3f3;font-size:.8rem;color:var(--muted)}
.crumbs{font-size:.86rem;color:var(--muted)}.crumbs a{color:var(--muted)}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.srcs{font-size:.9rem}.srcs li{margin-bottom:4px}
footer{border-top:1px solid var(--line);background:#fff;padding:24px 0;color:var(--muted);font-size:.88rem}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}footer a{color:var(--muted)}
.disc{background:var(--accbg);border-radius:10px;padding:10px 14px;color:var(--ink);margin-bottom:16px}
.sr{position:absolute;left:-9999px}
.pl-row{display:grid;grid-template-columns:2fr 1.4fr .7fr .7fr auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}
.pl-row label{font-size:.8rem;color:var(--muted);display:block}.pl-row input,.pl-row select{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.92rem}
.ok{color:#1f6b3a;font-weight:600}.over{color:#8a4b00;font-weight:600}
#printarea{display:none}
@media print{header.site,footer,nav,.noprint,.search,.filters{display:none!important}#printarea{display:block}body{background:#fff}main{padding:0}}
@media(max-width:760px){footer .cols,.cols3{grid-template-columns:1fr}.facts dl{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}h1{font-size:1.6rem}nav a{margin:0 12px 0 0}.pl-row{grid-template-columns:1fr 1fr}}