:root{--bg:#0b1118;--panel:#121c26;--panel2:#172431;--ink:#edf3f7;--mute:#a5b4c1;--line:#2b3b49;--steel:#182a3a;--fault:#c6f36b;--fault2:#a9d94c;--ok:#70d6a7;--hyp:#f0c75e;--unk:#9aa8b4;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:var(--fault);text-underline-offset:3px}a:hover{color:#e1ffac} :focus-visible{outline:3px solid var(--fault);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}header.top{background:#0b1118f2;color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}.logo{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:-.035em}.logo i{width:30px;height:30px;border:1px solid var(--fault);background:#172431;display:inline-block;position:relative}.logo i:after{content:'T/';font:800 12px/28px system-ui;color:var(--fault);position:absolute;left:6px;top:0}nav a{color:#c2ced7;text-decoration:none;margin-left:17px;font-size:13px}nav a:hover{color:var(--fault);text-decoration:none}
.hero{padding:68px 0 52px;background:radial-gradient(ellipse at 78% 15%,#243443 0,transparent 43%),linear-gradient(120deg,#0b1118,#101923)}h1{font-size:clamp(34px,5.4vw,62px);line-height:1.04;margin:0 0 20px;font-weight:800;letter-spacing:-.05em;max-width:19em}.lead{font-size:19px;color:#bac7d1;max-width:39em;margin:0 0 25px}.btn{display:inline-block;background:var(--fault);color:#10170a;font-weight:800;padding:13px 20px;border-radius:2px;text-decoration:none;border:0;font:700 15px system-ui;cursor:pointer}.btn:hover{background:#d9ff93;color:#10170a}.btn.alt{background:transparent;color:var(--ink);border:1px solid #50616e;margin-left:10px}.btn.alt:hover{background:#1c2b38;color:var(--fault);border-color:var(--fault)}.trace{background:linear-gradient(145deg,#182532,#101820);border:1px solid #354754;border-radius:3px;padding:14px;margin-top:30px}.trace svg{width:100%;height:auto;display:block}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px 4px 6px;font-size:13px;color:var(--mute)}.legend b{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:7px}
section{padding:64px 0;border-top:1px solid #1f2c37}h2{font-size:clamp(27px,3.7vw,42px);margin:0 0 10px;line-height:1.1;letter-spacing:-.04em}.sub{color:var(--mute);margin:0 0 28px;max-width:48em}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:22px}.card h3{margin:0 0 8px;font-size:20px;line-height:1.25}.card p{margin:0 0 12px;color:var(--mute);font-size:15px}.card .res{color:var(--ink);font-size:14px;border-top:1px dashed var(--line);padding-top:12px;margin-top:8px}.card a.go{font-weight:700;font-size:14px}.problem{border-left:3px solid var(--fault)}.problem h3{font-size:18px}.status{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.status div{background:var(--panel);border:1px solid var(--line);border-top-width:4px;padding:18px;border-radius:2px}.status .s1{border-top-color:var(--ok)}.status .s2{border-top-color:var(--hyp)}.status .s3{border-top-color:var(--unk)}.status strong{display:block;margin-bottom:5px}.status div{color:var(--mute)}ul.plain{margin:8px 0 0;padding-left:20px}ul.plain li{margin:5px 0}.cols{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.pk{display:flex;flex-direction:column}.pk .k{font:500 13px monospace;color:var(--fault)}details{background:var(--panel);border:1px solid var(--line);border-radius:2px;margin-bottom:10px}summary{cursor:pointer;padding:16px 18px;font-weight:700}summary:hover{color:var(--fault)}details .in{padding:0 18px 18px;color:var(--ink)}details .in p{margin:8px 0}.tag{display:inline-block;font:500 11px monospace;background:#243443;color:var(--fault);padding:3px 8px;border-radius:2px;margin-left:8px;vertical-align:middle}.codes{font-family:monospace;font-size:14px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#1a2a38;color:#eaf2f7}form{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:24px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}label{display:block;font-weight:600;font-size:13px}label span{font-weight:400;color:var(--mute)}input,select,textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #394a57;border-radius:2px;font:400 15px system-ui;background:#0b131b;color:var(--ink)}textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.note{font-size:13px;color:var(--mute)}footer{background:#0a1016;color:#a5b4c1;padding:28px 0;font-size:13px;border-top:1px solid var(--line)}footer a{color:var(--fault)}[hidden]{display:none!important}.series{columns:2 230px;column-gap:24px;margin:8px 0;padding-left:20px}.series li{break-inside:avoid;margin:5px 0}.series li::marker{color:var(--fault)}
@media(max-width:850px){nav{display:none}.hero{padding:54px 0 42px}section{padding:48px 0}}@media(max-width:640px){.wrap{padding:0 15px}h1{font-size:clamp(34px,10vw,48px)}.btn.alt{margin:10px 0 0}.grid{grid-template-columns:1fr}form{grid-template-columns:1fr}.full{grid-column:auto}.legend{gap:8px 12px}}

/* ===== слой для материалов из базы ===== */
.notice{background:#1b2a1a;border:1px solid #3f5a2c;padding:14px 16px;margin:16px 0;color:#dbe9c8;font-size:14px}
.eyebrow{font:500 12px monospace;color:var(--fault);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.crumbs{font-size:13px;color:var(--mute);margin:0 0 18px}.crumbs a{color:var(--mute)}
.filter{grid-template-columns:2fr 1fr auto;align-items:end;margin-bottom:22px}
.filter .btn{margin:0}
.item h3 a{color:var(--ink);text-decoration:none}.item h3 a:hover{color:var(--fault)}
.item .k{font:500 12px monospace;color:var(--fault);margin:0 0 6px}
.pager{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 0}.pager a,.pager b{padding:8px 13px;border:1px solid var(--line);text-decoration:none;font-size:14px}.pager b{background:var(--fault);color:#10170a;border-color:var(--fault)}
.article{max-width:820px}.article h2{font-size:clamp(22px,3vw,30px);margin:34px 0 10px}.article h3{margin:24px 0 8px}.article p,.article li{color:#d3dde5}.article img{max-width:100%;height:auto}.article table{margin:16px 0}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mute);font-size:13px;margin:0 0 20px}
@media(max-width:640px){.filter{grid-template-columns:1fr}}

.logo,footer .wrap{text-transform:uppercase}