/* v11 «Поиск»: белый фон, фасетные фильтры, карточки результатов.
   Радиусы: поля 10px, карточки 14px, пилюли full. Акцент чёрный + зелёный статус. */
:root{
  --w:#FFFFFF; --w2:#F6F7F8; --ink:#0E1114; --ink2:#525B63; --ink3:#8B949B;
  --line:#E7EAEC; --line2:#D5DADE;
  --acc:#0F7A5A; --acc-soft:#E4F1EB;
  --ok:#0F7A5A; --warn:#B07C0A; --bad:#A32B4F;
  --wrap:1320px;
  --sans:"Golos Text",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--w);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2{margin:0;letter-spacing:-.025em;line-height:1.15;font-weight:800}
p{margin:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.s-ok{color:var(--ok)} .s-warn{color:var(--warn)} .s-bad{color:var(--bad)}
.btn{height:50px;padding:0 24px;border:0;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.btn--dark{background:var(--ink)}
.btn--dark:hover{background:#242A30}
.btn--ghost{background:transparent;border:1px solid var(--line2);color:var(--ink2)}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}

.top{display:flex;align-items:center;gap:26px;height:68px;padding:0 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:-.015em}
.brand__m{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12.5px}
.top nav{display:flex;gap:22px;margin-left:auto;font-size:15px;color:var(--ink2)}
.top nav a.is-on{color:var(--ink);font-weight:600}
.top .btn{height:42px;padding:0 18px;font-size:14.5px}

.searchbar{border-bottom:1px solid var(--line);background:var(--w2)}
.searchbar__in{max-width:var(--wrap);margin:0 auto;padding:42px 26px 36px}
.searchbar h1{font-size:clamp(26px,3.2vw,40px);max-width:24ch}
.big{display:flex;gap:10px;margin-top:22px;max-width:760px}
.big input{flex:1;height:58px;padding:0 20px;border:1px solid var(--line2);border-radius:10px;background:var(--w);font-size:16.5px}
.big input:focus{outline:none;border-color:var(--ink)}
.big .btn{height:58px}
.hints{margin-top:14px;font-size:14.5px;color:var(--ink3)}
.hints a{margin-right:14px;color:var(--ink2);border-bottom:1px solid var(--line2)}
.hints a:hover{color:var(--acc);border-color:var(--acc)}

.layout{display:grid;grid-template-columns:282px minmax(0,1fr);gap:34px;max-width:var(--wrap);margin:0 auto;padding:30px 26px 0}
.fbox{padding:20px;border:1px solid var(--line);border-radius:14px}
.fbox+.fbox{margin-top:14px}
.fbox h2{font-size:16px}
.fopts{margin-top:12px;display:grid;gap:2px}
.fopts label{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14.5px;color:var(--ink2);cursor:pointer}
.fopts label:hover{color:var(--ink)}
.fopts input{width:18px;height:18px;accent-color:var(--acc);margin:0}
.fopts span{flex:1}
.fopts u{font-family:var(--mono);font-size:12.5px;color:var(--ink3);text-decoration:none}
.fmore{display:inline-block;margin-top:10px;font-size:14px;color:var(--acc);font-weight:600}
.frange{margin-top:14px}
.frange__track{position:relative;display:block;height:6px;border-radius:999px;background:var(--w2)}
.frange__track i{position:absolute;left:62%;right:0;top:0;bottom:0;border-radius:999px;background:var(--acc)}
.frange__track::after{content:"";position:absolute;left:62%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--w);border:2px solid var(--acc)}
.frange__lbl{display:block;margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--ink2)}
.fnote{margin-top:14px;font-size:13px;color:var(--ink3)}

.results__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.results__head p{font-size:15px;color:var(--ink2)}
.results__head b{font-family:var(--mono);font-size:17px;color:var(--ink)}
.sort{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px;color:var(--ink3)}
.sort button{height:34px;padding:0 13px;border:1px solid var(--line2);border-radius:999px;background:transparent;font-size:13.5px;color:var(--ink2);cursor:pointer}
.sort button.is-on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}

.res{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px 18px;border:1px solid transparent;border-bottom-color:var(--line);transition:border-color .16s,box-shadow .16s,transform .16s}
.res:hover{border-color:var(--line2);border-radius:14px;box-shadow:0 8px 26px rgba(14,17,20,.06);transform:translateY(-1px)}
.res__ava{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--w2);font-family:var(--mono);font-size:17px;font-weight:500;color:var(--ink2)}
.res__ava--sm{width:36px;height:36px;font-size:13px}
.res__ava--big{width:78px;height:78px;font-size:24px}
.res__name{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}
.res__meta{display:block;margin-top:4px;font-size:14px;color:var(--ink3)}
.res__meta i{font-style:normal;color:var(--line2)}
.res__facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13.5px;color:var(--ink2)}
.res__facts u{font-family:var(--mono);font-size:15px;font-weight:500;text-decoration:none;color:var(--ink)}
.tag{padding:3px 11px;border-radius:999px;background:var(--w2)}
.tag--ok{background:var(--acc-soft);color:var(--ok)} .tag--ok u{color:var(--ok)}
.tag--warn{background:#F7EFDC;color:var(--warn)} .tag--warn u{color:var(--warn)}
.tag--bad{background:#F9E8ED;color:var(--bad)} .tag--bad u{color:var(--bad)}
.tag--low{color:var(--ink3)}
.res__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mc{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;color:var(--ink3)}
.mc b{font-family:var(--mono);font-size:13px;color:var(--ink)}
.mc u{text-decoration:none}
.res__idx{text-align:center;min-width:64px}
.res__idx b{display:block;font-family:var(--mono);font-size:30px;font-weight:700;letter-spacing:-.04em;color:var(--acc)}
.res__idx span{font-size:11.5px;color:var(--ink3)}
.more{margin:22px auto 0;display:flex}

.method{margin-top:52px;padding-top:30px;border-top:1px solid var(--line)}
.method h2{font-size:26px}
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.mcard{padding:18px;border:1px solid var(--line);border-radius:14px}
.mcard b{display:block;font-family:var(--mono);font-size:24px;color:var(--acc)}
.mcard u{display:block;margin-top:8px;font-size:15px;font-weight:600;text-decoration:none}
.mcard span{display:block;margin-top:6px;font-size:13px;color:var(--ink3)}
.mnote{margin-top:16px;font-size:14.5px;color:var(--ink2);max-width:80ch}

.ask{margin-top:60px;border-top:1px solid var(--line);background:var(--w2)}
.ask__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;max-width:var(--wrap);margin:0 auto;padding:46px 26px 54px}
.ask h2{font-size:clamp(23px,2.6vw,32px)}
.ask p{margin-top:12px;max-width:46ch;font-size:16px;color:var(--ink2)}
.ask form{display:grid;gap:13px}
.ask label{display:grid;gap:6px;font-size:13px;color:var(--ink2)}
.ask input,.ask select{height:50px;padding:0 15px;border:1px solid var(--line2);border-radius:10px;background:var(--w);font-size:15.5px}
.ask small{font-size:12.5px;color:var(--ink3)}

.foot{border-top:1px solid var(--line)}
.foot__in{max-width:var(--wrap);margin:0 auto;padding:36px 26px 52px}
.foot__lead{font-size:18px;font-weight:600}
.foot__src{margin-top:10px;max-width:86ch;font-size:13px;color:var(--ink3)}

/* карточка */
.cardpage{max-width:var(--wrap);margin:0 auto;padding:22px 26px 0}
.crumbs{font-size:13.5px;color:var(--ink3)}
.phead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 0 26px;border-bottom:1px solid var(--line)}
.phead h1{font-size:clamp(27px,3.4vw,42px);font-weight:900}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.tags span{padding:5px 12px;border-radius:999px;border:1px solid var(--line2);font-size:13px;color:var(--ink2)}
.tags .on{background:var(--acc-soft);border-color:transparent;color:var(--acc);font-weight:600}
.pidx{text-align:center}
.pidx b{display:block;font-family:var(--mono);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.05em;color:var(--acc)}
.pidx span{display:block;margin-top:6px;font-size:13px;color:var(--ink2)}
.pidx small{display:block;font-size:12px;color:var(--ink3)}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:var(--wrap);margin:16px auto 0;padding:0 26px}
.kpi div{padding:18px;border:1px solid var(--line);border-radius:14px}
.kpi u{display:block;font-family:var(--mono);font-size:26px;font-weight:500;text-decoration:none;letter-spacing:-.03em}
.kpi span{display:block;margin-top:5px;font-size:13.5px;color:var(--ink2)}
.layout--card{grid-template-columns:minmax(0,1fr) 320px;padding-top:18px}
.layout--card .results{order:0}
.pan{padding:26px;border:1px solid var(--line);border-radius:14px}
.pan+.pan{margin-top:14px}
.pan h2{font-size:23px}
.pan>p{margin-top:8px;font-size:15px;color:var(--ink2)}
.cls{margin-top:18px}
.cl{display:grid;grid-template-columns:160px minmax(0,1fr) 42px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.cl__n b{display:block;font-size:15px}
.cl__n small{font-size:12.5px;color:var(--ink3)}
.cl__line{position:relative;height:8px;border-radius:999px;background:var(--w2)}
.cl__line i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:999px;background:var(--acc)}
.cl__line u{position:absolute;top:-4px;left:var(--m);width:2px;height:16px;background:var(--ink3);text-decoration:none}
.cl__v{font-family:var(--mono);font-size:15px;text-align:right}
.note{margin-top:18px;padding:16px;border-radius:12px;background:#F9E8ED;font-size:15px;color:var(--ink2)}
.note b{color:var(--ink)}
.faq details{padding:13px 0;border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-block;width:20px;font-family:var(--mono);color:var(--acc)}
.faq details[open] summary::before{content:"–"}
.faq p{margin-top:8px;padding-left:20px;font-size:15px;color:var(--ink2)}
.fbox--cta{background:var(--w2)}
.fbox--cta p{margin-top:8px;font-size:14px;color:var(--ink2)}
.fbox--cta form{display:grid;gap:12px;margin-top:14px}
.fbox--cta label{display:grid;gap:6px;font-size:13px;color:var(--ink2)}
.fbox--cta input,.fbox--cta select{height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:10px;background:var(--w);font-size:15px}
.fbox--cta small{font-size:11.5px;color:var(--ink3)}
.peers{margin-top:12px}
.peers a{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;grid-template-areas:"a n i" "a s i";gap:2px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.peers .res__ava{grid-area:a}
.peers b{grid-area:n;font-size:14.5px;font-weight:600}
.peers small{grid-area:s;font-family:var(--mono);font-size:12px;color:var(--ink3)}
.peers i{grid-area:i;font-family:var(--mono);font-style:normal;font-size:16px;font-weight:700;text-align:right;color:var(--acc)}

@media (max-width:1080px){
  .layout,.layout--card{grid-template-columns:1fr;gap:26px}
  .filters{order:2}
  .mgrid{grid-template-columns:repeat(2,1fr)}
  .ask__in{grid-template-columns:1fr;gap:26px}
  .kpi{grid-template-columns:1fr 1fr}
  .phead{grid-template-columns:auto minmax(0,1fr);gap:18px}
  .pidx{grid-column:1/-1;text-align:left}
}
@media (max-width:760px){
  .top{height:60px;padding:0 16px;gap:10px}
  .top nav{display:none}
  .brand b{display:none}
  .top .btn{margin-left:auto;height:38px;padding:0 14px;font-size:14px}
  .searchbar__in{padding:28px 16px 26px}
  .big{flex-direction:column}
  .big input,.big .btn{width:100%}
  .layout,.kpi,.cardpage{padding-left:16px;padding-right:16px}
  .res{grid-template-columns:44px minmax(0,1fr) 54px;gap:12px;padding:16px 0}
  .res__ava{width:44px;height:44px;font-size:14px}
  .res__name{font-size:17px}
  .res__chips{display:none}
  .res__idx b{font-size:24px}
  .mgrid{grid-template-columns:1fr}
  .cl{grid-template-columns:120px minmax(0,1fr) 36px;gap:12px}
  .foot__in{padding:30px 16px 46px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* дополнения полной сборки */
.res--sm{grid-template-columns:minmax(0,1fr)}
.fopts--links{display:grid;gap:2px}
.fopts--links a{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:14.5px;color:var(--ink2)}
.fopts--links a:hover{color:var(--acc)}
.fopts--links u{font-family:var(--mono);font-size:12.5px;color:var(--ink3);text-decoration:none}
.article p{margin:0 0 14px;font-size:16.5px;color:var(--ink2);max-width:72ch}
.article p:first-child{font-size:18px;color:var(--ink)}
.article h2{margin:26px 0 10px;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.article h2:first-child{margin-top:0}
.pg{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.pg a,.pg__cur{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;
  border:1px solid var(--line2);font-family:var(--mono);font-size:14px}
.pg__cur{background:var(--ink);border-color:var(--ink);color:#fff}
.pg a:hover{border-color:var(--acc);color:var(--acc)}
.phead p{font-size:16px;color:var(--ink2);max-width:80ch;margin-top:10px}

/* выпадающие результаты поиска */
.sres{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;max-height:420px;overflow:auto;
  background:var(--w);border:1px solid var(--line2);border-radius:14px;box-shadow:0 18px 44px rgba(14,17,20,.14)}
.sres__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.sres__item:last-child{border-bottom:0}
.sres__item:hover{background:var(--w2)}
.sres__item b{font-size:16px;font-weight:600}
.sres__item span{grid-column:1;font-size:13px;color:var(--ink3)}
.sres__item i{grid-row:1/3;align-self:center;font-family:var(--mono);font-style:normal;font-size:17px;font-weight:700;color:var(--acc)}
.sres__empty{padding:16px;font-size:15px;color:var(--ink2)}
@media (max-width:760px){.sres{max-height:320px}}