/*
Theme Name: Portal Brokerski
Theme URI: https://example.com/portal-brokerski
Author: SERM
Description: Каталог брокеров: CPT broker, две категории (legalni / nielegalni), пагинация по 10, отзывы через комментарии со звёздами и премодерацией, три палитры. Порт HTML-прототипа "Portal Brokerski".
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: portal-brokerski
Tags: custom-post-type, reviews, directory, translation-ready
*/

/* ============ ТОКЕНЫ: светлая тема (палитра «granat» по умолчанию) ============ */
:root{
  --page:#EDEFF2; --sheet:#FFFFFF; --sheet-2:#F7F8FA;
  --ink:#15181D; --ink-2:#495059; --ink-3:#79818C;
  --line:#D6DAE0; --line-2:#E7EAEE;
  --brand:#123A6B; --brand-2:#0C2A50; --brand-ink:#FFFFFF;
  --link:#12559F; --link-hover:#0B3D77;
  --star:#E9A100; --star-off:#CFD4DA;
  --ok:#1C7A3C; --ok-bg:#E9F3EC; --ok-line:#BEDCC6;
  --bad:#B12419; --bad-bg:#FBEBE9; --bad-line:#EDC3BE;
  --plate:#FFFFFF; --plate-line:#D6DAE0;
  --wrap:1120px;
}
:root[data-palette="zielen"]{ --brand:#14523C; --brand-2:#0D3A2A; --link:#0E6448; --link-hover:#0A4A35; }
:root[data-palette="bordo"]{ --brand:#7C2130; --brand-2:#5C1723; --link:#9B2436; --link-hover:#761B29; }

/* ============ ТОКЕНЫ: тёмная тема ============ */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --page:#0E1114; --sheet:#171A1E; --sheet-2:#1D2126;
    --ink:#E4E7EA; --ink-2:#A7AEB7; --ink-3:#7E858F;
    --line:#2B3037; --line-2:#23272D;
    --brand:#0E2B4F; --brand-2:#0A2140; --brand-ink:#EAEFF6;
    --link:#6FA6E2; --link-hover:#9BC3EE;
    --star:#E5A61F; --star-off:#3A4048;
    --ok:#4FB16E; --ok-bg:#122C1B; --ok-line:#1F4A2C;
    --bad:#E0685B; --bad-bg:#2E1512; --bad-line:#59241E;
    --plate:#E8ECEF; --plate-line:rgba(255,255,255,.14);
  }
  :root:not([data-theme="light"])[data-palette="zielen"]{ --brand:#0F3D2D; --brand-2:#0A2C20; --link:#57BB93; --link-hover:#87D2B3; }
  :root:not([data-theme="light"])[data-palette="bordo"]{ --brand:#571724; --brand-2:#40101A; --link:#E08192; --link-hover:#EDA6B2; }
}
:root[data-theme="dark"]{
  --page:#0E1114; --sheet:#171A1E; --sheet-2:#1D2126;
  --ink:#E4E7EA; --ink-2:#A7AEB7; --ink-3:#7E858F;
  --line:#2B3037; --line-2:#23272D;
  --brand:#0E2B4F; --brand-2:#0A2140; --brand-ink:#EAEFF6;
  --link:#6FA6E2; --link-hover:#9BC3EE;
  --star:#E5A61F; --star-off:#3A4048;
  --ok:#4FB16E; --ok-bg:#122C1B; --ok-line:#1F4A2C;
  --bad:#E0685B; --bad-bg:#2E1512; --bad-line:#59241E;
  --plate:#E8ECEF; --plate-line:rgba(255,255,255,.14);
}
:root[data-theme="dark"][data-palette="zielen"]{ --brand:#0F3D2D; --brand-2:#0A2C20; --link:#57BB93; --link-hover:#87D2B3; }
:root[data-theme="dark"][data-palette="bordo"]{ --brand:#571724; --brand-2:#40101A; --link:#E08192; --link-hover:#EDA6B2; }

/* ============ БАЗА ============ */
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0; background:var(--page); color:var(--ink);
  font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Helvetica Neue",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--link); text-decoration:underline; text-underline-offset:2px}
a:hover{color:var(--link-hover)}
h1,h2,h3{margin:0; font-weight:700; line-height:1.25; text-wrap:balance}
p{margin:0}
img,svg{display:block; max-width:100%}
button,input,select,textarea{font:inherit; color:inherit}
:focus-visible{outline:2px solid var(--link); outline-offset:2px}
.hidden{display:none !important}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 16px}
.tnum{font-variant-numeric:tabular-nums}

/* ============ ШАПКА ============ */
.top{background:var(--brand); color:var(--brand-ink); border-bottom:3px solid var(--brand-2)}
.top__in{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:62px; flex-wrap:wrap; padding-top:8px; padding-bottom:8px}
.wordmark{display:flex; align-items:center; gap:9px; color:inherit; text-decoration:none}
.wordmark svg{width:28px; height:28px}
.wordmark__t{font-size:1.28rem; font-weight:700; letter-spacing:-.01em; line-height:1.1}
.wordmark__t i{font-style:normal; font-weight:400; opacity:.72}
.wordmark__s{font-size:.68rem; letter-spacing:.07em; text-transform:uppercase; opacity:.72; line-height:1.1; margin-top:2px}
.top__right{display:flex; align-items:center; gap:14px}
.top__date{font-size:.76rem; opacity:.78}
.search{display:flex; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.1)}
.search input{width:170px; padding:6px 9px; border:0; background:transparent; color:inherit; font-size:.82rem}
.search input::placeholder{color:rgba(255,255,255,.6)}
.search button{padding:6px 11px; border:0; border-left:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.14); color:inherit; font-size:.78rem; cursor:pointer}
.search button:hover{background:rgba(255,255,255,.24)}

/* ============ МЕНЮ ============ */
.menu{background:var(--sheet); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30}
.menu__in{display:flex; align-items:center; gap:2px; flex-wrap:wrap}
.menu a{
  padding:11px 12px; font-size:.845rem; font-weight:600; color:var(--ink-2);
  text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-1px; white-space:nowrap;
}
.menu a:hover{color:var(--ink); background:var(--sheet-2)}
.menu a.is-active{color:var(--ink); border-bottom-color:var(--brand)}
.menu__sep{flex-grow:1}
.menu__note{font-size:.74rem; color:var(--ink-3); padding:0 4px}
.burger{display:none; margin-left:auto; padding:8px 10px; background:transparent; border:1px solid var(--line); cursor:pointer}

/* ============ ПОЛОСА КОМУНИКАТА ============ */
.alert{background:var(--bad-bg); border-bottom:1px solid var(--bad-line); color:var(--ink-2)}
.alert__in{display:flex; align-items:baseline; gap:9px; padding-top:7px; padding-bottom:7px; font-size:.8rem; flex-wrap:wrap}
.alert__tag{background:var(--bad); color:#fff; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:2px 6px}
.alert__d{color:var(--ink-3); font-variant-numeric:tabular-nums}

/* ============ ХЛЕБНЫЕ КРОШКИ ============ */
.crumbs{font-size:.78rem; color:var(--ink-3); padding-top:11px; padding-bottom:9px}
.crumbs a{color:var(--ink-3)}
.crumbs span{margin:0 5px; opacity:.6}

/* ============ СЕТКА ============ */
.layout{display:flex; align-items:flex-start; gap:24px; padding-bottom:34px}
.col{flex:1 1 auto; min-width:0}
.side{flex:0 0 300px; width:300px}
.sheet{background:var(--sheet); border:1px solid var(--line); padding:20px 22px; margin-bottom:16px}
.sheet--flush{padding:0}

/* ============ ЗАГОЛОВКИ РАЗДЕЛОВ ============ */
h1{font-size:1.62rem; letter-spacing:-.015em}
.lead{margin-top:9px; color:var(--ink-2); font-size:.94rem; line-height:1.65}
.byline{display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:13px; padding-top:11px; border-top:1px solid var(--line-2); font-size:.76rem; color:var(--ink-3)}
.byline b{color:var(--ink-2); font-weight:600}

.stats{display:flex; flex-wrap:wrap; gap:0; margin-top:16px; border:1px solid var(--line)}
.stat{flex:1 1 120px; padding:10px 13px; border-right:1px solid var(--line); background:var(--sheet-2)}
.stat:last-child{border-right:0}
.stat__n{font-size:1.22rem; font-weight:700; font-variant-numeric:tabular-nums; line-height:1.2}
.stat__k{font-size:.72rem; color:var(--ink-3); margin-top:1px}

.sechead{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:0 0 9px; border-bottom:2px solid var(--brand); margin-bottom:0}
.sechead h2{font-size:1.06rem}
.sechead a{font-size:.79rem; white-space:nowrap}

/* ============ СТРОКА-БРЕНД (список вместо карточек) ============ */
.mark{
  width:40px; height:40px; flex:0 0 40px; padding:4px; background:var(--plate);
  border:1px solid var(--plate-line); display:grid; place-items:center; overflow:hidden;
}
.mark .logo{width:100%; height:100%}
.mark--lg{width:58px; height:58px; flex-basis:58px; padding:6px}
.mark--sm{width:28px; height:28px; flex-basis:28px; padding:3px}

.rows{border:1px solid var(--line); border-top:0}
.row{
  display:flex; align-items:center; gap:12px; padding:11px 13px;
  border-bottom:1px solid var(--line-2); text-decoration:none; color:inherit; background:var(--sheet);
}
.row:last-child{border-bottom:0}
.row:nth-child(even){background:var(--sheet-2)}
.row:hover{background:var(--ok-bg)}
.rows--bad .row:hover{background:var(--bad-bg)}
.row__n{width:18px; flex:0 0 18px; text-align:right; font-size:.82rem; color:var(--ink-3); font-variant-numeric:tabular-nums}
.row__main{flex:1 1 auto; min-width:0}
.row__name{display:block; font-weight:700; font-size:.93rem; color:var(--link); text-decoration:underline; text-underline-offset:2px}
.row:hover .row__name{color:var(--link-hover)}
.row__reg{display:block; font-size:.75rem; color:var(--ink-3); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.row__rate{display:flex; align-items:center; gap:6px; flex:0 0 auto}
.row__num{font-size:.86rem; font-weight:700; font-variant-numeric:tabular-nums}
.row__rev{flex:0 0 78px; text-align:right; font-size:.76rem; color:var(--ink-3); font-variant-numeric:tabular-nums}
.row__go{flex:0 0 auto; font-size:.78rem; color:var(--link); white-space:nowrap}

/* ============ ЗВЁЗДЫ ============ */
.stars{position:relative; display:inline-block; line-height:0; white-space:nowrap}
.stars__row{display:flex; gap:1px}
.stars svg{width:13px; height:13px; fill:var(--star-off)}
.stars__fg{position:absolute; left:0; top:0; overflow:hidden}
.stars__fg svg{fill:var(--star)}
.stars--lg svg{width:19px; height:19px}
.stars--bad .stars__fg svg{fill:var(--bad)}

/* ============ ПЛАШКИ ============ */
.pill{display:inline-block; padding:2px 7px; font-size:.7rem; font-weight:700; letter-spacing:.02em; border:1px solid; white-space:nowrap}
.pill--ok{color:var(--ok); background:var(--ok-bg); border-color:var(--ok-line)}
.pill--bad{color:var(--bad); background:var(--bad-bg); border-color:var(--bad-line)}
.pill--soft{color:var(--ink-3); background:var(--sheet-2); border-color:var(--line); font-weight:600}

/* ============ ТАБЛИЦА КАТЕГОРИИ ============ */
.tblwrap{overflow-x:auto; border:1px solid var(--line)}
table.tbl{width:100%; border-collapse:collapse; font-size:.875rem; min-width:640px}
.tbl th{
  background:var(--brand); color:var(--brand-ink); text-align:left; font-size:.72rem;
  letter-spacing:.06em; text-transform:uppercase; font-weight:700; padding:8px 11px; white-space:nowrap;
}
.tbl td{padding:9px 11px; border-bottom:1px solid var(--line-2); vertical-align:middle}
.tbl tr:nth-child(even) td{background:var(--sheet-2)}
.tbl tr:last-child td{border-bottom:0}
.tbl tr:hover td{background:var(--ok-bg)}
.tbl--bad tr:hover td{background:var(--bad-bg)}
.tbl .c-n{width:34px; color:var(--ink-3); text-align:right; font-variant-numeric:tabular-nums}
.tbl .c-b{min-width:230px}
.tbl .c-r{white-space:nowrap}
.tbl .c-o{width:132px; white-space:nowrap}
.tbl .c-v{width:82px; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--ink-2)}
.tbl .c-g{width:74px; text-align:right; white-space:nowrap}
.cell-b{display:flex; align-items:center; gap:10px}
.cell-b b{font-weight:700}
.cell-b a{font-weight:700}
.cell-b small{display:block; color:var(--ink-3); font-size:.74rem; font-weight:400}

/* ============ ПАНЕЛЬ СОРТИРОВКИ ============ */
.toolbar{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:9px 12px; background:var(--sheet-2); border:1px solid var(--line); border-bottom:0; font-size:.8rem; color:var(--ink-2)}
.toolbar select{padding:4px 7px; border:1px solid var(--line); background:var(--sheet); font-size:.8rem}
.toolbar label{color:var(--ink-3)}

/* ============ ПАГИНАЦИЯ ============ */
.pager{display:flex; gap:4px; flex-wrap:wrap; margin-top:14px}
.pager button{padding:6px 11px; border:1px solid var(--line); background:var(--sheet); color:var(--link); font-size:.82rem; cursor:pointer; font-variant-numeric:tabular-nums}
.pager button:hover:not(:disabled){background:var(--sheet-2)}
.pager button.is-active{background:var(--brand); border-color:var(--brand); color:var(--brand-ink); font-weight:700}
.pager button:disabled{color:var(--ink-3); cursor:default; opacity:.55}

/* ============ ТЕКСТ СТАТЬИ ============ */
.prose{font-family:Georgia,"Times New Roman",serif; font-size:.97rem; line-height:1.72; color:var(--ink-2)}
.prose h2{font-family:inherit; font-size:1.18rem; color:var(--ink); margin:0 0 10px}
.prose h3{font-family:inherit; font-size:1.02rem; color:var(--ink); margin:20px 0 7px}
.prose p{margin:0 0 12px}
.prose ul{margin:0 0 12px; padding-left:20px}
.prose li{margin-bottom:5px}

/* ============ СТРАНИЦА БРЕНДА ============ */
.bhead{display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap}
.bhead__t{flex:1 1 240px; min-width:0}
.bhead h1{font-size:1.5rem}
.bhead__meta{display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:8px; font-size:.83rem; color:var(--ink-2)}
.bhead__meta b{font-variant-numeric:tabular-nums}
.btn{
  display:inline-flex; align-items:center; gap:7px; padding:8px 14px; background:var(--brand);
  color:var(--brand-ink); border:1px solid var(--brand-2); font-size:.84rem; font-weight:700;
  text-decoration:none; cursor:pointer; white-space:nowrap;
}
.btn:hover{background:var(--brand-2); color:var(--brand-ink)}
.btn svg{width:12px; height:12px; fill:currentColor}
.btn--ghost{background:var(--sheet); color:var(--bad); border-color:var(--bad-line)}
.btn--ghost:hover{background:var(--bad-bg); color:var(--bad)}

table.facts{width:100%; border-collapse:collapse; font-size:.86rem; margin-top:4px}
.facts th{
  width:42%; text-align:left; font-weight:400; color:var(--ink-3); padding:7px 11px;
  border-bottom:1px solid var(--line-2); background:var(--sheet-2); white-space:nowrap;
}
.facts td{padding:7px 11px; border-bottom:1px solid var(--line-2); font-weight:600}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}

.score{display:flex; gap:20px; align-items:center; flex-wrap:wrap}
.score__big{text-align:center; flex:0 0 auto; padding-right:20px; border-right:1px solid var(--line-2)}
.score__n{font-size:2.5rem; font-weight:700; line-height:1; font-variant-numeric:tabular-nums}
.score__c{font-size:.75rem; color:var(--ink-3); margin-top:5px}
.bars{flex:1 1 220px; min-width:190px; display:grid; gap:4px}
.bar{display:grid; grid-template-columns:34px 1fr 34px; align-items:center; gap:8px; font-size:.75rem; color:var(--ink-3)}
.bar__t{height:9px; background:var(--line-2); overflow:hidden}
.bar__f{display:block; height:100%; background:var(--star)}
.bar__v{text-align:right; font-variant-numeric:tabular-nums}

/* ============ ОТЗЫВЫ (форумный стиль) ============ */
.rev{display:flex; gap:12px; padding:15px 0; border-top:1px solid var(--line-2)}
.rev:first-child{border-top:0; padding-top:4px}
.ava{
  width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center;
  background:var(--sheet-2); border:1px solid var(--line); font-size:.8rem; font-weight:700; color:var(--ink-2);
}
.rev__b{flex:1 1 auto; min-width:0}
.rev__l1{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.79rem; color:var(--ink-3)}
.rev__nick{font-weight:700; color:var(--ink); font-size:.86rem}
.rev__t{font-size:.95rem; margin:5px 0 4px}
.rev__p{color:var(--ink-2); font-size:.89rem; line-height:1.62}
.rev__acts{display:flex; gap:14px; margin-top:8px; font-size:.76rem}
.rev__acts button{background:none; border:0; padding:0; color:var(--link); cursor:pointer; text-decoration:underline; text-underline-offset:2px}
.rev__acts button.is-on{color:var(--ok); font-weight:700}

/* ============ ФОРМА ============ */
.form{display:grid; gap:12px; margin-top:4px}
.field{display:grid; gap:5px}
.field label{font-size:.79rem; font-weight:600; color:var(--ink-2)}
.field input,.field textarea{padding:8px 10px; border:1px solid var(--line); background:var(--sheet); font-size:.88rem; width:100%}
.field textarea{min-height:96px; resize:vertical}
.two{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.rate{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
#rate-stars{display:flex; gap:3px}
#rate-stars button{background:none; border:0; padding:2px; cursor:pointer; line-height:0}
#rate-stars svg{width:24px; height:24px; fill:var(--star-off)}
#rate-stars button.is-on svg{fill:var(--star)}
.rate__h{font-size:.79rem; color:var(--ink-3)}
.formfoot{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.formfoot small{font-size:.74rem; color:var(--ink-3)}
.done{padding:14px 16px; background:var(--ok-bg); border:1px solid var(--ok-line); font-size:.87rem; color:var(--ink-2)}
.done b{color:var(--ok)}

/* ============ САЙДБАР ============ */
.box{background:var(--sheet); border:1px solid var(--line); margin-bottom:16px}
.box__h{padding:8px 12px; background:var(--brand); color:var(--brand-ink); font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase}
.box__b{padding:12px}
.srow{display:flex; align-items:center; gap:9px; padding:7px 12px; border-bottom:1px solid var(--line-2); text-decoration:none; color:inherit}
.srow:last-child{border-bottom:0}
.srow:hover{background:var(--sheet-2)}
.srow__n{width:15px; flex:0 0 15px; font-size:.76rem; color:var(--ink-3); font-variant-numeric:tabular-nums; text-align:right}
.srow__t{flex:1 1 auto; min-width:0}
.srow__nm{display:block; font-size:.82rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.srow__s{display:block; font-size:.72rem; color:var(--ink-3); font-variant-numeric:tabular-nums}
.warn{display:block; padding:9px 12px; border-bottom:1px solid var(--line-2); text-decoration:none; color:inherit; font-size:.82rem}
.warn:last-child{border-bottom:0}
.warn:hover{background:var(--bad-bg)}
.warn__d{display:block; font-size:.71rem; color:var(--ink-3); font-variant-numeric:tabular-nums; margin-bottom:2px}
.warn__t{font-weight:600}
.warn__t::before{content:"■"; color:var(--bad); font-size:.6rem; vertical-align:2px; margin-right:6px}
.side .prose{font-size:.85rem; line-height:1.62}
.side .prose p{margin-bottom:9px}
.nl{display:grid; gap:8px}
.nl input{padding:7px 9px; border:1px solid var(--line); background:var(--sheet-2); font-size:.83rem}
.nl button{padding:7px 10px; background:var(--brand); color:var(--brand-ink); border:1px solid var(--brand-2); font-size:.8rem; font-weight:700; cursor:pointer}
.nl small{font-size:.7rem; color:var(--ink-3)}

/* ============ ПОДВАЛ ============ */
.foot{background:var(--brand-2); color:var(--brand-ink); margin-top:8px}
.foot__in{display:flex; gap:28px; flex-wrap:wrap; padding-top:26px; padding-bottom:22px}
.foot__c{flex:1 1 190px; min-width:170px}
.foot h4{margin:0 0 9px; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; opacity:.7; font-weight:700}
.foot a{display:block; color:inherit; opacity:.86; text-decoration:none; font-size:.83rem; padding:3px 0}
.foot a:hover{opacity:1; color:inherit; text-decoration:underline}
.foot p{font-size:.79rem; opacity:.72; line-height:1.6}
.foot__bar{border-top:1px solid rgba(255,255,255,.14)}
.foot__bar div{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:11px 16px; font-size:.74rem; opacity:.62; max-width:var(--wrap); margin:0 auto}

/* ============ ПАНЕЛЬ ПРОТОТИПА ============ */
.proto{
  position:fixed; right:14px; bottom:14px; z-index:90; display:flex; align-items:center; gap:5px;
  padding:6px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 6px 22px rgba(0,0,0,.18);
}
.proto button{padding:5px 9px; font-size:.73rem; border:1px solid var(--line); background:var(--sheet-2); color:var(--ink-2); cursor:pointer}
.proto button:hover{color:var(--ink)}
.proto button.is-active{background:var(--brand); border-color:var(--brand); color:var(--brand-ink)}
.proto__sep{width:1px; height:20px; background:var(--line); margin:0 3px}
.proto__dot{padding:0; width:20px; height:20px; display:grid; place-items:center}
.proto__dot i{display:block; width:12px; height:12px}
.proto__dot.is-active{outline:2px solid var(--ink-3); outline-offset:1px}

/* ============ АДАПТИВ ============ */
@media (max-width:940px){
  .layout{flex-direction:column}
  .side{flex-basis:auto; width:100%}
}
@media (max-width:700px){
  .burger{display:block}
  .menu__in{position:relative}
  .menu a{display:none; width:100%; border-bottom:1px solid var(--line-2)}
  .menu.is-open a{display:block}
  .menu__sep,.menu__note{display:none}
  .top__right{width:100%; justify-content:space-between}
  .search input{width:100%}
  .row{flex-wrap:wrap; gap:8px 10px}
  .row__rev,.row__go{flex-basis:auto; text-align:left}
  .row__n{display:none}
  .two{grid-template-columns:1fr}
  .score__big{border-right:0; padding-right:0}
  h1{font-size:1.34rem}
  .proto{left:14px; right:14px; justify-content:center; flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important; scroll-behavior:auto !important}}

/* ================= WORDPRESS ================= */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;left:8px;top:8px;z-index:100;width:auto;height:auto;clip:auto;padding:8px 14px;background:var(--sheet);border:1px solid var(--brand);color:var(--ink)}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.alignleft{float:left;margin:0 18px 12px 0}
.alignright{float:right;margin:0 0 12px 18px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-size:.78rem;color:var(--ink-3);padding:6px 0}
.prose img,.sheet img{max-width:100%;height:auto}
.prose blockquote{margin:16px 0;padding:2px 0 2px 16px;border-left:3px solid var(--brand);color:var(--ink-2)}
.prose ul,.prose ol{padding-left:22px;margin:10px 0}
.prose li{margin:4px 0}
.prose table{width:100%;border-collapse:collapse;margin:14px 0}
.prose th,.prose td{border:1px solid var(--line);padding:7px 10px;text-align:left}
.pb-empty{padding:26px 18px;color:var(--ink-2);text-align:center}
.pb-note{font-size:.8rem;color:var(--ink-3);margin-top:10px}
.pb-err{margin:0 0 12px;padding:9px 12px;background:var(--bad-bg);border:1px solid var(--bad-line);color:var(--bad);font-size:.83rem}
.pb-ok{margin:0 0 12px;padding:9px 12px;background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok);font-size:.83rem}
.rev__acts button.is-on{color:var(--ok);border-color:var(--ok-line)}
.pager .dots{padding:0 4px;color:var(--ink-3)}
.side .box__b p:last-child{margin-bottom:0}
.widget{margin:0}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:7px 0;border-bottom:1px solid var(--line-2)}
.widget li:last-child{border-bottom:0}
.pager a,.pager span.cur,.pager span.dis{display:inline-block;padding:6px 11px;border:1px solid var(--line);background:var(--sheet);color:var(--link);font-size:.82rem;text-decoration:none;font-variant-numeric:tabular-nums}
.pager a:hover{background:var(--sheet-2);text-decoration:none}
.pager span.cur{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:700}
.pager span.dis{color:var(--ink-3);opacity:.55}
.toolbar form{display:flex;align-items:center;gap:7px}
.rev__form-anchor{scroll-margin-top:70px}
.comment-respond .form{margin:0}