/* Netroditel: один файл, без препроцессоров.
   Цель — максимум LCP/CLS, чтобы блоки рекламы досматривали (viewability = деньги). */
:root { --nrod-max: 1080px; --nrod-text: 680px; --fg:#16181d; --muted:#6b7280; --accent:#1f4ed8; --line:#e5e7eb; }
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--fg);background:#fff;line-height:1.65;font-size:17px}
img,iframe,video{max-width:100%;height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{text-decoration:none}
h1,h2,h3{line-height:1.25;letter-spacing:-0.01em}
h1{font-size:clamp(1.6rem,1.2rem+1.6vw,2.2rem);margin:.2em 0 .4em}
h2{font-size:1.35rem;margin-top:2.2em;border-top:1px solid var(--line);padding-top:1.1em}
h3{font-size:1.08rem;margin-top:1.6em}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:#f6f7f9;border:1px solid var(--line);border-radius:5px;padding:.1em .35em}
pre{overflow:auto;background:#f6f7f9;border:1px solid var(--line);border-radius:8px;padding:14px}
table{border-collapse:collapse;width:100%}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;font-size:.95rem}
caption{caption-side:top;text-align:left;color:var(--muted);font-size:.85rem;margin-bottom:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nrod-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px}
.nrod-skip:focus{left:8px;z-index:99}
.nrod-wrap{max-width:var(--nrod-max);margin:0 auto;padding:0 16px}
.nrod-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);z-index:20}
.nrod-header__in{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.nrod-brand{display:flex;flex-direction:column;line-height:1.15;margin-right:auto}
.nrod-brand__name{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--fg)}
.nrod-brand__tag{font-size:.78rem;color:var(--muted)}
.nrod-nav__list{display:flex;gap:16px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nrod-nav__list a{text-decoration:none;font-weight:500}
.nrod-search{display:flex;gap:6px}
.nrod-search input{border:1px solid var(--line);border-radius:6px;padding:7px 9px;min-width:150px}
.nrod-search button{border:1px solid var(--line);background:#f6f7f9;border-radius:6px;padding:7px 11px;cursor:pointer}
.nrod-main{padding-top:24px;padding-bottom:40px}
.nrod-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.nrod-layout--single{grid-template-columns:minmax(0,1fr) 300px}
.nrod-col-main{min-width:0;max-width:760px}
.nrod-lede{font-size:1.06rem;color:#333}
.nrod-meta{display:flex;gap:14px;color:var(--muted);font-size:.85rem;margin:0 0 14px}
.nrod-muted{color:var(--muted)}
.nrod-empty{background:#f6f7f9;border:1px dashed var(--line);padding:16px;border-radius:10px}
.nrod-article__head{max-width:var(--nrod-text)}
.nrod-featured{margin:0 0 1.4em}
.nrod-featured figcaption{font-size:.82rem;color:var(--muted);margin-top:.4em}
.nrod-content{max-width:var(--nrod-text)}
.nrod-content p{margin-bottom:1.1em}
.nrod-btn{display:inline-block;border:1px solid var(--accent);color:var(--accent);border-radius:7px;padding:6px 12px;text-decoration:none;font-size:.92rem;font-weight:600}
.nrod-btn:hover{background:var(--accent);color:#fff}
.nrod-grid{display:grid;gap:22px}
.nrod-card{border:1px solid var(--line);border-radius:12px;padding:18px}
.nrod-card__title{font-size:1.15rem;margin:0 0 .35em;border:0;padding:0}
.nrod-card__title a{color:var(--fg);text-decoration:none}
.nrod-card__thumb{display:block;margin-bottom:12px}
.nrod-list{list-style:none;padding:0}
.nrod-list li{border-bottom:1px solid var(--line);padding:8px 0}
.nrod-breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:14px}
.nrod-breadcrumbs a{color:var(--muted)}
.nrod-breadcrumbs span[aria-hidden]{margin:0 6px}
.nrod-rel{display:flex;gap:16px;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:.94rem}
.nrod-pager{margin-top:26px}
.nrod-pager .page-numbers{border:1px solid var(--line);border-radius:6px;padding:6px 11px;text-decoration:none;margin-right:6px}
.nrod-pager .current{background:var(--accent);color:#fff;border-color:var(--accent)}
/* реклама: фиксированная высота-резерв → нет сдвига вёрстки (CLS), иначе клики мимо */
.nrod-ad{margin:26px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fcfcfd;min-height:96px;overflow:hidden}
.nrod-ad--empty{min-height:96px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#f3f4f6 8px,#f3f4f6 16px)}
.nrod-ad>*{max-width:100%!important}
.nrod-disclosure{font-size:.82rem;color:var(--muted);border-left:3px solid var(--line);padding-left:10px;margin:0 0 18px}
.nrod-footer{border-top:1px solid var(--line);margin-top:30px;padding:22px 0 40px;font-size:.92rem}
.nrod-footer__in{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.nrod-footer a{margin-right:10px}
.nrod-catalog__bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f6f7f9;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px;font-size:.9rem}
.nrod-catalog__bar input[type=search]{flex:1 1 180px;border:1px solid var(--line);border-radius:6px;padding:7px 9px}
.nrod-catalog__bar label{display:flex;gap:6px;align-items:center;white-space:nowrap}
.nrod-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.nrod-table th{background:#f6f7f9;position:sticky;top:0}
.nrod-yesno{text-align:center;font-weight:700}
.nrod-count{color:var(--muted);font-size:.85rem;margin-left:auto}
@media (max-width:980px){
  .nrod-layout{grid-template-columns:minmax(0,1fr)}
  .nrod-col-side{order:5}
  .nrod-ad[data-slot=sidebar]{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .nrod-header__in{gap:10px}
  .nrod-search{width:100%}
  .nrod-ad{min-height:120px;margin:18px 0}
}
@media print{.nrod-ad,.nrod-header,.nrod-footer,.nrod-col-side{display:none!important}}

/* Меню в подвале (засевается установщиком, правится в «Внешний вид → Меню») */
.nrod-footer__list { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.nrod-footer__list a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.18); }
.nrod-footer__list a:hover { border-bottom-color: currentColor; }

/* ── иллюстрации: скриншоты и схемы ───────────────────────────────── */
.nrod-shot,.nrod-scheme{margin:26px 0}
.nrod-shot img,.nrod-scheme img{display:block;width:100%;height:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px}
.nrod-scheme img{border-color:#e0e7ff;background:#fbfbff}
.nrod-shot figcaption,.nrod-scheme figcaption{font-size:13px;line-height:1.5;color:#6b7280;margin-top:8px}
.nrod-scheme__tag{display:inline-block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#4338ca;background:#eef2ff;border-radius:5px;padding:1px 6px;margin-right:6px}
.nrod-shot__more{margin:6px 0 0;font-size:13px}
.nrod-shot--pending{border:1px dashed #9ca3af;border-radius:10px;padding:14px 16px;background:#f9fafb;font-size:13px;line-height:1.55;color:#374151}
.nrod-shot--pending code{background:#eef2ff;padding:1px 5px;border-radius:4px;font-size:12px}
@media (max-width:640px){.nrod-shot,.nrod-scheme{margin:20px 0}.nrod-shot figcaption,.nrod-scheme figcaption{font-size:12.5px}}