/* ============================================================
   CrashRadar redesign — ОСАГО-style corporate blue/green
   blue #2f6fb3 · green CTA #34a93f · yellow #f5b81c · navy #1f2d3d
   ============================================================ */

:root{
	--blue:#2f6fb3; --blue-dk:#245a96; --blue-soft:#e3edf8; --blue-bg:#eef3f9; --blue-bg2:#f5f8fc;
	--green:#34a93f; --green-dk:#2c9235; --green-soft:#e6f5e8;
	--yellow:#f5b81c;
	--navy:#1f2d3d; --ink:#3a4655; --muted:#7b8896;
	--border:#dbe3ec; --border-soft:#eef2f7;
	--ok:#34a93f; --down:#e23b3b; --partial:#ef8f1e; --unknown:#9aa6b4;
	--card:#fff;
	--shadow:0 1px 3px rgba(31,45,61,.07), 0 1px 2px rgba(31,45,61,.04);
	--shadow-hover:0 8px 22px -8px rgba(47,111,179,.28);
	--r:8px; --r-sm:6px; --r-lg:10px; --r-pill:20px;
	--font:'PT Sans','Roboto','Helvetica Neue',sans-serif;
	--head:'Montserrat','PT Sans',sans-serif;
}

body{ font-family:var(--font); color:var(--ink); background:#fff; font-size:15px; line-height:1.55; }
a{ color:var(--blue); }
a:hover{ color:var(--blue-dk); text-decoration:none; }
.wrapper{ max-width:1180px; }
h1,h2,h3,h4{ font-family:var(--head); color:var(--navy); font-weight:700; line-height:1.25; }
strong,b{ font-weight:700; }

/* ===================== HEADER ===================== */
.site-header{ background:#fff; border-top:3px solid var(--blue); }
.site-header::before{ background:#fff !important; border-bottom:1px solid var(--border); }
.site-header__bar{ display:flex; align-items:center; gap:22px; height:auto; padding:15px 0; border-bottom:0; }
.site-logo{ display:flex; align-items:center; gap:11px; flex:0 0 auto; }
.site-logo__mark{
	display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:9px;
	background:var(--blue); color:#fff; font-family:var(--head); font-weight:800; font-size:15px; letter-spacing:.5px;
}
.site-logo__text{ color:var(--navy); font-family:var(--head); font-weight:800; font-size:20px; }
.site-logo__text b{ color:var(--blue); font-weight:800; }
.site-logo:hover{ text-decoration:none; }

.site-search{ position:relative; flex:1 1 auto; max-width:520px; }
.site-search__input{
	width:100%; height:44px; padding:0 50px 0 16px; border:1px solid var(--border); border-radius:var(--r-sm);
	background:#fff; color:var(--ink); font:inherit; font-size:14px; transition:border-color .15s, box-shadow .15s;
}
.site-search__input:focus{ outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(47,111,179,.12); }
.site-search__input::placeholder{ color:var(--muted); }
.site-search__btn{
	position:absolute; right:4px; top:4px; width:36px; height:36px; border:0; border-radius:var(--r-sm); cursor:pointer;
	background:var(--blue); color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:background .15s;
}
.site-search__btn:hover{ background:var(--blue-dk); }

.site-nav__list{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; flex-wrap:wrap; }
.site-nav__list a{
	display:inline-block; padding:10px 14px; color:var(--navy); font-weight:700; font-size:14px;
	border-bottom:2px solid transparent; transition:color .15s, border-color .15s;
}
.site-nav__list a:hover{ color:var(--blue); border-bottom-color:var(--blue); text-decoration:none; }
.site-nav__list .current-menu-item a, .site-nav__list .current-cat a{ color:var(--blue); border-bottom-color:var(--blue); }

.site-burger{ display:none; flex-direction:column; gap:5px; width:42px; height:42px; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; cursor:pointer; align-items:center; justify-content:center; }
.site-burger span{ display:block; width:20px; height:2px; background:var(--navy); border-radius:2px; }
.site-mobile-menu{ background:#fff; border-bottom:1px solid var(--border); padding:14px 0; }
.site-mobile-menu__list{ list-style:none; margin:0; padding:0; }
.site-mobile-menu__list a{ display:block; padding:11px 6px; color:var(--navy); font-weight:700; border-bottom:1px solid var(--border-soft); }
.site-mobile-menu__search input{ width:100%; height:44px; padding:0 14px; border:1px solid var(--border); border-radius:var(--r-sm); margin-bottom:12px; }
.site-mobile-menu__search button{ display:none; }

/* ===================== BREADCRUMBS ===================== */
.breadcrumbs{ font-size:13px; color:var(--muted); padding:16px 0 4px; }
.breadcrumbs a{ color:var(--muted); }
.breadcrumbs a:hover{ color:var(--blue); }
.breadcrumbs .sep{ margin:0 5px; color:var(--border); }

/* ===================== HOME HERO ===================== */
.home-hero{ position:relative; margin:22px 0 26px; padding:42px 38px; border-radius:var(--r-lg); overflow:hidden; background:linear-gradient(180deg,var(--blue-bg) 0%,var(--blue-bg2) 100%); border:1px solid var(--border); }
.home-hero__bg{ position:absolute; inset:0; z-index:0; margin:0 !important; background:radial-gradient(520px 300px at 92% -20%, rgba(47,111,179,.12), transparent 70%); }
.home-hero__inner{ position:relative; z-index:1; max-width:760px; }
.home-hero__eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:5px 13px; border-radius:var(--r-pill); background:#fff; color:var(--blue); font-weight:700; font-size:13px; box-shadow:var(--shadow); margin-bottom:16px; }
.home-hero__pulse{ width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(52,169,63,.5); animation:cr-pulse 2s infinite; }
@keyframes cr-pulse{ 0%{box-shadow:0 0 0 0 rgba(52,169,63,.5)} 70%{box-shadow:0 0 0 9px rgba(52,169,63,0)} 100%{box-shadow:0 0 0 0 rgba(52,169,63,0)} }
.home-hero__title{ font-family:var(--head); font-size:40px; font-weight:800; color:var(--navy); margin:0 0 14px; letter-spacing:-.5px; }
.home-hero__sub{ font-size:17px; color:var(--ink); max-width:600px; margin:0 0 24px; }

.home-search{ display:flex; gap:8px; max-width:620px; background:#fff; padding:7px; border-radius:var(--r); box-shadow:var(--shadow); border:1px solid var(--border); }
.home-search__label{ display:inline-flex; align-items:center; justify-content:center; padding-left:12px; color:var(--muted); }
.home-search__input{ flex:1 1 auto; border:0; background:transparent; font:inherit; font-size:15px; color:var(--ink); padding:0 6px; }
.home-search__input:focus{ outline:none; }
.home-search__btn{ flex:0 0 auto; border:0; cursor:pointer; padding:0 26px; height:46px; border-radius:var(--r-sm); background:var(--green); color:#fff; font-family:var(--head); font-weight:700; font-size:15px; transition:background .15s; }
.home-search__btn:hover{ background:var(--green-dk); }

.home-stats{ display:flex; align-items:center; gap:30px; margin-top:28px; flex-wrap:wrap; }
.home-stat{ display:flex; flex-direction:column; }
.home-stat__value{ font-family:var(--head); font-size:26px; font-weight:800; color:var(--blue); line-height:1; }
.home-stat__label{ font-size:13px; color:var(--muted); margin-top:5px; }
.home-stat__sep{ width:1px; height:34px; background:var(--border); }
.home-stat--alert .home-stat__value{ color:var(--down); }
.home-stat__dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--down); margin-right:6px; animation:cr-pulse 1.5s infinite; }

/* ===================== INCIDENTS BANNER ===================== */
.home-incidents{ display:flex; gap:13px; align-items:flex-start; padding:15px 18px; margin:0 0 26px; border-radius:var(--r); background:#fdf1f1; border:1px solid #f4cccc; border-left:4px solid var(--down); }
.home-incidents__icon{ flex:0 0 auto; width:32px; height:32px; border-radius:var(--r-sm); background:#f8dada; color:var(--down); display:inline-flex; align-items:center; justify-content:center; }
.home-incidents__body{ font-size:14px; color:var(--ink); line-height:1.7; }
.home-incidents__body strong{ color:var(--down); margin-right:6px; }
.home-incidents__body a{ color:var(--navy); font-weight:700; background:#f8dada; padding:2px 8px; border-radius:var(--r-sm); margin:0 3px; display:inline-block; }
.home-incidents__body a:hover{ background:var(--down); color:#fff; }
.home-incidents__more{ color:var(--muted); }

/* ===================== SECTIONS ===================== */
.home-section{ margin:0 0 36px; }
.home-section__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; padding-bottom:10px; border-bottom:2px solid var(--border); }
.home-section__title-wrap{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.home-section__title{ font-family:var(--head); font-size:23px; font-weight:800; color:var(--navy); margin:0; }
.home-section__badge{ font-size:13px; font-weight:700; color:var(--blue); background:var(--blue-soft); padding:5px 11px; border-radius:var(--r-pill); }

/* ===================== SERVICE CARDS (cat-card) ===================== */
.cat-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; }
.cat-card{ display:flex; align-items:center; gap:13px; padding:15px; background:var(--card); border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); transition:transform .12s, box-shadow .15s, border-color .15s; }
.cat-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--blue); text-decoration:none; }
.cat-card__icon{ flex:0 0 auto; width:50px; height:50px; border-radius:var(--r-sm); overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:var(--blue-bg); }
.cat-card__img{ width:50px; height:50px; object-fit:contain; }
.cat-card__letter{ font-family:var(--head); font-size:20px; font-weight:800; color:var(--blue); }
.cat-card__body{ flex:1 1 auto; min-width:0; }
.cat-card__name{ font-weight:700; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cat-card__status-row{ display:flex; align-items:center; gap:7px; margin-top:4px; }
.cat-card__dot{ width:9px; height:9px; border-radius:50%; background:var(--unknown); flex:0 0 auto; }
.cat-card__status-text{ font-size:13px; color:var(--muted); }
.cat-card__votes{ font-size:12px; color:var(--muted); margin-top:3px; }
.cat-card__arrow{ flex:0 0 auto; color:var(--border); transition:color .15s, transform .15s; }
.cat-card:hover .cat-card__arrow{ color:var(--blue); transform:translateX(3px); }
.cat-card--ok .cat-card__dot{ background:var(--ok); } .cat-card--ok .cat-card__status-text{ color:var(--ok); }
.cat-card--down .cat-card__dot{ background:var(--down); } .cat-card--down .cat-card__status-text{ color:var(--down); }
.cat-card--partial .cat-card__dot{ background:var(--partial); } .cat-card--partial .cat-card__status-text{ color:var(--partial); }

/* ===================== CATEGORY HERO + FILTER ===================== */
.cat-hero{ position:relative; margin:20px 0 22px; padding:30px 32px; border-radius:var(--r-lg); overflow:hidden; background:linear-gradient(180deg,var(--blue-bg),var(--blue-bg2)); border:1px solid var(--border); }
.cat-hero::before{ background:transparent !important; margin:0 !important; }
.cat-hero__inner{ position:relative; z-index:1; }
.cat-hero__breadcrumb{ display:flex; align-items:center; gap:7px; font-size:13px; color:var(--muted); margin-bottom:12px; }
.cat-hero__breadcrumb a{ color:var(--muted); } .cat-hero__breadcrumb a:hover{ color:var(--blue); }
.cat-hero__breadcrumb span{ color:var(--navy); font-weight:700; }
.cat-hero__title{ font-family:var(--head); font-size:30px; font-weight:800; color:var(--navy); margin:0 0 12px; }
.cat-hero__meta{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; font-size:13px; }
.cat-hero__count{ display:inline-flex; align-items:center; gap:7px; color:var(--ink); font-weight:700; background:#fff; padding:6px 13px; border-radius:var(--r-sm); box-shadow:var(--shadow); }
.cat-hero__count svg{ color:var(--blue); }
.cat-hero__live{ display:inline-flex; align-items:center; gap:7px; color:var(--muted); }
.cat-hero__live-dot{ width:8px; height:8px; border-radius:50%; background:var(--green); animation:cr-pulse 2s infinite; }
.cat-filter{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 18px; }
.cat-filter__btn{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border); background:#fff; cursor:pointer; padding:9px 16px; border-radius:var(--r-sm); font:inherit; font-weight:700; font-size:14px; color:var(--navy); transition:border-color .15s, background .15s, color .15s; }
.cat-filter__btn:hover{ border-color:var(--blue); color:var(--blue); }
.cat-filter__btn.is-active{ background:var(--blue); border-color:var(--blue); color:#fff; }
.cat-filter__badge{ font-size:12px; font-weight:700; color:var(--muted); background:var(--blue-bg); padding:2px 8px; border-radius:var(--r-pill); }
.cat-filter__btn.is-active .cat-filter__badge{ background:rgba(255,255,255,.25); color:#fff; }
.cat-filter__dot{ width:9px; height:9px; border-radius:50%; } .cat-filter__dot--down{ background:var(--down); }
.cat-empty{ text-align:center; padding:50px 20px; color:var(--muted); }
.cat-pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; color:var(--navy); font-weight:700; margin:2px; }
.cat-pagination .page-numbers.current{ background:var(--blue); border-color:var(--blue); color:#fff; }
.cat-pagination a.page-numbers:hover{ border-color:var(--blue); color:var(--blue); }
.cat-pagination ul{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding:0; margin:26px 0; }

/* ===================== CATEGORY TILES (home-cats) ===================== */
.home-cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; }
.home-cat-card{ display:flex; align-items:center; gap:12px; padding:13px 15px; background:#fff; border:1px solid var(--border); border-radius:var(--r); transition:transform .12s, box-shadow .15s, border-color .15s; }
.home-cat-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--blue); text-decoration:none; }
.home-cat-card__icon{ flex:0 0 auto; width:40px; height:40px; border-radius:var(--r-sm); display:inline-flex; align-items:center; justify-content:center; font-family:var(--head); font-weight:800; font-size:14px; background:var(--blue-bg)!important; color:var(--blue)!important; }
.home-cat-card__name{ flex:1 1 auto; font-size:14px; font-weight:700; color:var(--navy); }
.home-cat-card__count{ flex:0 0 auto; font-size:12px; font-weight:700; color:var(--muted); background:var(--blue-bg); padding:3px 9px; border-radius:var(--r-pill); }

/* ===================== USP ===================== */
.home-usp{ margin:0 0 36px; padding:30px; background:var(--blue-bg); border-radius:var(--r-lg); }
.home-usp__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; }
.home-usp__item{ display:flex; gap:13px; align-items:flex-start; }
.home-usp__icon{ flex:0 0 auto; width:48px; height:48px; border-radius:var(--r-sm); background:#fff; color:var(--blue); display:inline-flex; align-items:center; justify-content:center; box-shadow:var(--shadow); }
.home-usp__item strong{ display:block; font-family:var(--head); color:var(--navy); font-size:15px; margin-bottom:5px; }
.home-usp__item p{ font-size:13px; color:var(--muted); line-height:1.5; margin:0; }

/* ===================== LISTING ITEMS (item) ===================== */
.items, .ajax-items{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; margin:0; }
.item{ background:#fff; border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column; transition:transform .12s, box-shadow .15s, border-color .15s; }
.item:hover{ transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--blue); }
.item__image{ background:var(--blue-bg); padding:16px; text-align:center; }
.item__image img{ max-height:110px; width:auto; object-fit:contain; }
.item__cat{ padding:13px 15px 0; }
.item__cat a{ font-size:12px; font-weight:700; color:var(--blue); background:var(--blue-soft); padding:3px 9px; border-radius:var(--r-pill); }
.item__cat a:hover{ background:var(--blue); color:#fff; text-decoration:none; }
.item__title{ padding:9px 15px 0; }
.item__title a, .item__link{ font-family:var(--head); font-size:16px; font-weight:700; color:var(--navy); }
.item__link:hover{ color:var(--blue); text-decoration:none; }
.item__text{ padding:8px 15px 0; font-size:13px; color:var(--muted); }
.item__more{ margin:auto 15px 15px; padding-top:12px; font-size:13px; font-weight:700; color:var(--green); }
.item__more:hover{ color:var(--green-dk); }
.headline{ font-family:var(--head); font-size:22px; font-weight:800; color:var(--navy); margin:0 0 16px; }
.more__button{ display:inline-block; cursor:pointer; padding:12px 28px; border-radius:var(--r-sm); background:var(--blue); color:#fff; font-family:var(--head); font-weight:700; margin:24px auto; text-align:center; }
.more{ text-align:center; }
.more__button:hover{ background:var(--blue-dk); }

/* ===================== FOOTER ===================== */
.site-footer{ margin-top:48px; background:var(--navy); color:#c2cdd9; }
.site-footer::before{ background:var(--navy) !important; }
.site-footer__inner{ display:grid; grid-template-columns:1.4fr 1fr 1.2fr; gap:34px; padding:40px 0 28px; position:relative; z-index:1; }
.site-footer .site-logo__text{ color:#fff; } .site-footer .site-logo__text b{ color:#5d9bd8; }
.site-footer .site-logo__mark{ background:var(--blue); }
.site-footer__tagline{ font-size:13px; color:#90a0b2; margin-top:13px; line-height:1.6; max-width:300px; }
.site-footer__nav .site-footer-nav__list{ list-style:none; margin:0; padding:0; }
.site-footer__nav a{ display:block; padding:6px 0; color:#c2cdd9; font-size:14px; }
.site-footer__nav a:hover{ color:#fff; }
.site-footer__extra{ font-size:13px; color:#90a0b2; position:relative; z-index:1; }
.site-footer__copy{ color:#c2cdd9; font-weight:700; margin-bottom:8px; }
.site-footer__note{ margin-bottom:12px; line-height:1.5; }
.site-footer__privacy, .site-footer__tg{ display:inline-block; color:#5d9bd8; margin-right:14px; }
.site-footer__tg{ font-weight:700; }
.site-footer__bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:15px 0; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:#7e8da0; position:relative; z-index:1; }

/* ===================== SINGLE: HERO ===================== */
.nr-hero{ display:flex; align-items:center; gap:16px; margin:22px 0 22px; }
.nr-hero__logo img, .nr-hero__logo-placeholder{ width:64px; height:64px; border-radius:var(--r); object-fit:contain; background:var(--blue-bg); display:inline-flex; align-items:center; justify-content:center; font-family:var(--head); font-size:28px; font-weight:800; color:var(--blue); border:1px solid var(--border); }
.nr-hero__title{ font-family:var(--head); font-size:27px; font-weight:800; color:var(--navy); line-height:1.2; margin:0; }
.nr-hero__date{ color:var(--muted); font-weight:700; font-size:17px; white-space:nowrap; }

/* ===================== SINGLE: shared block look ===================== */
.nr-status, .nr-check, .nr-vote, .nr-map, .nr-typestats, .nr-chart,
.nr-howto, .nr-alternatives, .nr-history, .nr-notify, .nr-related, .nr-faq{
	background:#fff; border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); padding:22px 24px; margin:0 0 16px;
}

/* ===================== SINGLE: STATUS ===================== */
.nr-status{ border-top:3px solid var(--unknown); }
.nr-status__indicator{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.nr-status__dot{ width:14px; height:14px; border-radius:50%; background:var(--unknown); }
.nr-status__label{ font-family:var(--head); font-size:20px; font-weight:800; color:var(--navy); }
.nr-status__text{ font-size:15px; color:var(--ink); margin:0 0 14px; }
.nr-status__meta{ font-size:13px; color:var(--muted); margin-bottom:16px; }
.nr-status__site-link{ color:var(--blue); font-weight:700; }
.nr-status__action{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.nr-status__vote-btn{ border:0; cursor:pointer; padding:0 24px; height:46px; border-radius:var(--r-sm); background:var(--green); color:#fff; font:inherit; font-family:var(--head); font-weight:700; font-size:15px; transition:background .15s; }
.nr-status__vote-btn:hover{ background:var(--green-dk); }
.nr-status__vote-count{ font-size:13px; color:var(--muted); }
.nr-status__vote-count #nr-today-count{ font-weight:800; color:var(--navy); }
/* variants — colored top border + dark readable text */
.nr-status--unknown .nr-status__label,.nr-status--ok .nr-status__label,.nr-status--down .nr-status__label,.nr-status--partial .nr-status__label{ color:var(--navy); }
.nr-status--unknown .nr-status__text,.nr-status--ok .nr-status__text,.nr-status--down .nr-status__text,.nr-status--partial .nr-status__text{ color:var(--ink); }
.nr-status--unknown .nr-status__meta,.nr-status--ok .nr-status__meta,.nr-status--down .nr-status__meta,.nr-status--partial .nr-status__meta{ color:var(--muted); }
.nr-status--unknown .nr-status__vote-count,.nr-status--ok .nr-status__vote-count,.nr-status--down .nr-status__vote-count,.nr-status--partial .nr-status__vote-count{ color:var(--muted); }
.nr-status--unknown .nr-status__site-link,.nr-status--ok .nr-status__site-link,.nr-status--down .nr-status__site-link,.nr-status--partial .nr-status__site-link{ color:var(--blue); border-bottom:0; }
.nr-status--ok{ border-top-color:var(--ok); } .nr-status--ok .nr-status__dot{ background:var(--ok); } .nr-status--ok .nr-status__label{ color:var(--green-dk); }
.nr-status--down{ border-top-color:var(--down); } .nr-status--down .nr-status__dot{ background:var(--down); animation:cr-pulse 1.6s infinite; } .nr-status--down .nr-status__label{ color:var(--down); }
.nr-status--partial{ border-top-color:var(--partial); } .nr-status--partial .nr-status__dot{ background:var(--partial); } .nr-status--partial .nr-status__label{ color:#cf7a10; }
.nr-status--unknown .nr-status__dot{ background:var(--unknown); }
.nr-status--unknown .nr-status__vote-btn,.nr-status--ok .nr-status__vote-btn{ background:var(--green); color:#fff; }
.nr-status--down .nr-status__vote-btn,.nr-status--partial .nr-status__vote-btn{ background:var(--down); color:#fff; }

/* ===================== SINGLE: LIVE CHECK ===================== */
.nr-check__inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.nr-check__title{ font-family:var(--head); font-size:18px; font-weight:700; color:var(--navy); margin:0 0 4px; }
.nr-check__desc{ font-size:14px; color:var(--muted); margin:0; }
.nr-check__btn{ border:0; cursor:pointer; padding:0 26px; height:46px; border-radius:var(--r-sm); background:var(--blue); color:#fff; font:inherit; font-family:var(--head); font-weight:700; font-size:15px; transition:background .15s; }
.nr-check__btn:hover{ background:var(--blue-dk); }
.nr-check__btn:disabled{ opacity:.6; cursor:default; }
.nr-check__result{ margin-top:12px; font-size:14px; }

/* ===================== SINGLE: VOTE TYPES ===================== */
.nr-vote__title{ font-family:var(--head); font-size:18px; font-weight:700; color:var(--navy); margin:0 0 4px; }
.nr-vote__desc{ font-size:14px; color:var(--muted); margin:0 0 16px; }
.nr-vote__types{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; }
.nr-vote__type{ display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; font:inherit; transition:border-color .15s, background .15s; }
.nr-vote__type:hover{ border-color:var(--blue); background:var(--blue-bg); }
.nr-vote__type-icon{ font-size:20px; }
.nr-vote__type-label{ font-size:14px; font-weight:700; color:var(--navy); }
.nr-vote__feedback{ margin-top:14px; padding:14px; border-radius:var(--r-sm); background:var(--green-soft); }
.nr-vote__thanks{ margin:0; color:var(--green-dk); font-weight:700; }

/* ===================== SINGLE: MAP / TYPESTATS / CHART ===================== */
.nr-map__title,.nr-typestats__title,.nr-chart__title,.nr-howto__title,.nr-alternatives__title,.nr-history__title,.nr-related__title,.nr-faq__title{ font-family:var(--head); font-size:19px; font-weight:800; color:var(--navy); margin:0 0 15px; }
.nr-map__layout,.nr-typestats__inner{ display:flex; gap:22px; flex-wrap:wrap; }
.nr-map__inner{ flex:1 1 320px; position:relative; min-height:260px; border-radius:var(--r-sm); overflow:hidden; background:var(--blue-bg); }
.nr-map__empty{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:14px; }
.nr-map__cities{ flex:0 0 240px; } .nr-map__cities-title{ font-family:var(--head); font-size:15px; font-weight:700; color:var(--navy); margin:0 0 10px; }
.nr-map__cities-list{ list-style:none; margin:0; padding:0; }
.nr-typestats__group{ flex:1 1 260px; } .nr-typestats__subtitle{ font-family:var(--head); font-size:14px; font-weight:700; color:var(--navy); margin:0 0 12px; }
.nr-typestats__empty{ color:var(--muted); font-size:13px; }
.nr-chart__header{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:16px; }
.nr-chart__tabs{ display:inline-flex; gap:2px; background:var(--blue-bg); padding:3px; border-radius:var(--r-sm); }
.nr-chart__tab{ border:0; cursor:pointer; padding:7px 15px; border-radius:var(--r-sm); background:transparent; color:var(--muted); font:inherit; font-weight:700; font-size:13px; transition:background .15s,color .15s; }
.nr-chart__tab--active{ background:#fff; color:var(--blue); box-shadow:var(--shadow); }
.nr-chart__wrap{ position:relative; min-height:120px; }
.nr-chart__empty{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:13px; text-align:center; }
.nr-chart__footer{ display:flex; gap:24px; flex-wrap:wrap; margin-top:16px; font-size:13px; color:var(--muted); }
.nr-chart__footer strong{ color:var(--navy); }

/* ===================== SINGLE: HOWTO / CONTACTS ===================== */
.nr-howto__inner{ display:flex; gap:26px; flex-wrap:wrap; }
.nr-howto__steps{ flex:1 1 320px; } .nr-howto__contacts{ flex:1 1 240px; }
.nr-howto__subtitle{ font-family:var(--head); font-size:15px; font-weight:700; color:var(--navy); margin:0 0 12px; }
.nr-howto__list{ margin:0; padding:0; list-style:none; counter-reset:step; }
.nr-howto__list li{ position:relative; padding:0 0 14px 38px; font-size:14px; color:var(--ink); line-height:1.5; counter-increment:step; }
.nr-howto__list li:before{ content:counter(step); position:absolute; left:0; top:-2px; width:26px; height:26px; border-radius:50%; background:var(--blue-soft); color:var(--blue); font-family:var(--head); font-weight:800; font-size:13px; display:inline-flex; align-items:center; justify-content:center; }
.nr-contacts-list{ list-style:none; margin:0; padding:0; }
.nr-contacts-list__item{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--border-soft); }
.nr-contacts-list__label{ font-size:13px; color:var(--muted); }
.nr-contacts-list__item a{ font-weight:700; color:var(--blue); }

/* ===================== SINGLE: ALTERNATIVES ===================== */
.nr-alternatives__desc{ font-size:14px; color:var(--muted); margin:0 0 14px; }
.nr-alternatives__list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:9px; }
.nr-alt__link{ display:inline-block; padding:9px 16px; border-radius:var(--r-sm); background:var(--blue-bg); color:var(--navy); font-weight:700; font-size:14px; border:1px solid var(--border); }
.nr-alt__link:hover{ background:var(--blue); color:#fff; border-color:var(--blue); text-decoration:none; }

/* ===================== SINGLE: HISTORY TABLE ===================== */
.nr-history__table-wrap{ overflow-x:auto; }
.nr-history__table{ width:100%; border-collapse:collapse; font-size:14px; }
.nr-history__table th{ text-align:left; padding:10px 14px; background:var(--blue-bg); color:var(--navy); font-family:var(--head); font-weight:700; font-size:13px; }
.nr-history__table td{ padding:11px 14px; border-bottom:1px solid var(--border-soft); color:var(--ink); }
.nr-history__empty td{ text-align:center; color:var(--muted); padding:22px; }

/* ===================== SINGLE: NOTIFY ===================== */
.nr-notify{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; background:var(--blue-bg); border-color:var(--border); border-left:4px solid var(--blue); }
.nr-notify__icon{ flex:0 0 auto; width:52px; height:52px; border-radius:var(--r); background:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:25px; box-shadow:var(--shadow); }
.nr-notify__body{ flex:1 1 300px; }
.nr-notify__title{ font-family:var(--head); font-size:19px; font-weight:800; color:var(--navy); margin:0 0 6px; }
.nr-notify__text{ font-size:14px; color:var(--ink); margin:0; }
.nr-notify__actions{ display:flex; gap:10px; flex-wrap:wrap; }
.nr-notify__btn{ display:inline-flex; align-items:center; padding:0 22px; height:46px; border-radius:var(--r-sm); font-family:var(--head); font-weight:700; font-size:14px; }
.nr-notify__btn--main{ background:var(--green); color:#fff; } .nr-notify__btn--main:hover{ background:var(--green-dk); color:#fff; text-decoration:none; }
.nr-notify__btn--channel{ background:#fff; color:var(--blue); border:1px solid var(--blue-soft); } .nr-notify__btn--channel:hover{ border-color:var(--blue); text-decoration:none; }

/* ===================== SINGLE: RELATED ===================== */
.nr-related__list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.nr-related__link{ display:flex; align-items:center; gap:11px; padding:11px 13px; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; transition:border-color .15s, transform .12s; }
.nr-related__link:hover{ border-color:var(--blue); transform:translateY(-2px); text-decoration:none; }
.nr-related__icon{ flex:0 0 auto; width:36px; height:36px; border-radius:var(--r-sm); overflow:hidden; background:var(--blue-bg); display:inline-flex; align-items:center; justify-content:center; }
.nr-related__img{ width:36px; height:36px; object-fit:contain; }
.nr-related__letter{ font-family:var(--head); font-weight:800; color:var(--blue); }
.nr-related__name{ flex:1 1 auto; font-size:14px; font-weight:700; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nr-related__dot{ flex:0 0 auto; width:9px; height:9px; border-radius:50%; background:var(--unknown); }
.nr-related__dot--ok{ background:var(--ok); } .nr-related__dot--down{ background:var(--down); } .nr-related__dot--partial{ background:var(--partial); }

/* ===================== SINGLE: UPTIME BAR (unique block) ===================== */
.nr-uptime{ background:#fff; border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); padding:20px 24px; margin:0 0 16px; }
.nr-uptime__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.nr-uptime__title{ font-family:var(--head); font-size:18px; font-weight:800; color:var(--navy); margin:0; }
.nr-uptime__score{ display:flex; align-items:baseline; gap:7px; }
.nr-uptime__pct{ font-family:var(--head); font-size:24px; font-weight:800; color:var(--green-dk); }
.nr-uptime__pct-label{ font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; }
.nr-uptime__bar{ display:flex; gap:2px; align-items:stretch; height:42px; }
.nr-uptime__day{ flex:1 1 0; min-width:2px; border-radius:2px; background:var(--unknown); transition:transform .1s; }
.nr-uptime__day:hover{ transform:scaleY(1.12); }
.nr-uptime__day--ok{ background:var(--ok); }
.nr-uptime__day--partial{ background:var(--partial); }
.nr-uptime__day--down{ background:var(--down); }
.nr-uptime__day--nodata{ background:#e7edf3; }
.nr-uptime__legend{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:14px; font-size:12px; color:var(--muted); }
.nr-uptime__legend span{ display:inline-flex; align-items:center; gap:6px; }
.nr-uptime__sw{ width:11px; height:11px; border-radius:3px; display:inline-block; }
.nr-uptime__sw--ok{ background:var(--ok); } .nr-uptime__sw--partial{ background:var(--partial); } .nr-uptime__sw--down{ background:var(--down); } .nr-uptime__sw--nodata{ background:#e7edf3; }
.nr-uptime__note{ margin-left:auto; font-style:italic; }
@media (max-width:600px){ .nr-uptime__bar{ height:34px; } .nr-uptime__day{ min-width:1px; } }

/* ===================== BLOG: single article ===================== */
.blog-post{ max-width:760px; margin:0 auto; }
.blog-post__head{ margin:24px 0 18px; }
.blog-post__cat{ display:inline-block; font-size:12px; font-weight:700; color:var(--blue); background:var(--blue-soft); padding:4px 11px; border-radius:var(--r-pill); margin-bottom:14px; }
.blog-post__cat:hover{ background:var(--blue); color:#fff; text-decoration:none; }
.blog-post__title{ font-family:var(--head); font-size:32px; font-weight:800; color:var(--navy); line-height:1.2; margin:0 0 14px; }
.blog-post__meta{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:13px; color:var(--muted); }
.blog-post__sep{ color:var(--border); }
.blog-post__cover{ margin:0 0 24px; border-radius:var(--r-lg); overflow:hidden; }
.blog-post__cover img{ width:100%; height:auto; display:block; }
.blog-post__entry{ font-size:17px; line-height:1.75; color:var(--ink); }
.blog-post__entry h2{ font-family:var(--head); font-size:24px; margin:30px 0 12px; }
.blog-post__entry h3{ font-family:var(--head); font-size:20px; margin:24px 0 10px; }
.blog-post__entry p{ margin:0 0 18px; }
.blog-post__entry img{ border-radius:var(--r); max-width:100%; height:auto; }
.blog-post__entry blockquote{ margin:22px 0; padding:14px 20px; border-left:4px solid var(--blue); background:var(--blue-bg); border-radius:0 var(--r) var(--r) 0; color:var(--navy); }
.blog-post__tags{ display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.blog-post__tag{ font-size:13px; color:var(--muted); background:var(--blue-bg); padding:5px 12px; border-radius:var(--r-pill); }
.blog-post__tag:hover{ background:var(--blue); color:#fff; text-decoration:none; }

/* BLOG: "читайте также" */
.blog-more{ margin:34px 0; padding-top:26px; border-top:2px solid var(--border); }
.blog-more__title{ font-family:var(--head); font-size:20px; font-weight:800; color:var(--navy); margin:0 0 16px; }
.blog-more__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; }
.blog-more__card{ display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--r); overflow:hidden; background:#fff; transition:transform .12s, box-shadow .15s, border-color .15s; }
.blog-more__card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--blue); text-decoration:none; }
.blog-more__img img{ width:100%; height:120px; object-fit:cover; display:block; }
.blog-more__name{ font-family:var(--head); font-weight:700; color:var(--navy); padding:11px 13px 4px; font-size:15px; line-height:1.3; }
.blog-more__date{ padding:0 13px 13px; font-size:12px; color:var(--muted); }

/* ===================== BLOG: archive list ===================== */
.blog-archive__head{ margin:20px 0 24px; }
.blog-archive__title{ font-family:var(--head); font-size:32px; font-weight:800; color:var(--navy); margin:8px 0 8px; }
.blog-archive__desc{ font-size:16px; color:var(--muted); max-width:680px; }
.blog-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; }
.blog-card{ background:#fff; border:1px solid var(--border); border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow); transition:transform .12s, box-shadow .15s, border-color .15s; }
.blog-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-hover); border-color:var(--blue); }
.blog-card__link{ display:flex; flex-direction:column; height:100%; }
.blog-card__link:hover{ text-decoration:none; }
.blog-card__img{ display:block; background:var(--blue-bg); }
.blog-card__img img{ width:100%; height:180px; object-fit:cover; display:block; }
.blog-card__img-ph{ display:flex; align-items:center; justify-content:center; height:180px; font-family:var(--head); font-weight:800; font-size:32px; color:var(--blue); background:var(--blue-bg); }
.blog-card__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:16px 18px; }
.blog-card__date{ font-size:12px; color:var(--muted); margin-bottom:7px; }
.blog-card__title{ font-family:var(--head); font-size:18px; font-weight:700; color:var(--navy); line-height:1.3; margin-bottom:8px; }
.blog-card__excerpt{ font-size:14px; color:var(--ink); line-height:1.55; }
.blog-card__more{ margin-top:auto; padding-top:12px; font-weight:700; font-size:14px; color:var(--green-dk); }

/* ===================== POST CONTENT ===================== */
.post__entry{ font-size:15px; line-height:1.7; color:var(--ink); margin:0 0 18px; }
.post__entry h2{ font-family:var(--head); font-size:22px; margin:26px 0 12px; }
.post__entry h3{ font-family:var(--head); font-size:18px; margin:22px 0 10px; }
.post__entry a{ color:var(--blue); }
.post__entry img{ border-radius:var(--r-sm); max-width:100%; height:auto; }
.post__table{ overflow-x:auto; }
.post--cat-desc{ background:var(--blue-bg); border:1px solid var(--border); border-radius:var(--r); padding:18px 22px; margin:24px 0; }

/* ===================== COMMENTS ===================== */
.comments-title{ font-family:var(--head); font-size:20px; font-weight:800; color:var(--navy); margin:26px 0 16px; }
.respond, #respond{ background:#fff; border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); padding:22px 24px; }
.respond .headline{ font-size:18px; margin:0 0 16px; }
.comment__author{ font-weight:700; color:var(--navy); }
.comment__reply{ border:0; background:var(--blue-bg); color:var(--blue); cursor:pointer; padding:4px 12px; border-radius:var(--r-sm); font:inherit; font-size:13px; font-weight:700; }
.comment-form__field, .form__field{ width:100%; padding:11px 14px; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; font:inherit; font-size:14px; margin-bottom:12px; }
.comment-form__field:focus, .form__field:focus{ outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(47,111,179,.1); }
.comment-form__comment, textarea.form__field{ min-height:120px; resize:vertical; }
.comment-form__button, .form__button{ background:var(--green); color:#fff; border:0; cursor:pointer; padding:13px 30px; border-radius:var(--r-sm); font-family:var(--head); font-weight:700; font:inherit; font-size:15px; }
.comment-form__button:hover, .form__button:hover{ background:var(--green-dk); }

/* ===================== RESPONSIVE ===================== */
@media (max-width:900px){ .site-footer__inner{ grid-template-columns:1fr 1fr; } .home-hero__title{ font-size:32px; } }
@media (max-width:782px){
	.site-nav{ display:none; } .site-burger{ display:inline-flex; }
	.site-header--open .site-mobile-menu{ display:block; } .site-mobile-menu[hidden]{ display:none; }
	.home-hero{ padding:30px 20px; } .home-hero__title{ font-size:26px; } .home-search{ flex-wrap:wrap; }
	.nr-hero__title{ font-size:22px; } .site-footer__inner{ grid-template-columns:1fr; gap:24px; }
}