/*
Theme Name: QuizMentor
Theme URI: https://quizmentor.ru
Author: QuizMentor
Description: Тема информационного сайта о квиз-маркетинге: гайды, обзоры сервисов, сравнение в таблице, партнёрские ссылки.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: quizmentor
*/

:root{--bg:#FFF6E0;--txt:#101010;--ink:#101010;--line:#101010;--card:#fff;--hair:#00000022;--dot:#00000014;--win:#FFF3B8;--yes:#0a8a4a;--no:#d33;--mid:#b8860b;--link:#3D5AFE;--stripb:#FFD23F;--yel:#FFD23F;--blue:#3D5AFE;--pink:#FF7AB6;--mint:#7DF0C0;--red:#FF6B5B;color-scheme:light}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:16px/1.6 Onest,sans-serif;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.2px);background-size:22px 22px}
a{color:inherit;text-decoration:none}
.w{max-width:1180px;margin:0 auto;padding:0 22px}
.bd{border:2.5px solid var(--line);border-radius:20px;box-shadow:5px 5px 0 var(--line)}
.btn{display:inline-block;background:var(--yel);border:2.5px solid var(--line);border-radius:14px;box-shadow:4px 4px 0 var(--line);padding:12px 22px;font-weight:800;transition:.12s;cursor:pointer;font-family:inherit;font-size:16px;color:var(--ink)}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}
.btn.b{background:var(--blue);color:#fff}.btn.wh{background:var(--card)}.btn.sm{padding:8px 16px;font-size:14px}.btn.full{display:block;text-align:center}
header{padding:18px 0}
.nav{display:flex;align-items:center;gap:22px}
.logo{font:900 24px 'Golos Text',sans-serif;display:flex;align-items:center;gap:8px}
.logo b{background:var(--blue);color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:2.5px solid var(--line);transform:rotate(-6deg)}
.nav nav{display:flex;gap:6px;flex:1;margin-left:14px}
.nav nav a{padding:8px 14px;border-radius:99px;font-weight:600;font-size:15px}
.nav nav a:hover,.nav nav a.on{background:var(--yel)}
.rp{position:fixed;top:0;left:0;height:6px;background:var(--blue);width:0;z-index:50;border-bottom:2px solid var(--line)}
.crumbs{font-size:14px;padding:6px 0 18px;font-weight:600}.crumbs a{text-decoration:underline;text-underline-offset:3px}.crumbs span{opacity:.5;margin:0 6px}
.k{display:inline-block;background:var(--yel);color:#000;border:2px solid var(--line);border-radius:99px;padding:2px 12px;font-weight:800;font-size:12px}
.k.m{background:var(--mint)}.k.p{background:var(--pink)}.k.bl{background:#9DB2FF}
h1.t{font:900 clamp(32px,4.8vw,56px)/1.04 'Golos Text',sans-serif;letter-spacing:-1.8px;margin:14px 0}
.meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:600}
.av{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--line);background:var(--pink);display:grid;place-items:center;font-weight:900}
/* article layout */
.lay{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:36px;padding:30px 0 20px;align-items:start}
.lay.two{grid-template-columns:minmax(0,1fr) 320px}
.side{position:sticky;top:18px;display:grid;gap:18px}
.toc{background:var(--card);padding:18px}.toc h4{font:900 16px 'Golos Text';margin-bottom:8px}
.toc a{display:block;padding:6px 10px;border-radius:10px;font-size:14.5px;font-weight:600;border-left:4px solid transparent}
.toc a:hover,.toc a.on{background:var(--yel);border-left-color:var(--line)}
.box{background:var(--card);padding:20px}
.box.y{background:var(--yel)}.box.bl{background:var(--blue);color:#fff}.box.m{background:var(--mint)}
.box h4{font:900 18px/1.2 'Golos Text';margin-bottom:8px}.box p{font-size:14.5px;margin-bottom:14px}
.prose{background:var(--card);padding:38px 42px;font-size:18px;line-height:1.7}
.prose h2{font:900 30px/1.1 'Golos Text';letter-spacing:-1px;margin:42px 0 14px;scroll-margin-top:20px}
.prose h2:first-child{margin-top:0}
.prose h3{font:900 21px 'Golos Text';margin:26px 0 8px}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{margin:0 0 18px 22px}.prose li{margin:6px 0}
.prose a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;color:var(--link);font-weight:600}
.lead{font-size:21px;font-weight:500}
.call{border:2.5px solid var(--line);border-radius:16px;padding:18px 20px;margin:22px 0;background:var(--mint);font-size:16.5px;box-shadow:4px 4px 0 var(--line)}
.call b:first-child{display:block;font:900 15px 'Golos Text';text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.call.w{background:var(--yel)}.call.r{background:#FFC9C2}
.steps{list-style:none;margin:0 0 18px;padding:0;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 64px;border:2.5px solid var(--line);border-radius:14px;margin:10px 0;background:var(--bg);font-size:16.5px}
.steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;border:2.5px solid var(--line);display:grid;place-items:center;font:900 17px 'Golos Text'}
.steps b{display:block}
.fig{margin:22px 0;border:2.5px solid var(--line);border-radius:16px;overflow:hidden}
.fig .in{background:linear-gradient(120deg,var(--blue),#8A6BFF);padding:26px;color:#fff;display:flex;gap:10px;align-items:flex-end;height:200px}
.fig .in i{flex:1;background:var(--yel);border:2.5px solid var(--line);border-radius:8px 8px 0 0}
.fig figcaption{padding:10px 16px;font-size:14px;background:var(--card);border-top:2.5px solid var(--line);font-weight:600}
table.tb{width:100%;border-collapse:separate;border-spacing:0;border:2.5px solid var(--line);border-radius:14px;overflow:hidden;margin:20px 0;font-size:15.5px}
.tb th{background:var(--yel);text-align:left;padding:10px 14px;border-bottom:2.5px solid var(--line)}
.tb td{padding:10px 14px;border-bottom:1.5px solid var(--hair)}.tb tr:last-child td{border:0}
details{border:2.5px solid var(--line);border-radius:14px;margin:10px 0;background:var(--bg)}
summary{cursor:pointer;padding:14px 18px;font-weight:800;list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";font-size:22px;line-height:1}details[open] summary:after{content:"−"}
details p{padding:0 18px 14px;margin:0;font-size:16.5px}
.author{display:flex;gap:16px;align-items:center;background:var(--pink);padding:20px;margin-top:26px}
.author .av{width:60px;height:60px;background:var(--card);font-size:22px;flex:none}
.author p{font-size:14.5px}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.disc{font-size:13px;opacity:.75;margin-top:16px}
/* sections */
.sec{padding:50px 0 0}
.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:14px}
.sh h2{font:900 clamp(26px,3.6vw,40px)/1.05 'Golos Text';letter-spacing:-1.3px}
.sh a{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;white-space:nowrap}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);padding:22px;display:flex;flex-direction:column;gap:10px;transition:.12s}
.card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--line)}
.card h3{font:900 21px/1.2 'Golos Text'}.card p{font-size:14.5px;opacity:.85}.card .m{font-size:13px;font-weight:700;margin-top:auto}
.thumb{height:120px;border:2.5px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:44px}
/* archive */
.hd{padding:10px 0 30px}
.hd .box{padding:34px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
.hd h1{font:900 clamp(34px,5vw,58px)/1 'Golos Text';letter-spacing:-2px;margin:10px 0}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 22px}
.chip{color:var(--txt);border:2.5px solid var(--line);background:var(--card);border-radius:99px;padding:6px 16px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.chip:hover,.chip.on{background:var(--line);color:var(--bg)}
.feat{background:var(--blue);color:#fff;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-bottom:22px}
.feat h2{font:900 clamp(26px,3vw,36px)/1.05 'Golos Text';letter-spacing:-1px;margin:10px 0}
.feat .thumb{height:180px;background:var(--yel);color:#000;font-size:70px}
.row{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;background:var(--card);padding:16px;margin-bottom:16px;transition:.12s}
.row:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--line)}
.row .thumb{height:96px}.row h3{font:900 20px/1.2 'Golos Text';margin:4px 0}.row p{font-size:14.5px;opacity:.85}
.row .rd{font-size:13px;font-weight:700;text-align:right;white-space:nowrap}
.pg{display:flex;gap:8px;justify-content:center;margin-top:26px}
.pg a{width:44px;height:44px;border:2.5px solid var(--line);border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--card)}
.pg a.on{background:var(--yel);box-shadow:3px 3px 0 var(--line)}
/* review */
.rv{padding:34px;display:grid;grid-template-columns:auto 1fr 240px;gap:28px;align-items:center;background:var(--card)}
.rv h1{font:900 clamp(30px,4vw,46px)/1 'Golos Text';letter-spacing:-1.5px;margin:6px 0}
.score{background:var(--yel);border:2.5px solid var(--line);border-radius:18px;padding:16px;text-align:center}
.score b{font:900 56px/1 'Golos Text';display:block}.score span{font-size:13px;font-weight:700}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.pc>div{border:2.5px solid var(--line);border-radius:16px;padding:18px;box-shadow:4px 4px 0 var(--line)}
.pc .pro{background:var(--mint)}.pc .con{background:#FFC9C2}
.pc h4{font:900 18px 'Golos Text';margin-bottom:6px}.pc ul{margin:0 0 0 0;list-style:none}.pc li{margin:6px 0;font-size:16px}
.pc .pro li:before{content:"✓ ";font-weight:900}.pc .con li:before{content:"✕ ";font-weight:900}
.rate{margin:18px 0}.rate div{display:grid;grid-template-columns:150px 1fr 40px;gap:12px;align-items:center;margin:8px 0;font-size:15px;font-weight:700}
.rate i{display:block;height:14px;border:2.5px solid var(--line);border-radius:9px;background:var(--card);overflow:hidden;position:relative}
.rate i:after{content:"";position:absolute;inset:0;width:var(--v);background:var(--blue)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.plan{border:2.5px solid var(--line);border-radius:16px;padding:18px;background:var(--bg)}
.plan.h{background:var(--yel);box-shadow:4px 4px 0 var(--line)}
.plan h4{font:900 18px 'Golos Text'}.plan .pr{font:900 28px 'Golos Text';margin:4px 0}.plan ul{margin:8px 0 0 18px;font-size:15px}
.verdict{background:var(--blue);color:#fff;border-radius:20px;border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);padding:28px;margin-top:30px}
.verdict h3{color:#fff;margin:0 0 8px!important}.verdict p{font-size:17px}
.verdict .btn{margin-top:6px}
.alt{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1.5px dashed var(--hair);font-size:15px;font-weight:700}
.alt:last-child{border:0}
/* footer */
.cta2{margin-top:60px;background:var(--yel);padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.cta2 h2{font:900 clamp(24px,3.4vw,38px)/1.05 'Golos Text';letter-spacing:-1px}.cta2 p{margin-top:10px}
.form{display:flex;gap:10px;flex-wrap:wrap}.form input{flex:1;min-width:180px;border:2.5px solid var(--line);border-radius:14px;padding:12px 16px;font:inherit;background:var(--card)}
footer{margin-top:60px;padding:34px 0;border-top:2.5px solid var(--line);font-size:14px}
.ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
@media(max-width:1020px){.lay,.lay.two{grid-template-columns:minmax(0,1fr)}.side{position:static}.lay>.side:first-child{display:none}.g3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav nav{display:none}.nav .btn{margin-left:auto}.prose{padding:24px 20px;font-size:17px}.g3,.pc,.plans,.cta2,.feat,.hd .box{grid-template-columns:1fr}.rv{grid-template-columns:1fr;text-align:left}.row{grid-template-columns:1fr}.row .thumb{height:70px}.row .rd{text-align:left}.rate div{grid-template-columns:110px 1fr 36px}.tb{font-size:14px}}
/* ===== about / methodology ===== */
.ab-hero{padding:10px 0 20px;display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.ab-hero h1{font:900 clamp(34px,5.2vw,62px)/1 'Golos Text';letter-spacing:-2px;margin:14px 0}
.ab-hero .lead{font-size:20px}
.stat4{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat4 div{padding:18px;text-align:center;border:2.5px solid var(--line);border-radius:18px;box-shadow:4px 4px 0 var(--line);background:var(--card)}
.stat4 div:nth-child(1){background:var(--yel)}.stat4 div:nth-child(2){background:var(--mint)}.stat4 div:nth-child(3){background:var(--pink)}.stat4 div:nth-child(4){background:#9DB2FF}
.stat4 b{display:block;font:900 38px/1 'Golos Text'}.stat4 span{font-size:13px;font-weight:700}
.crit{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.crit .box{text-align:center;padding:20px 14px}
.crit .pc2{font:900 40px/1 'Golos Text'}.crit h4{font-size:16px;margin:8px 0 4px}.crit p{font-size:13.5px;margin:0}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:t}
.tl .box{position:relative;padding-top:34px}
.tl .box:before{counter-increment:t;content:counter(t);position:absolute;top:-18px;left:18px;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;border:2.5px solid var(--line);display:grid;place-items:center;font:900 18px 'Golos Text'}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.two-col .box{padding:28px}.two-col h3{font:900 24px/1.1 'Golos Text';margin-bottom:10px}.two-col li{margin:6px 0 6px 20px}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team .box{display:flex;gap:14px;align-items:center}.team .av{width:56px;height:56px;flex:none;font-size:20px}
.team p{margin:0;font-size:14px}
/* ===== compare ===== */
.cmpw{overflow-x:auto;background:var(--card);padding:0}
table.cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:15px}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1.5px solid var(--hair);text-align:center;vertical-align:middle}
.cmp thead th{background:var(--bg);border-bottom:2.5px solid var(--line);vertical-align:top;padding:20px 14px}
.cmp th:first-child,.cmp td:first-child{text-align:left;font-weight:800;position:sticky;left:0;background:var(--card);z-index:1;border-right:2.5px solid var(--line);min-width:170px}
.cmp thead th:first-child{background:var(--bg)}
.cmp .win{background:var(--win)}.cmp thead .win{background:var(--yel)}
.cmp .sv{display:grid;gap:6px;justify-items:center}.cmp .sv .lg2{width:48px;height:48px;border:2.5px solid var(--line);border-radius:14px;background:var(--mint);display:grid;place-items:center;font:900 22px 'Golos Text';transform:rotate(-4deg)}
.cmp .sv b{font:900 18px 'Golos Text'}.cmp .sv .k{font-size:11px}
.cmp .yes{font-weight:900;color:var(--yes);font-size:18px}.cmp .no{font-weight:900;color:var(--no);font-size:18px}.cmp .mid{font-weight:800;color:var(--mid)}
.cmp tr.grp td{background:var(--line);color:var(--bg);font:800 13px Onest;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:8px 16px;position:static}
.cmp .sc{font:900 22px 'Golos Text'}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.toolbar select{border:2.5px solid var(--line);border-radius:99px;padding:7px 14px;font:700 14px Onest;background:var(--card)}
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.picks .box{padding:22px}.picks h4{font-size:15px}.picks .nm{font:900 24px 'Golos Text';margin:4px 0 6px}
/* ===== 404 ===== */
.nf{text-align:center;padding:30px 0 10px}
.nf .big{font:900 clamp(110px,22vw,260px)/.9 'Golos Text';letter-spacing:-10px;display:flex;justify-content:center;align-items:center;gap:0}
.nf .big span{display:inline-block;transition:.2s}
.nf .big .o{width:.75em;height:.75em;border:.12em solid var(--line);border-radius:50%;background:var(--yel);box-shadow:8px 8px 0 var(--line);margin:0 .03em;display:grid;place-items:center;font-size:inherit}
.nf .big .o:after{content:"?";font-size:.45em;letter-spacing:0}
.nf h1{font:900 clamp(26px,4vw,42px)/1.1 'Golos Text';letter-spacing:-1px;margin:18px 0 8px}
.nf p{font-size:18px;max-width:560px;margin:0 auto 22px}
.nf .form{max-width:520px;margin:0 auto 26px;justify-content:center}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.quick a{padding:18px;text-align:left;font-weight:800;display:block;transition:.12s}
.quick a:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--line)}
.quick small{display:block;font-weight:500;font-size:13px;opacity:.8}
@media(max-width:1020px){.crit{grid-template-columns:repeat(3,1fr)}.tl{grid-template-columns:1fr 1fr}.ab-hero{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.crit,.tl,.two-col,.team,.picks,.quick{grid-template-columns:1fr}.crit{grid-template-columns:1fr 1fr}.nf .big{letter-spacing:-4px}}

/* ===== home ===== */
.tagy{display:inline-block;background:var(--mint);border:2.5px solid var(--line);border-radius:99px;padding:5px 14px;font-weight:700;font-size:14px;transform:rotate(-2deg)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;padding:40px 0 60px;align-items:center}
.hero h1{font:900 clamp(38px,5.6vw,70px)/1 'Golos Text',sans-serif;letter-spacing:-2px;margin:20px 0}
.hero h1 mark{background:var(--yel);padding:0 10px;border-radius:12px;display:inline-block;transform:rotate(-1.5deg);border:2.5px solid var(--line)}
.hero .lead{font-size:19px;max-width:520px;font-weight:400}
.hero .cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.qz{background:var(--card);padding:26px;position:relative}
.qz:before{content:"Попробуйте квиз!";position:absolute;top:-16px;right:20px;background:var(--pink);border:2.5px solid var(--line);border-radius:99px;padding:3px 14px;font-weight:800;font-size:13px;transform:rotate(3deg)}
.prog{height:12px;border:2.5px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card);margin-bottom:18px}
.prog i{display:block;height:100%;background:var(--blue);width:33%;transition:.3s}
.qz h3{font:900 24px/1.2 'Golos Text';margin-bottom:16px}
.opts{display:grid;gap:10px}
.opt{border:2.5px solid var(--line);border-radius:14px;padding:13px 16px;font-weight:700;background:var(--card);cursor:pointer;text-align:left;font-family:inherit;font-size:16px;transition:.12s;display:flex;gap:12px;align-items:center;color:var(--txt)}
.opt:hover{background:var(--yel);transform:translateX(4px)}
.opt span{font-size:22px}
.res p{margin-bottom:16px}
.strip{background:var(--line);color:var(--bg);overflow:hidden;white-space:nowrap;padding:12px 0;transform:rotate(-1deg);margin:10px -20px;font:800 18px 'Golos Text'}
.strip span{display:inline-block;animation:mv 40s linear infinite}
@keyframes mv{to{transform:translateX(-50%)}}
.strip b{color:var(--stripb);margin:0 18px}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.path{padding:22px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;transition:.12s}
.path:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--line)}
.path .e{font-size:38px}.path h3{font:900 21px/1.15 'Golos Text';margin:10px 0 4px}.path p{font-size:14px}
.p1{background:var(--yel)}.p2{background:var(--mint)}.p3{background:var(--pink)}.p4{background:#9DB2FF}
.arts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.art{background:var(--card);padding:22px;display:flex;flex-direction:column;gap:10px;transition:.12s}
.art:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--line)}
.art.lg{background:var(--blue);color:#fff;grid-row:span 2;justify-content:flex-end;min-height:360px}
.art .k{align-self:flex-start}
.art h3{font:900 22px/1.2 'Golos Text'}.art.lg h3{font-size:32px}.art p{font-size:14.5px;opacity:.85}
.top3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px}
.svc{background:var(--card);padding:24px;position:relative}
.svc .nn{position:absolute;top:-18px;left:20px;width:40px;height:40px;border:2.5px solid var(--line);border-radius:50%;background:var(--yel);display:grid;place-items:center;font:900 20px 'Golos Text'}
.svc.f{background:var(--mint)}
.svc h3{font:900 24px 'Golos Text';margin:8px 0 2px}.svc .sc{font-weight:800;margin-bottom:10px}
.svc ul{list-style:none;padding:0;margin:0 0 18px;font-size:14.5px}.svc li{padding:3px 0}.svc li:before{content:"✓ ";font-weight:900}

/* ===== shared WP bits ===== */
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:var(--card);padding:8px 14px;z-index:99;border:2.5px solid var(--line);border-radius:10px}
.burger{display:none;width:46px;height:46px;border:2.5px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center;padding:0}
.burger span{display:block;width:20px;height:2.5px;background:var(--line);border-radius:2px}
.fnav{display:flex;gap:16px;flex-wrap:wrap}.fnav a:hover{text-decoration:underline}
.thumb-img{padding:0;overflow:hidden}.thumb-img img{width:100%;height:100%;object-fit:cover;display:block}
.lg2{width:48px;height:48px;border:2.5px solid var(--line);border-radius:14px;display:grid;place-items:center;font:900 22px 'Golos Text';transform:rotate(-4deg);overflow:hidden}
.lg2 img{max-width:100%;max-height:100%;object-fit:contain}
.lg2.big{width:110px;height:110px;border-radius:24px;font-size:52px;box-shadow:4px 4px 0 var(--line)}
.pg{flex-wrap:wrap}
.pg .page-numbers{min-width:44px;height:44px;padding:0 10px;border:2.5px solid var(--line);border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--card)}
.pg .page-numbers.current{background:var(--yel);box-shadow:3px 3px 0 var(--line)}
.pg .dots{border:0;background:none}
.hd .form{flex-wrap:nowrap}
.nf .form{max-width:520px;margin:0 auto}
.entry img,.entry video{max-width:100%;height:auto;border-radius:14px}
.entry figure{margin:22px 0}.entry figcaption{font-size:14px;font-weight:600;margin-top:8px}
.entry blockquote{border-left:6px solid var(--blue);padding:8px 0 8px 20px;margin:22px 0;font-size:20px;font-weight:600}
.entry table{width:100%;border-collapse:separate;border-spacing:0;border:2.5px solid var(--line);border-radius:14px;overflow:hidden;margin:20px 0;font-size:15.5px}
.entry th{background:var(--yel);text-align:left;padding:10px 14px;border-bottom:2.5px solid var(--line)}
.entry td{padding:10px 14px;border-bottom:1.5px solid var(--hair)}
.entry tr:last-child td{border-bottom:0}
.entry .wp-block-table{overflow-x:auto}
.entry .wp-block-table table{margin:0}
.entry .is-style-qm-call,.entry .is-style-qm-call-tip,.entry .is-style-qm-call-warn{border:2.5px solid var(--line);border-radius:16px;padding:18px 20px;margin:22px 0;background:var(--mint);font-size:16.5px;box-shadow:4px 4px 0 var(--line)}
.entry .is-style-qm-call-tip{background:var(--yel)}.entry .is-style-qm-call-warn{background:#FFC9C2}
.entry .is-style-qm-call>*:last-child,.entry .is-style-qm-call-tip>*:last-child,.entry .is-style-qm-call-warn>*:last-child{margin-bottom:0}
.entry ol.is-style-qm-steps{list-style:none;margin:0 0 18px;padding:0;counter-reset:s}
.entry ol.is-style-qm-steps li{counter-increment:s;position:relative;padding:14px 16px 14px 64px;border:2.5px solid var(--line);border-radius:14px;margin:10px 0;background:var(--bg);font-size:16.5px}
.entry ol.is-style-qm-steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;border:2.5px solid var(--line);display:grid;place-items:center;font:900 17px 'Golos Text'}
.entry .alignwide,.entry .alignfull{max-width:100%}
.admin-bar .rp{top:32px}

@media(max-width:1020px){.hero{grid-template-columns:1fr}.paths{grid-template-columns:1fr 1fr}.arts,.top3{grid-template-columns:1fr}.art.lg{grid-row:auto;min-height:260px}}
@media(max-width:760px){
	.burger{display:flex}.nav .nav-cta{display:none}
	.nav{position:relative}
	.nav.open nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;margin:8px 0 0;background:var(--card);border:2.5px solid var(--line);border-radius:16px;box-shadow:5px 5px 0 var(--line);padding:10px;z-index:20}
	.nav.open nav a{padding:12px 14px}
}
@media(max-width:520px){.paths{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.strip span{animation:none}html{scroll-behavior:auto}}

/* ===== theme tokens: text colours ===== */
.btn.wh{color:var(--txt)}
.form input,.toolbar select,.hd .form input{color:var(--txt)}
.form input::placeholder{color:var(--txt);opacity:.55}
.burger{color:var(--txt)}
/* accent surfaces always keep dark text, in both themes */
.box.y,.box.m,.p1,.p2,.p3,.p4,.svc.f,.call,.call.w,.call.r,.author,.score,.plan.h,.pc .pro,.pc .con,.stat4 div,.cmp thead .win,.cta2,.k,.tagy,.hero h1 mark,.qz:before,.pg .page-numbers.current,.toc a:hover,.toc a.on,.opt:hover,.nf .big .o,
.entry .is-style-qm-call,.entry .is-style-qm-call-tip,.entry .is-style-qm-call-warn,.tb th,.entry th,
[style*="background:var(--yel)"],[style*="background:var(--mint)"],[style*="background:var(--pink)"],[style*="background:#9DB2FF"]{color:var(--ink)}
.entry blockquote{border-left-color:var(--link)}

/* ===== dark theme: follows the device setting (prefers-color-scheme), no toggle ===== */
@media(prefers-color-scheme:dark){:root{--bg:#14121B;--txt:#F3EFE6;--line:#EDE6D6;--card:#211E2C;--hair:#ffffff26;--dot:#ffffff0d;--win:#3A3420;--yes:#4ADE80;--no:#FF8A8A;--mid:#F5C451;--link:#9DB2FF;--stripb:#3D5AFE;color-scheme:dark}}
.nav nav a:hover,.nav nav a.on,.svc .nn,.meta .av{color:var(--ink)}
.author .av{color:var(--txt)}

/* ===== affiliate widgets in article text ===== */
.prose a.btn,.entry a.btn{text-decoration:none;color:var(--ink);font-weight:800}
.prose a.btn.b,.entry a.btn.b{color:#fff}
.prose a.btn.wh,.entry a.btn.wh{color:var(--txt)}
.qw{margin:26px 0;background:var(--card);color:var(--txt);padding:20px;font-size:15px;line-height:1.45}
.qw h4{font:900 20px/1.15 'Golos Text',sans-serif;margin:2px 0 4px;color:inherit}
.qw p{margin:0;font-size:14px}
.qw .lg2{flex:none}
.qw .k{margin-bottom:4px}
.qw-note{display:block;font-size:11.5px;opacity:.7;margin-top:10px;font-weight:600}
.qw-card .qw-h{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.qw-card .lg2{width:64px;height:64px;font-size:30px;border-radius:18px}
.qw-meta{font-weight:800;font-size:14px}
.qw-card ul{list-style:none;margin:0 0 14px;padding:0}
.qw-card li{padding:3px 0;font-size:14.5px;margin:0}
.qw-card li:before{content:"✓ ";font-weight:900}
.qw-b{display:flex;gap:10px;flex-wrap:wrap}
.qw-banner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--yel);color:var(--ink)}
.qw-banner .lg2{width:56px;height:56px;font-size:26px}
.qw-banner .qw-r{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.qw-banner .qw-note{width:100%;text-align:right;margin:0}
.qw-banner .btn.wh{color:var(--ink);background:#fff}
.qw-mini{display:flex;align-items:center;gap:14px;padding:12px 16px;flex-wrap:wrap}
.qw-mini .qw-t{flex:1;min-width:180px}
.qw-top h4{margin-bottom:10px}
.qw-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:2px dashed var(--hair);flex-wrap:wrap}
.qw-row:first-of-type{border-top:0}
.qw-n{width:30px;height:30px;border-radius:50%;background:var(--yel);color:var(--ink);border:2.5px solid var(--line);display:grid;place-items:center;font:900 15px 'Golos Text'}
.qw-row .qw-t{flex:1;min-width:140px}
@media(max-width:620px){.qw-banner{grid-template-columns:1fr}.qw-banner .qw-r,.qw-banner .qw-note{justify-content:flex-start;text-align:left}}

/* ===== checklist landing ===== */
.ck-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.ck-group{margin-bottom:26px}
.ck-group h2{font:900 24px/1.1 'Golos Text';letter-spacing:-.8px;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.ck-group h2 i{font-style:normal;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;border:2.5px solid var(--line);display:grid;place-items:center;font-size:16px;flex:none}
.ck-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:12px;cursor:pointer;background:var(--card);box-shadow:3px 3px 0 var(--line);transition:.12s}
.ck-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line)}
.ck-item input{position:absolute;opacity:0;pointer-events:none}
.ck-box{width:26px;height:26px;border:2.5px solid var(--line);border-radius:8px;flex:none;background:var(--card);display:grid;place-items:center;margin-top:1px}
.ck-item input:checked + .ck-box{background:var(--mint)}
.ck-item input:checked + .ck-box:after{content:"✓";font-weight:900;color:var(--ink);font-size:17px;line-height:1}
.ck-item input:focus-visible + .ck-box{outline:3px solid var(--blue);outline-offset:2px}
.ck-item input:checked ~ .ck-t b{text-decoration:line-through;text-decoration-thickness:2px;opacity:.65}
.ck-t b{display:block;font-weight:800;font-size:16.5px;line-height:1.3}
.ck-t em{display:block;font-style:normal;font-size:14px;opacity:.78;margin-top:3px}
.ck-t .star{display:inline-block;background:var(--yel);color:var(--ink);border:2px solid var(--line);border-radius:99px;font-size:11px;font-weight:800;padding:0 8px;margin-left:6px;vertical-align:2px}
.ck-side{top:18px}
.ck-num{font:900 44px/1 'Golos Text';margin:4px 0 12px}.ck-num b{font-size:56px}
#ck-score .prog{margin-bottom:12px;background:var(--card)}
#ck-score p{min-height:60px}
@media(max-width:1020px){.ck-wrap{grid-template-columns:1fr}.ck-side{position:static;order:-1}}

/* ===== Telegram subscription ===== */
.cta2.tg .tg-act{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.tg-btn{display:inline-flex;align-items:center;gap:10px;font-size:17px;padding:14px 24px;color:#fff}
.tg-btn svg{flex:none}
.tg-handle{font-weight:800;font-size:15px}
.fnav-tg{font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ===== bright mobile menu ===== */
.nav-extra,.nav-ov{display:none}
.burger span{transition:transform .2s,opacity .15s}
@media(max-width:760px){
	body.nav-open{overflow:hidden}
	.nav.open{z-index:40}
	.nav.open + .nav-ov{display:block;position:fixed;inset:0;background:rgba(16,16,16,.55);z-index:30;animation:qmfade .2s}
	.nav.open .burger{background:var(--yel)}
	.nav.open .burger span{background:var(--ink)}
	.nav.open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
	.nav.open .burger span:nth-child(2){opacity:0}
	.nav.open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
	.nav.open nav{display:flex;flex-direction:column;gap:12px;position:absolute;top:calc(100% + 12px);left:0;right:0;margin:0;padding:16px;
		background:var(--bg);border:2.5px solid var(--line);border-radius:26px;box-shadow:7px 7px 0 var(--line);z-index:40;
		max-height:calc(100vh - 110px);overflow-y:auto;animation:qmpop .22s cubic-bezier(.2,1.4,.4,1)}
	.nav.open nav > a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:2.5px solid var(--line);border-radius:18px;
		font:900 21px/1.1 'Golos Text',sans-serif;letter-spacing:-.4px;color:var(--ink);box-shadow:4px 4px 0 var(--line);background:var(--yel);transition:transform .12s,box-shadow .12s}
	.nav.open nav > a:after{content:"→";font-size:24px;font-weight:900}
	.nav.open nav > a:nth-child(4n+2){background:var(--mint)}
	.nav.open nav > a:nth-child(4n+3){background:var(--pink)}
	.nav.open nav > a:nth-child(4n+4){background:#9DB2FF}
	.nav.open nav > a:active,.nav.open nav > a:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--line)}
	.nav.open nav > a.on{outline:3px solid var(--blue);outline-offset:3px}
	.nav.open nav > a.on:before{content:"●";font-size:12px;margin-right:8px;color:var(--blue)}
	.nav.open nav > a.on{justify-content:flex-start}
	.nav.open nav > a.on:after{margin-left:auto}
	.nav.open .nav-extra{display:grid;gap:10px;margin-top:6px;padding-top:14px;border-top:2.5px dashed var(--line)}
	.nav.open .nav-extra a{padding:14px 18px;border-radius:16px;font-size:17px;text-align:center;border:2.5px solid var(--line)}
	.nav.open .nav-extra a:hover{background:var(--yel);color:var(--ink)}
	.nav.open .nav-extra a.b:hover{background:var(--blue);color:#fff}
}
@keyframes qmpop{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes qmfade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.nav.open nav,.nav.open + .nav-ov{animation:none}}

/* ===== mobile layout fixes ===== */
html,body{max-width:100%}
body{overflow-x:clip}
.logo{min-width:0;flex:0 1 auto}
.logo b{flex:none}
.logo-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hd .box>*,.cta2>*,.ab-hero>*,.lay>*,.ck-wrap>*{min-width:0}
.hd .form input,.form input{min-width:0}
@media(max-width:760px){
	.w{padding:0 16px}
	.nav{gap:10px}
	.logo{font-size:19px;gap:6px;flex:1 1 auto}
	.logo b{width:30px;height:30px}
	.burger{width:42px;height:42px;flex:none;margin-left:auto}
	.hd .box{padding:22px 18px;gap:18px}
	.hd .form{flex-wrap:nowrap;gap:8px}
	.hd .form .btn{padding:12px 16px;flex:none}
	.hd h1{font-size:clamp(30px,10vw,44px)}
	.cta2{padding:26px 20px}
	.tg-btn{font-size:16px;padding:13px 18px}
}
/* ===== nested boxes keep normal text colour; wide archive header ===== */
.box .box,.cta2 .box{color:var(--txt)}
.hd .box.hd-wide{grid-template-columns:1.5fr 1fr}
@media(max-width:760px){.hd .box.hd-wide{grid-template-columns:1fr}}

/* ===== site logo + CTA note ===== */
.logo-img{height:38px;width:auto;border-radius:10px;flex:none;display:block}
.verdict .verdict-note{font-size:13px;opacity:.85;margin:12px 0 0}

/* ===== pinned partner widget: sticks while scrolling ===== */
.side .qw{margin:0}
.side-sticky{position:sticky;top:18px;align-self:start}
@media(min-width:1021px){
	.side-sticky{max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:none;padding:2px 8px 8px 2px;margin:-2px -8px -8px -2px}
	.side-sticky::-webkit-scrollbar{display:none}
}
@media(max-width:1020px){.side-sticky{position:static}}
.pin-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:25;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card);color:var(--txt);border-radius:18px;box-shadow:4px 4px 0 var(--line);transform:translateY(130%);transition:transform .25s}
.pin-bar[hidden]{display:none}
.pin-bar.show{transform:none}
.pin-bar .lg2{width:40px;height:40px;font-size:19px;border-radius:12px}
.pin-t{flex:1;min-width:0;line-height:1.2}
.pin-t b{display:block;font:900 16px 'Golos Text',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pin-t small{font-size:12.5px;font-weight:700;opacity:.8}
.pin-bar .btn{flex:none}
.pin-x{flex:none;width:30px;height:30px;border:0;background:none;color:var(--txt);font-size:24px;line-height:1;cursor:pointer;opacity:.6}
@media(min-width:1021px){.pin-bar{display:none!important}}
@media(prefers-reduced-motion:reduce){.pin-bar{transition:none}}
.hd .box.hd-one{grid-template-columns:1fr}

/* ===== every sidebar stays pinned while scrolling (desktop) ===== */
@media(min-width:1021px){
	.side{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:none;padding:2px 8px 8px 2px;margin:-2px -8px -8px -2px}
	.side::-webkit-scrollbar{display:none}
}
.admin-bar .side{top:50px}
@media(min-width:1021px){.admin-bar .side{max-height:calc(100vh - 68px)}}

/* ===== ad landing pages ===== */
.lp .qz:before{content:"Попробуйте — это демо-квиз"}
.lp-head{padding:14px 0;border-bottom:2.5px solid var(--line);background:var(--bg)}
.lp-head-in{display:flex;align-items:center;gap:16px}
.lp-head .logo{font-size:21px}
.lp-tag{flex:1;font-size:13px;font-weight:700;opacity:.7}
.lp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;padding-top:48px;padding-bottom:36px}
.lp-hero h1{font:900 clamp(34px,4.8vw,60px)/1.02 'Golos Text',sans-serif;letter-spacing:-2px;margin:18px 0 14px}
.lp-sub{font-size:19px;max-width:560px;margin-bottom:18px}
.lp-bullets{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}
.lp-bullets li{position:relative;padding-left:32px;font-weight:600;font-size:16.5px}
.lp-bullets li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--ink);border:2px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:900}
.lp-hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.lp-note{font-size:13.5px;font-weight:600;opacity:.8;max-width:340px}
.btn.lg{font-size:19px;padding:17px 30px}
.lp-cta span{display:inline-block;transition:transform .15s}
.lp-cta:hover span{transform:translateX(4px)}
.lp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:10px}
.lp-fact{padding:18px;text-align:center;background:var(--card)}
.lp-fact b{display:block;font:900 34px/1 'Golos Text',sans-serif;color:var(--link)}
.lp-fact span{font-size:13.5px;font-weight:700}
.lp-sec{padding-top:64px}
.lp-head2{max-width:760px;margin-bottom:26px}
.lp-head2 h2{font:900 clamp(28px,3.8vw,42px)/1.05 'Golos Text',sans-serif;letter-spacing:-1.4px;margin-bottom:10px}
.lp-head2 p{font-size:18px}
.lp-cmp{background:var(--card);overflow:hidden}
.lp-cmp-r{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;padding:14px 20px;border-top:1.5px solid var(--hair);align-items:center}
.lp-cmp-r:first-child{border-top:0}
.lp-cmp-h{background:var(--yel);color:var(--ink);font-weight:900;font-family:'Golos Text',sans-serif}
.lp-cmp-r .yes{font-weight:800;color:var(--yes)}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-ben{padding:22px;background:var(--card)}
.lp-ico{width:52px;height:52px;border-radius:16px;border:2.5px solid var(--line);display:grid;place-items:center;font-size:26px;margin-bottom:12px;color:var(--ink)}
.lp-ben h3{font:900 20px/1.2 'Golos Text',sans-serif;margin-bottom:6px}
.lp-ben p{font-size:15px;opacity:.9}
.lp-mid-cta{text-align:center;margin-top:30px}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.lp-steps li{counter-increment:s;padding:22px;background:var(--card);position:relative}
.lp-steps li:before{content:counter(s);position:absolute;top:-16px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;border:2.5px solid var(--line);display:grid;place-items:center;font:900 17px 'Golos Text'}
.lp-steps h3{font:900 18px/1.2 'Golos Text',sans-serif;margin:6px 0}
.lp-steps p{font-size:14.5px;opacity:.9}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.lp-chips .chip{cursor:default}
.lp-fit{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lp-fit>div{padding:22px}
.lp-fit-y{background:var(--mint);color:var(--ink)}.lp-fit-n{background:var(--card)}
.lp-fit h3{font:900 20px 'Golos Text',sans-serif;margin-bottom:8px}
.lp-fit ul{margin:0 0 0 20px}.lp-fit li{margin:6px 0}
.lp-plans{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
.lp-plans-3{grid-template-columns:repeat(3,1fr)}
.lp-plan{padding:20px;background:var(--card);position:relative}
.lp-plan.hot{background:var(--yel);color:var(--ink)}
.lp-plan .k{margin-bottom:6px}
.lp-plan h3{font:900 20px 'Golos Text',sans-serif}
.lp-plan .pr{font:900 34px/1.1 'Golos Text',sans-serif;margin:4px 0}.lp-plan .pr small{font-size:14px;font-weight:700;opacity:.7}
.lp-plan .lm{font-weight:800;margin-bottom:6px}
.lp-plan p{font-size:13.5px;opacity:.85}
.lp-price-note{font-size:13px;opacity:.75;margin-top:14px}
.lp-faq details p{font-size:16px}
.lp-final{padding:44px 30px;text-align:center;background:var(--blue);color:#fff}
.lp-final h2{font:900 clamp(26px,3.6vw,40px)/1.05 'Golos Text',sans-serif;letter-spacing:-1px;margin-bottom:10px}
.lp-final p{margin-bottom:22px;opacity:.95}
.lp-final .btn.b{background:var(--yel);color:var(--ink)}
.lp-foot{margin-top:70px;padding:30px 0 90px;border-top:2.5px solid var(--line);font-size:13px}
.lp-foot p{max-width:900px;margin-bottom:12px;opacity:.8}
.lp-foot-l{display:flex;gap:18px;flex-wrap:wrap;font-weight:700;opacity:1!important}
.lp-foot-l a{text-decoration:underline;text-underline-offset:3px}
.lp-bar{display:none}
@media(max-width:1020px){.lp-hero{grid-template-columns:1fr}.lp-grid{grid-template-columns:1fr 1fr}.lp-steps{grid-template-columns:1fr 1fr;row-gap:28px}.lp-plans,.lp-plans-3{grid-template-columns:1fr 1fr}.lp-facts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
	.lp-tag{display:none}.lp-head-in{justify-content:space-between}
	.lp-hero{padding-top:28px;gap:30px}.lp-sub{font-size:17px}
	.lp-grid,.lp-steps,.lp-plans,.lp-plans-3,.lp-fit{grid-template-columns:1fr}
	.lp-cmp-r{grid-template-columns:1fr;gap:4px}.lp-cmp-h{display:none}
	.lp-cmp-r b:after{content:":"}
	.lp-sec{padding-top:48px}
	.btn.lg{width:100%;text-align:center}
	.lp-hero-cta{flex-direction:column;align-items:stretch}
	.lp-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:2.5px solid var(--line);transform:translateY(110%);transition:transform .25s}
	.lp-bar.show{transform:none}
}
@media(prefers-reduced-motion:reduce){.lp-bar{transition:none}}

/* ===== ad landing: review format ===== */
.lp-rev{padding-top:34px}
.lp-rev h1.t{max-width:900px}
.lp-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:2.5px solid var(--line);border-radius:14px;background:var(--win);margin:20px 0}
.lp-rating .stars{color:#E4A300;letter-spacing:2px;font-size:20px}
.lp-rating b{font:900 24px 'Golos Text',sans-serif}
.lp-rev-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}
.btn.yel{background:var(--yel);color:var(--ink)}
.prose .verdict a.btn.b,.prose .verdict a.btn.yel{background:var(--yel);color:var(--ink);margin-top:6px}
.prose .verdict h3{margin-top:0}
.lp-side-note{font-size:12.5px!important;margin:10px 0 0!important;opacity:.85}
.lp-rev .side .btn.full{margin-top:14px}

/* ===== ad landings: short / compare / picker ===== */
.lp-short-hero{text-align:center;padding-top:52px;padding-bottom:20px;max-width:860px}
.lp-short-hero h1{font:900 clamp(32px,5vw,58px)/1.04 'Golos Text',sans-serif;letter-spacing:-2px;margin:16px 0 14px}
.lp-short-hero .lp-sub{margin:0 auto 24px}
.lp-center{justify-content:center;flex-direction:column;align-items:center;text-align:center}
.lp-center .lp-note{max-width:460px}
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:34px}
.lp-narrow{max-width:820px}
.lp-picks{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:30px}
.lp-pick{padding:26px;background:var(--card);display:flex;flex-direction:column;gap:10px}
.lp-pick-a{background:var(--mint);color:var(--ink)}.lp-pick-m{background:var(--yel);color:var(--ink)}
.lp-pick h2{font:900 24px/1.1 'Golos Text',sans-serif}
.lp-pick ul{margin:0 0 10px 20px}.lp-pick li{margin:6px 0}
.lp-pick .lp-note{opacity:.85}
.lp-vs{background:var(--card);overflow:hidden}
.lp-vs-r{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:16px;padding:13px 20px;border-top:1.5px solid var(--hair);align-items:center;font-size:15px}
.lp-vs-r:first-child{border-top:0}
.lp-vs-h{background:var(--yel);color:var(--ink);font:900 17px 'Golos Text',sans-serif}
.lp-vs-b .btn{white-space:normal}
.lp-final-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.lp-picker-wrap{max-width:720px;padding-top:10px}
.lp-picker{padding:30px;background:var(--card)}
.lp .lp-picker:before{content:"Бесплатно · 30 секунд"}
.lp-picker h3{font:900 26px/1.15 'Golos Text',sans-serif;margin-bottom:18px}
.pk-step{font-size:13px;font-weight:800;opacity:.7;margin-bottom:8px}
.pk-back,.pk-again{background:none;border:0;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--txt);margin-top:16px;padding:0}
.pk-res h2{font:900 34px/1.05 'Golos Text',sans-serif;margin:10px 0}
.pk-res ul{margin:0 0 20px 20px}.pk-res li{margin:6px 0;font-weight:600}
.pk-alt{margin-top:18px;font-size:14.5px}
.pk-alt a{text-decoration:underline;font-weight:800}
.lp-picker-note{font-size:13px;opacity:.75;margin-top:14px;text-align:center}
.lp-bar .btn{width:100%}
.lp-compare .lp-bar{display:none}
@media(max-width:1020px){.lp-cards{grid-template-columns:1fr}.lp-picks{grid-template-columns:1fr}}
@media(max-width:700px){
	.lp-short-hero{padding-top:30px}
	.lp-vs-h{display:none}
	.lp-vs-r{grid-template-columns:1fr;gap:4px;padding:14px 16px}
	.lp-vs-r b{font-size:15px}
	.lp-vs-r span[data-l]:before{content:attr(data-l) ": ";font-weight:800;opacity:.7}
	.lp-vs-b span:first-child{display:none}
	.lp-vs-b{grid-template-columns:1fr 1fr;display:grid}
	.lp-picker{padding:22px 18px}
	.lp-compare .lp-bar{display:flex;gap:8px}
	.lp-compare .lp-bar .btn{font-size:14px;padding:12px 8px}
}
.pk-res .lp-note{display:block;margin:12px 0 0}
.pk-res .btn.lg{display:inline-block}

/* ===== block landings: flow, tables, calculators ===== */
.lp-bul-center{display:inline-grid;text-align:left;margin:0 auto 24px}
.lp-alt{font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;padding:6px 4px}
.lp-hero-cta .lp-alt{margin-top:4px}
.lp-grid-4{grid-template-columns:repeat(2,1fr)}
.lp-steps-v{grid-template-columns:1fr;max-width:820px;gap:22px}
.lp-steps-v li{padding:20px 20px 20px 64px}
.lp-steps-v li:before{top:18px;left:16px}
.lp-flow{list-style:none;margin:0;padding:6px 0;counter-reset:f;background:var(--card)}
.lp-flow li{counter-increment:f;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;padding:14px 20px;border-top:1.5px solid var(--hair);align-items:start}
.lp-flow li:first-child{border-top:0}
.lp-flow li:before{content:counter(f);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--yel);color:var(--ink);border:2.5px solid var(--line);display:grid;place-items:center;font:900 14px 'Golos Text'}
.lp-flow b{font-weight:800}
.lp-flow span{display:flex;flex-wrap:wrap;gap:6px}
.lp-flow i{font-style:normal;font-size:13.5px;font-weight:700;border:2px solid var(--line);border-radius:99px;padding:2px 12px;background:var(--bg)}
.lp-tbl{overflow-x:auto;background:var(--card)}
.lp-tbl table{margin:0;border:0;border-radius:0}
.lp-p{font-size:17px;margin-bottom:14px}
.lp-picks-in{padding-top:0}
.lp-calc{padding:24px;background:var(--card)}
.cf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}
.cf-row-5{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cf{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:14px}
.cf input{font:inherit;font-size:18px;font-weight:800;padding:12px 14px;border:2.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);width:100%}
.cf input:focus{outline:3px solid var(--blue);outline-offset:2px}
.cf small{font-weight:600;opacity:.7;font-size:12.5px}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-grid-3{grid-template-columns:repeat(3,1fr)}
.cf-card{padding:18px;background:var(--card)}
.cf-card h3{font:900 20px 'Golos Text',sans-serif;margin:6px 0 4px}
.cf-card p{font-size:14.5px;margin:4px 0}
.cf-big{font:900 34px/1.05 'Golos Text',sans-serif;margin:4px 0}.cf-big small{font-size:14px;opacity:.7;font-weight:700}
.cf-hot{background:var(--yel);color:var(--ink)}
.cf-diff{margin-top:16px;font-size:17px}
@media(max-width:1020px){.lp-grid-4{grid-template-columns:1fr 1fr}.cf-grid-3{grid-template-columns:1fr}}
@media(max-width:700px){.lp-grid-4,.cf-grid{grid-template-columns:1fr}.lp-flow li{padding:12px 14px}.lp-calc{padding:16px}.lp-steps-v li{padding:18px 16px 18px 58px}}

/* ===== glossary ===== */
.gl-letters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 26px}
.gl-letters a{min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border:2.5px solid var(--line);border-radius:12px;font:900 16px 'Golos Text',sans-serif;background:var(--card);box-shadow:3px 3px 0 var(--line)}
.gl-letters a:hover{background:var(--yel);color:var(--ink);transform:translate(1px,1px)}
.gl-group{margin-bottom:30px;scroll-margin-top:20px}
.gl-group h2{font:900 40px/1 'Golos Text',sans-serif;letter-spacing:-1.5px;margin-bottom:14px;color:var(--link)}
.gl-items{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gl-term{padding:20px;background:var(--card);scroll-margin-top:20px}
.gl-term:target{outline:3px solid var(--blue);outline-offset:3px}
.gl-term h3{font:900 21px/1.2 'Golos Text',sans-serif;margin-bottom:6px}
.gl-term h3 small{font:600 13px Onest,sans-serif;opacity:.7;margin-left:6px}
.gl-term p{font-size:15.5px;margin-bottom:8px}
.gl-rel{font-size:14px!important;opacity:.9}
.gl-rel a{font-weight:800;text-decoration:underline;text-underline-offset:3px;margin-right:10px}
.gl-rel span{margin-right:10px;opacity:.7}
@media(max-width:760px){.gl-items{grid-template-columns:1fr}}
.gl-more{margin:6px 0 4px!important}

/* ===== mobile drift fix: nothing may widen the page ===== */
html{overflow-x:clip}
.strip-wrap{overflow:hidden;margin:10px 0;padding:6px 0;width:100%}
.strip-wrap .strip{margin:0 -3%;width:106%}
.hero>*,.hero .qz{min-width:0}
.hero h1{overflow-wrap:anywhere;hyphens:auto}
img,svg,video,iframe{max-width:100%}
@media(max-width:760px){.qz:before{right:12px}}

/* ===== author page ===== */
.au-hero{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:center;padding:6px 0 20px}
.au-photo{width:220px;height:220px;border-radius:50%;overflow:hidden;background:var(--yel);display:grid;place-items:center;box-shadow:6px 6px 0 var(--line)}
.au-photo img{width:100%;height:100%;object-fit:cover;display:block}
.au-photo span{font:900 96px/1 'Golos Text',sans-serif;color:var(--ink)}
.au-hero h1{font:900 clamp(34px,5vw,56px)/1.03 'Golos Text',sans-serif;letter-spacing:-1.8px;margin:12px 0}
.au-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.soc{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:14px;font-weight:700;font-size:14px}
.soc a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.au-hero{grid-template-columns:1fr;text-align:left}.au-photo{width:150px;height:150px}.au-photo span{font-size:66px}}
.lang-sw{font-weight:800;font-size:13px;line-height:1;border:2px solid var(--line);background:var(--card);color:var(--txt);padding:8px 10px;border-radius:10px;text-decoration:none;box-shadow:2px 2px 0 var(--line);margin-left:8px}.lang-sw:hover{background:var(--yel)}@media(max-width:900px){.nav>.lang-sw{margin-left:auto}.nav>.burger{margin-left:8px!important}}