:root{
  --bg:#F1F4F2; --surface:#FFFFFF; --surface-2:#F7F9F8; --ink:#111916; --ink-2:#3B4A43; --muted:#6E7D75;
  --line:#D8DFDB; --line-soft:#E6ECE8;
  --brand:#0F5A3C; --brand-ink:#0B4530; --brand-soft:#DDEDE4; --brand-text:#FFFFFF;
  --ok:#1E9E5A; --ok-soft:#DFF3E7; --warn:#C8830A; --warn-soft:#FBEBD0; --down:#CF3A2F; --down-soft:#F9DEDB;
  --shadow:0 1px 2px rgba(17,25,22,.05), 0 12px 32px -20px rgba(17,25,22,.28);
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E1411; --surface:#151D19; --surface-2:#1B2521; --ink:#E9EFEB; --ink-2:#B9C6BF; --muted:#8B9A92;
  --line:#27332D; --line-soft:#1F2A25;
  --brand:#2E9E6C; --brand-ink:#8BD7B0; --brand-soft:#173A2A; --brand-text:#08110C;
  --ok:#3FC27C; --ok-soft:#173A2A; --warn:#E5A33A; --warn-soft:#3E2E12; --down:#F0665C; --down-soft:#472019;
  --shadow:0 1px 2px rgba(0,0,0,.45), 0 12px 32px -18px rgba(0,0,0,.8);
}}
:root[data-theme="dark"]{
  --bg:#0E1411; --surface:#151D19; --surface-2:#1B2521; --ink:#E9EFEB; --ink-2:#B9C6BF; --muted:#8B9A92;
  --line:#27332D; --line-soft:#1F2A25;
  --brand:#2E9E6C; --brand-ink:#8BD7B0; --brand-soft:#173A2A; --brand-text:#08110C;
  --ok:#3FC27C; --ok-soft:#173A2A; --warn:#E5A33A; --warn-soft:#3E2E12; --down:#F0665C; --down-soft:#472019;
  --shadow:0 1px 2px rgba(0,0,0,.45), 0 12px 32px -18px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--ink);font-family:"Golos Text","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
  background-color:var(--bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-blend-mode:overlay;
  background-size:180px 180px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body{background-blend-mode:soft-light}}
:root[data-theme="dark"] body{background-blend-mode:soft-light}
a{color:var(--brand-ink)}
h1,h2,h3{font-family:"Unbounded","Golos Text",sans-serif;letter-spacing:-.01em;text-wrap:balance}

.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.top-in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-family:"Unbounded",sans-serif;font-weight:700;font-size:17px;color:var(--ink);text-decoration:none}
.lamp{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft),0 0 14px var(--ok);animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 0 0 4px var(--ok-soft),0 0 14px var(--ok)}50%{box-shadow:0 0 0 6px var(--ok-soft),0 0 20px var(--ok)}}
.top nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.top nav::-webkit-scrollbar{display:none}
.top nav a{font-size:14px;color:var(--ink-2);padding:7px 11px;border-radius:8px;white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.top nav a:hover{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 72px;display:flex;flex-direction:column;gap:30px}
h1{font-weight:700;font-size:clamp(29px,4.6vw,46px);line-height:1.05;margin:0}
.masthead{display:flex;flex-direction:column;gap:8px}
.lead{font-size:18px;color:var(--ink-2);max-width:56ch;margin:0}
.stamp{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-top:2px}
.stamp .live{color:var(--ok)}

/* ---- главная новость дня ---- */
.feature{
  display:grid;grid-template-columns:1.2fr .8fr;gap:8px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);
  box-shadow:var(--shadow);padding:26px 30px;position:relative;overflow:hidden;
}
.feature::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:radial-gradient(480px 260px at 88% 12%,var(--brand-soft),transparent 70%);
}
.feature-text{display:flex;flex-direction:column;gap:12px;position:relative}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}
.feature-head{display:flex;align-items:center;gap:14px}
.feature-head h2{font-size:clamp(21px,3vw,28px);margin:0;line-height:1.1}
.biglamp.biglamp--sm{width:36px;height:36px;flex:none;grid-row:auto}
.feature-sub{color:var(--ink-2);font-size:15.5px;margin:0;max-width:52ch}
.feature .btn-ghost{
  align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;
  font-weight:600;font-size:14.5px;color:var(--brand-ink);text-decoration:none;
  border:1.5px solid var(--brand);border-radius:10px;padding:9px 16px;
  transition:background-color .15s ease,color .15s ease,transform .15s ease;
}
.feature .btn-ghost:hover{background:var(--brand);color:var(--brand-text);transform:translateX(2px)}
.feature .btn-ghost span{transition:transform .15s ease}
.feature .btn-ghost:hover span{transform:translateX(2px)}
.feature-graphic{display:flex;align-items:center;justify-content:center;position:relative}
.feature-graphic svg{width:100%;height:auto;max-height:200px}
.net-lines path{stroke:var(--line);fill:none}
.net-nodes .node{fill:var(--muted)}
.node-alert-dot{fill:var(--down)}
.feature[data-state="warn"] .node-alert-dot{fill:var(--warn)}
.feature[data-state="ok"] .node-alert-dot{fill:var(--ok)}
.pulse-ring{fill:none;stroke:var(--down);stroke-width:1.4;transform-origin:center;animation:pulse-ring 2.6s ease-out infinite}
.feature[data-state="warn"] .pulse-ring{stroke:var(--warn)}
.feature[data-state="ok"] .pulse-ring{stroke:var(--ok)}
.pulse-ring--delay{animation-delay:1.3s}
@keyframes pulse-ring{0%{r:6;opacity:.9}100%{r:34;opacity:0}}
@media (prefers-reduced-motion:reduce){.lamp,.pulse-ring{animation:none}}

.board-title{font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px}
.tile{
  background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line);
  border-radius:var(--r);padding:14px 16px 15px;display:flex;flex-direction:column;gap:8px;
  box-shadow:var(--shadow);text-decoration:none;color:inherit;
  transition:transform .12s ease,box-shadow .12s ease,border-top-color .3s ease;
}
.tile:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(17,25,22,.06),0 16px 36px -18px rgba(17,25,22,.32)}
.tile[data-state="ok"]{border-top-color:var(--ok)}
.tile[data-state="warn"]{border-top-color:var(--warn)}
.tile[data-state="down"]{border-top-color:var(--down)}
.tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 10px;flex-wrap:wrap}
.tile-top b{font-size:15.5px;font-weight:600;line-height:1.3}
.pill{
  font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:500;letter-spacing:.03em;
  padding:3px 8px;border-radius:999px;white-space:nowrap;flex:none;
  background:var(--surface-2);color:var(--muted);
  transition:background-color .3s ease,color .3s ease;
}
.tile[data-state="ok"] .pill{background:var(--ok-soft);color:var(--ok)}
.tile[data-state="warn"] .pill{background:var(--warn-soft);color:var(--warn)}
.tile[data-state="down"] .pill{background:var(--down-soft);color:var(--down)}
.tile-desc{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.4}
.tile-foot{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--muted)}

.explain{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:20px 22px}
.explain h2{font-size:19px;font-weight:500;margin:0 0 8px}
.explain p{margin:0 0 8px;color:var(--ink-2);max-width:70ch}

.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:16px 22px;align-items:center}
.biglamp{width:44px;height:44px;border-radius:50%;grid-row:span 2}
.biglamp.down{background:var(--down);box-shadow:0 0 0 8px var(--down-soft),0 0 30px var(--down)}
.biglamp.warn{background:var(--warn);box-shadow:0 0 0 8px var(--warn-soft),0 0 30px var(--warn)}
.biglamp.ok{background:var(--ok);box-shadow:0 0 0 8px var(--ok-soft),0 0 30px var(--ok)}
.status h1{font-size:clamp(23px,3.6vw,33px);margin:0 0 6px}
.status .sub{color:var(--ink-2);font-size:16px;margin:0}
.status .meta{grid-column:2;font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.status .meta b{color:var(--ink-2);font-weight:500}
.chart{grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.chart[hidden]{display:none}
.chart-head{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:3px;height:64px}
.bars i{flex:1;background:var(--brand-soft);border-radius:3px 3px 0 0;min-height:3px;position:relative}
.bars i.hi{background:var(--down)}
.chart-x{display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted)}

.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
article{display:flex;flex-direction:column;gap:22px;max-width:68ch}
article h2{font-weight:500;font-size:20px;margin:0 0 6px}
article p{margin:0 0 10px;color:var(--ink-2)}
.single h1{margin-bottom:8px}
.hint{font-size:14px;color:var(--muted)}
.steps{display:flex;flex-direction:column;gap:10px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.step .k{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--brand-ink);padding-top:3px;white-space:nowrap}
.step span:last-child{font-size:14.5px;color:var(--ink-2)}

.cta{background:var(--brand);color:var(--brand-text);border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;gap:10px;position:sticky;top:74px}
.cta h3{font-weight:500;font-size:16px;margin:0;line-height:1.3}
.cta p{margin:0;font-size:14px;opacity:.92}
.cta .btn{display:block;background:var(--brand-text);color:var(--brand);text-decoration:none;font-weight:600;padding:11px 16px;border-radius:10px;text-align:center;margin-top:4px}
.cta small{font-size:11.5px;opacity:.75}
.aside{display:flex;flex-direction:column;gap:14px}
.related{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:14px}
.related b{display:block;margin-bottom:8px}
.related a{display:block;padding:4px 0;text-decoration:none}

.vote{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.vote button{font:inherit;font-size:14px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.vote button:hover{border-color:var(--brand)}
.vote button[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}
.reports{display:flex;flex-direction:column;gap:10px}
.reports:empty{display:none}
.report{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14.5px;display:flex;flex-direction:column;gap:4px}
.report .who{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--muted)}
.report .who .sys{color:var(--brand-ink)}

.faq details{border-bottom:1px solid var(--line-soft);padding:10px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-block;width:18px;color:var(--brand-ink);font-family:"JetBrains Mono",monospace}
.faq details[open] summary::before{content:"–"}
.faq p{margin:8px 0 0 18px;color:var(--ink-2);font-size:15px}

footer{border-top:1px solid var(--line);padding-top:16px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px}
.fnote{flex-basis:100%}
@media (max-width:820px){
  .cols{grid-template-columns:1fr}.cta{position:static}.wrap{padding:20px 16px 56px}
  .feature{grid-template-columns:1fr}
  .feature-graphic{order:-1;max-height:140px}
  .feature-graphic svg{max-height:130px}
}
@media (prefers-reduced-motion:reduce){.tile{transition:none}}

@media (max-width:640px){
  .top-in{gap:12px;padding:10px 16px}
  .logo{white-space:nowrap;font-size:16px}
  .status{grid-template-columns:1fr;gap:12px;padding:18px}
  .biglamp{grid-row:auto;width:34px;height:34px}
  .status .meta{grid-column:1;gap:6px 14px}
  .feature{padding:20px 18px}
  .feature-head{gap:10px}
  .board{grid-template-columns:1fr 1fr;gap:10px}
  .tile{padding:12px 13px}
  .tile-top b{font-size:15px}
}
@media (max-width:480px){ .board{grid-template-columns:1fr} }