/* stylesheet */
:root {
  --clr-bg: hsl(78 30% 98%);
  --clr-surface: hsl(0 0% 100%);
  --clr-surface-2: hsl(78 28% 94%);
  --clr-border: hsl(78 20% 87%);
  --clr-teal: hsl(206 70% 46%);
  --clr-teal-dim: hsl(206 70% 36%);
  --clr-gold: hsl(356 80% 48%);
  --clr-gold-dim: hsl(356 80% 38%);
  --clr-text: hsl(150 15% 92%);
  --clr-text-dim: hsl(150 8% 68%);
  --ff-body: -apple-system, 'Segoe UI', Roboto, Ubuntu, sans-serif;
  --radius: 14px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--clr-bg); color: var(--clr-text); font-family: var(--ff-body); line-height: 1.65; font-size: 16.5px; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--clr-teal); }
.ds51 { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.ik51b { position: absolute; left: -9999px; }
.ik51b:focus { left: 10px; top: 10px; background: var(--clr-teal); color: #04140d; padding: 8px 14px; z-index: 99; }

/* header */
.fb14t { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--clr-bg) 88%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--clr-border); }
.pm62 { display: flex; align-items: center; gap: 26px; height: 62px; }
.zj91j { display: flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 800; font-size: 1.15rem; color: var(--clr-text); }
.sg79a { color: var(--clr-gold); }
.sp10z { color: var(--clr-teal); }
.rf87t { margin-left: auto; }
.rf87t ul { display: flex; gap: 4px; list-style: none; }
.rf87t a { display: block; padding: 8px 13px; border-radius: 8px; text-decoration: none; color: var(--clr-text-dim); font-weight: 600; font-size: .95rem; }
.rf87t a:hover { background: var(--clr-surface-2); color: var(--clr-text); }
.ni13u { display: none; margin-left: auto; background: none; border: 1px solid var(--clr-border); border-radius: 8px; width: 42px; height: 38px; cursor: pointer; position: relative; }
.ex55i, .ex55i::before, .ex55i::after { content: ''; position: absolute; left: 10px; right: 10px; height: 2px; background: var(--clr-text); transition: .2s; }
.ex55i { top: 18px; }
.ex55i::before { top: -6px; } .ex55i::after { top: 6px; }
.xt27g { border-top: 1px solid var(--clr-border); background: var(--clr-surface); }
.xt27g ul { list-style: none; padding: 8px 0; }
.xt27g a { display: block; padding: 11px 24px; color: var(--clr-text); text-decoration: none; font-weight: 600; }
.xt27g a:hover { background: var(--clr-surface-2); }

/* hero */
.on45 { padding: 64px 0 48px; background:
  radial-gradient(900px 420px at 85% -10%, color-mix(in srgb, var(--clr-teal) 16%, transparent), transparent),
  linear-gradient(180deg, var(--clr-surface), var(--clr-bg)); }
.bn18 { color: var(--clr-gold); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; margin-bottom: 14px; }
.on45 h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); line-height: 1.12; margin-bottom: 18px; }
.on45 .jf71 { color: var(--clr-teal); }
.ti46p { max-width: 46rem; color: var(--clr-text-dim); font-size: 1.08rem; margin-bottom: 14px; }
.ci41p { font-size: .88rem; color: var(--clr-gold); margin-bottom: 22px; }
.ni76c { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }
.xi98 { display: inline-block; padding: 12px 22px; border-radius: 10px; font-weight: 700; text-decoration: none; border: 2px solid transparent; }
.ch75b { background: var(--clr-teal); color: #04140d; }
.ch75b:hover { background: var(--clr-teal-dim); color: #eafff5; }
.ry18m { border-color: var(--clr-border); color: var(--clr-text); }
.ry18m:hover { border-color: var(--clr-teal); }
.kc87h { padding: 15px 30px; font-size: 1.06rem; }
.uv87 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.iy88z { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 14px 18px; }
.iy88z dt { font-size: .8rem; color: var(--clr-text-dim); text-transform: uppercase; letter-spacing: .05em; }
.iy88z dd { font-size: 1.25rem; font-weight: 800; margin-top: 2px; }
.ul95 { font-size: 1rem; }

/* bands */
.kt52 { padding: 52px 0; }
.xd69t { background: var(--clr-surface); }
.hs30 { font-size: clamp(1.4rem, 2.8vw, 1.9rem); margin-bottom: 22px; padding-left: 14px; border-left: 4px solid var(--clr-teal); }
.kt52 h3 { margin: 26px 0 10px; font-size: 1.18rem; }
.kt52 h4 { margin: 20px 0 8px; }
.kt52 p { margin-bottom: 14px; }
.kt52 ul, .kt52 ol { margin: 0 0 16px 22px; }
.kt52 li { margin-bottom: 8px; }
.iz65n { font-size: .86rem; color: var(--clr-text-dim); }

/* score + panels */
.kv15 { display: grid; grid-template-columns: 200px 1fr; gap: 26px; align-items: start; margin-bottom: 18px; }
.rj46y { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); text-align: center; padding: 26px 14px; }
.so60i { display: block; font-size: 3rem; font-weight: 900; color: var(--clr-gold); line-height: 1; }
.wz73u { font-size: .85rem; color: var(--clr-text-dim); }
.qo22 { border-left: 3px solid var(--clr-teal); background: var(--clr-surface-2); padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 14px 0; }
.fu37k { border-left-color: var(--clr-gold); }
.qs54 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.zy21 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; }
.uu75x { border-top: 3px solid var(--clr-teal); }
.pd77 { border-top: 3px solid var(--clr-gold); }
.ky57n, .sn93z { list-style: none; margin-left: 0 !important; }
.ky57n li, .sn93z li { padding-left: 26px; position: relative; }
.ky57n li::before { content: '✓'; position: absolute; left: 0; color: var(--clr-teal); font-weight: 800; }
.sn93z li::before { content: '✕'; position: absolute; left: 0; color: var(--clr-gold); font-weight: 800; }

/* rank cards */
.lv38 { display: flex; gap: 18px; background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; margin: 18px 0; }
.lv38.jc30m { border-color: var(--clr-gold); box-shadow: 0 0 0 1px var(--clr-gold) inset; }
.ud94k { flex: 0 0 46px; height: 46px; border-radius: 50%; background: var(--clr-gold); color: #201700; display: grid; place-items: center; font-weight: 900; font-size: 1.25rem; }
.vp10 { flex: 1; min-width: 0; }
.vp10 h3 { margin-top: 0; }

/* tables */
.bc97 { overflow-x: auto; border: 1px solid var(--clr-border); border-radius: var(--radius); margin: 14px 0; }
.po69 { width: 100%; border-collapse: collapse; min-width: 520px; }
.po69 th, .po69 td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--clr-border); }
.po69 thead th { background: var(--clr-surface-2); font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; color: var(--clr-text-dim); }
.po69 tbody tr:last-child td, .po69 tbody tr:last-child th { border-bottom: 0; }
.po69 th[scope="row"] { color: var(--clr-text-dim); font-weight: 600; width: 38%; }
.yi67 { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: .78rem; font-weight: 700; }
.jw50j { background: color-mix(in srgb, var(--clr-teal) 22%, transparent); color: var(--clr-teal); }
.dr67 { background: color-mix(in srgb, var(--clr-gold) 22%, transparent); color: var(--clr-gold); }

/* misc layout */
.xj14v { display: grid; grid-template-columns: 1.4fr 1fr; gap: 26px; align-items: start; margin-top: 24px; }
.xi80u { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--clr-border); }
.hg70j { counter-reset: step; list-style: none; margin-left: 0 !important; }
.hg70j li { counter-increment: step; position: relative; padding: 0 0 18px 56px; }
.hg70j li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 10px; background: var(--clr-teal); color: #04140d; font-weight: 900; display: grid; place-items: center; }
.hg70j li::after { content: ''; position: absolute; left: 18px; top: 42px; bottom: 0; width: 2px; background: var(--clr-border); }
.hg70j li:last-child::after { display: none; }
.kc40 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.vn25w { position: relative; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--clr-border); text-decoration: none; }
.vn25w img { width: 100%; height: 150px; object-fit: cover; transition: transform .25s; }
.vn25w:hover img { transform: scale(1.05); }
.vn25w span { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 14px; background: linear-gradient(transparent, rgba(0,0,0,.85)); color: #fff; font-weight: 700; }
.tn98 li { margin-bottom: 10px; }
.ml33 { background: linear-gradient(180deg, var(--clr-surface), var(--clr-bg)); }
.cb68 { background: var(--clr-surface-2); border: 1px solid var(--clr-gold); border-radius: var(--radius); padding: 28px; }
.cb68 .rj46y { margin-bottom: 18px; max-width: 220px; }

/* faq */
.so40 { display: grid; gap: 10px; }
.qn85g { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: 12px; overflow: hidden; }
.ml62 { width: 100%; text-align: left; background: none; border: 0; color: var(--clr-text); font: inherit; font-weight: 700; padding: 16px 48px 16px 18px; cursor: pointer; position: relative; }
.bo32 { position: absolute; right: 18px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%); }
.bo32::before, .bo32::after { content: ''; position: absolute; background: var(--clr-teal); transition: .2s; }
.bo32::before { left: 0; right: 0; top: 5px; height: 2px; }
.bo32::after { top: 0; bottom: 0; left: 5px; width: 2px; }
.ml62[aria-expanded="true"] .bo32::after { transform: scaleY(0); }
.ka94p { padding: 0 18px 16px; color: var(--clr-text-dim); }

/* footer */
.ta43 { border-top: 1px solid var(--clr-border); background: var(--clr-surface); padding: 36px 0 26px; margin-top: 20px; font-size: .92rem; }
.bc76f { margin-bottom: 14px; }
.oy96y { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.dn12e { border: 2px solid var(--clr-gold); color: var(--clr-gold); border-radius: 8px; padding: 2px 9px; font-weight: 800; }
.ec57 { color: var(--clr-text-dim); }
.bf98d ul { display: flex; gap: 18px; flex-wrap: wrap; list-style: none; margin-bottom: 16px; }
.bf98d a { color: var(--clr-text-dim); text-decoration: none; }
.bf98d a:hover { color: var(--clr-teal); }
.wk61a { color: var(--clr-text-dim); font-size: .82rem; margin-bottom: 14px; }
.ru81 { color: var(--clr-text-dim); font-size: .82rem; }

/* inner pages */
.jt95s { padding: 46px 0; }
.hr54q { margin: 0 auto; padding: 0 22px; }
.xb51t ol { display: flex; gap: 8px; list-style: none; font-size: .86rem; color: var(--clr-text-dim); margin-bottom: 18px; }
.xb51t li + li::before { content: '/'; margin-right: 8px; color: var(--clr-border); }
.lz38i { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 12px; }
.np81 { color: var(--clr-text-dim); font-size: .9rem; margin-bottom: 22px; }
.iz47 { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 22px; margin-bottom: 16px; }
.iz47 h2 { margin-bottom: 10px; font-size: 1.25rem; }
.iz47 p { margin-bottom: 12px; }
.iz47 ul, .iz47 ol { margin: 0 0 12px 22px; }
.tz21q { overflow-x: auto; }
.ii65 { font-size: .84rem; color: var(--clr-text-dim); margin-top: 10px; }
.xq88k .om96 { margin-bottom: 16px; }
.xq88k label { display: block; font-weight: 600; margin-bottom: 6px; }
.xq88k input, .xq88k select, .xq88k textarea { width: 100%; background: var(--clr-surface-2); color: var(--clr-text); border: 1px solid var(--clr-border); border-radius: 10px; padding: 11px 13px; font: inherit; }
.xq88k textarea { min-height: 140px; }
.bx37 { font-size: .84rem; color: var(--clr-text-dim); }

@media (max-width: 860px) {
  .rf87t { display: none; }
  .ni13u { display: block; }
  .rf87t.px96 { display: block; position: absolute; top: 62px; left: 0; right: 0; background: var(--clr-surface); }
  .kv15, .qs54, .xj14v, .kc40 { grid-template-columns: 1fr; }
  .uv87 { grid-template-columns: 1fr; }
}

.nv64 { padding: 52px 0; background: var(--clr-surface); border-block: 1px solid var(--clr-border); }
.jn97p { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.jn97p h2 { font-size: clamp(1.4rem, 2.8vw, 1.9rem); margin-bottom: 20px; padding-left: 14px; border-left: 4px solid var(--clr-gold); }
.jn97p p { margin-bottom: 14px; }
.jn97p ul { margin: 0 0 16px 22px; }
.jn97p li { margin-bottom: 8px; }

/* inner-page layout variants */
.ro81 { max-width: 900px; }
.gi29 { margin-bottom: 26px; }
.gi29 h2 { margin-bottom: 10px; }
.co96 { max-width: 980px; display: grid; grid-template-columns: 1fr 220px; gap: 30px; align-items: start; }
.co96 .xb51t, .co96 .lz38i { grid-column: 1 / -1; }
.yi49w { grid-column: 2; grid-row: 3 / span 99; border-left: 2px solid var(--clr-border); padding-left: 16px; }
.uu16 { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--clr-text-dim); }
.jw31o { font-weight: 700; }
.tp60z { max-width: 700px; }
.tp60z .iz47 { border-left: 3px solid var(--clr-teal); }
@media (max-width: 820px) {
  .co96 { grid-template-columns: 1fr; }
  .yi49w { grid-column: 1; grid-row: auto; border-left: 0; padding-left: 0; }
}

.mt61 { list-style: none; margin: 0 !important; padding: 0; display: grid; gap: 8px; }
.rl19w { padding-left: 0; font-size: .95rem; }
.rl19w time { font-weight: 700; color: var(--clr-teal); margin-right: 6px; }

/* conversion hero */
.ee83i { padding: 30px 0 6px; }
.zg39 { display: grid; grid-template-columns: 1.05fr 1fr; gap: 30px; align-items: center; }
.ee83i.cv-solo .zg39 { display: block; }
.ff83 { font-size: clamp(1.25rem, 2.5vw, 1.7rem); line-height: 1.2; margin-bottom: 14px; }
.og49 { list-style: none; margin: 0 0 18px !important; padding: 0; display: grid; gap: 9px; }
.og49 li { position: relative; padding-left: 30px; font-size: 1.02rem; font-weight: 600; }
.og49 li::before { content: '✓'; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; border-radius: 50%; background: var(--clr-teal); color: var(--clr-bg); font-size: .78rem; font-weight: 900; display: grid; place-items: center; }
.kq27 { font-size: 1.04rem; padding: 13px 28px; }
.rs15j { font-size: .82rem; color: var(--clr-text-dim); margin-top: 10px; }
.db38x { border-radius: 14px; overflow: hidden; border: 1px solid var(--clr-border); margin: 0; }
.db38x img { width: 100%; height: auto; display: block; }

/* author */
.av87b { display: flex; align-items: center; gap: 10px; margin: 14px 0 18px; font-size: .92rem; }
.eq17b { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: 0 0 34px; }
.gy83 { color: var(--clr-text-dim); }
.fx35 { padding: 36px 0; border-top: 1px solid var(--clr-border); }
.bl18k { display: flex; gap: 20px; align-items: flex-start; }
.kq88 { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: 0 0 96px; border: 2px solid var(--clr-border); }
.kv52 h2 { font-size: 1.2rem; margin-bottom: 8px; }
.yh50 { font-size: .95rem; color: var(--clr-text-dim); margin-bottom: 10px; }
.kv52 p { margin-bottom: 10px; }

@media (max-width: 860px) {
  .zg39 { grid-template-columns: 1fr; }
  .bl18k { flex-direction: column; }
}

/* открытое верхнее меню на узких экранах — запасной путь, если панель #mobile-menu недоступна */
@media (max-width: 1000px) {
  .rf87t.px96 { display: block; position: absolute; top: 100%; left: 0; right: 0;
    background: var(--clr-surface); border-bottom: 1px solid var(--clr-border); z-index: 60; }
  .rf87t.px96 ul { flex-direction: column; gap: 0; }
  .rf87t.px96 a { display: block; padding: 12px 20px; }
}


:root{--clr-bg:#EDF0FB;--clr-surface:#FFFFFF;--clr-surface-2:#E1E7FA;--clr-border:#CBD3F2;--clr-teal:#2B3DE0;--clr-teal-dim:#1F2FB5;--clr-gold:#E27300;--clr-gold-dim:#C26200;--clr-text:#10163A;--clr-text-dim:#4A5384;--ff-body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--radius:12px;
--lb-r:10px;--lb-btn:9px;--lb-cta:#FF8A1F;--lb-cta-ink:#1A0D00;--lb-ribbon:#2B3DE0;--lb-tagbg:#2B3DE0;--lb-link:#4A5BE8;--lb-band:#0F1A66;--lb-band-ink:#C9D2FF}
a{color:var(--clr-teal)}
.fb14t{background:#1A29B3;border-bottom:0;color:#fff}.fb14t .pm62{height:auto;padding:10px 0}
.fb14t .zj91j,.fb14t .ku56o,.fb14t .sg79a{color:#fff}.fb14t .sp10z{color:#FF8A1F}
.rf87t a{color:#fff;opacity:.85;border-radius:0;border-bottom:3px solid transparent;padding:12px 6px 10px}.rf87t a:hover{background:none;color:#fff;opacity:1;border-color:#9DB2FF}
.ag21e{background:#1A29B3;padding:0 20px}.ag21e .rf87t ul{gap:46px}
.xt27g{background:#1A29B3}.xt27g a{color:#fff}
.ni13u{border-color:rgba(255,255,255,.4)}.ex55i,.ex55i::before,.ex55i::after{background:#fff}
.fm33{display:grid;grid-template-columns:1.5fr 1fr;border-radius:16px;margin-bottom:26px;background:#1A29B3;color:#fff;min-height:250px}
.yj64n{padding:34px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.fm33 h1 .jf71{color:#FF8A1F}.fm33 .ti46p{color:#C9D2FF}
.nz72w{position:relative;background:#2B3DE0;overflow:hidden}
.xd69t{background:var(--clr-surface-2)}
@media (max-width:900px){.fm33{grid-template-columns:1fr}.yj64n{padding:24px}}

/* ═══ lobby ═══ */
.jn93{max-width:1400px;margin:0 auto;padding:0 clamp(14px,2.6vw,40px)}
.dc52y{padding-top:22px;padding-bottom:10px}
.th81{grid-auto-flow:dense;display:grid;gap:12px;margin-bottom:30px}
.zd14p{grid-template-columns:repeat(6,1fr)}.wu47z{grid-template-columns:repeat(7,1fr)}.et66{grid-template-columns:repeat(11,1fr);gap:10px}
.pw76e{position:relative;display:block;aspect-ratio:1;border-radius:var(--lb-r);overflow:hidden;background:#1a1a22;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pw76e:hover{transform:translateY(-4px)}.pw76e svg{width:100%;height:100%;display:block}
.bp92{position:absolute;left:0;right:0;bottom:0;padding:9px;text-align:center;font-weight:800;font-size:.9rem;background:rgba(8,10,34,.86);color:#fff;transform:translateY(100%);transition:transform .2s}
.pw76e:hover .bp92,.pw76e:focus-visible .bp92{transform:none}
.un40::before{content:"HOT";position:absolute;left:-28px;top:10px;width:96px;background:var(--lb-ribbon);color:#fff;font:800 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-align:center;padding:5px 0;transform:rotate(-45deg);z-index:2}
.gy21x{position:absolute;left:0;top:0;background:var(--lb-tagbg);color:#fff;font:800 10px/1 system-ui,sans-serif;padding:5px 8px;border-radius:0 0 8px 0;letter-spacing:.03em;text-transform:uppercase;z-index:2}
.ib65{position:absolute;right:0;top:0;background:rgba(0,0,0,.66);color:#fff;font:800 10px/1 system-ui,sans-serif;padding:5px 7px;border-radius:0 0 0 8px;z-index:2}
.ad48o{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.vy34{grid-column:6/span 2;grid-row:1/span 2}
.oo93h{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 14px}
.oo93h h2{font-size:1.35rem;letter-spacing:-.01em;margin:0}.oo93h a{font-weight:700;font-size:.9rem;text-decoration:none;color:var(--lb-link)}
.fm33{position:relative;overflow:hidden}
.va82m img{width:100%;height:100%;object-fit:cover;display:block}
.fm33 h1{line-height:1.02;letter-spacing:-.03em;font-size:clamp(1.9rem,3.8vw,3.3rem);margin:0 0 12px}
.fm33 .ti46p{max-width:50ch;margin:0 0 12px}.fm33 .ci41p{font-size:.85rem;opacity:.85;margin:0 0 16px;color:inherit}
.qh25x{position:absolute;width:190px;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.qh25x svg{display:block;width:100%;height:auto;aspect-ratio:1}
.fr25n{left:10px;top:40px;transform:rotate(-8deg)}.pi92{left:150px;top:-8px;transform:rotate(6deg)}.ua91b{left:240px;top:96px;transform:rotate(-3deg);width:170px}
.vq94{display:inline-block;font-weight:800;padding:11px 20px;border-radius:var(--lb-btn);background:var(--lb-cta);color:var(--lb-cta-ink);text-decoration:none;white-space:nowrap}
.ch75b{background:var(--lb-cta);color:var(--lb-cta-ink);border-radius:var(--lb-btn)}.ch75b:hover{filter:brightness(1.08);background:var(--lb-cta);color:var(--lb-cta-ink)}
.xi98{transition:transform .16s,filter .16s}.xi98:hover{transform:translateY(-1px)}.xi98:active{transform:scale(.97)}
.rm41t{display:flex;gap:8px;align-items:center;margin:4px 0 14px}.rm41t .gi24{margin-right:auto;font-weight:700}.rm41t b{background:var(--clr-surface-2);padding:10px 16px;border-radius:9px;font-size:.88rem}
.sd71j{display:flex;justify-content:center;gap:34px;padding:12px 20px;overflow:auto;background:var(--lb-band)}
.dp74{display:grid;justify-items:center;gap:6px;min-width:62px;font-size:.78rem;font-weight:700;color:var(--lb-band-ink);opacity:.85}.dp74 b{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:1rem;color:#fff}
.dp74.lb-on{opacity:1}.dp74.lb-on b{background:var(--lb-cta);color:var(--lb-cta-ink)}
.nm19{display:flex;gap:10px;padding:14px clamp(14px,2.6vw,40px);overflow:auto;max-width:1400px;margin:0 auto}
.yx16{flex:0 0 auto;background:var(--clr-surface-2);border-radius:999px;padding:10px 18px;font-weight:700;color:var(--clr-text)}.yx16.lb-on{background:#fff;color:#000}
.ef14w{display:flex;gap:10px;padding:16px clamp(14px,2.6vw,34px);overflow:hidden}
.kc39x{flex:0 0 auto;display:flex;gap:10px;align-items:center;background:var(--clr-surface);border-radius:10px;padding:8px 14px 8px 8px;font-size:.78rem;color:var(--clr-text-dim)}.kc39x b{display:block;color:var(--clr-text);font-size:.9rem}.xv46{width:44px;height:44px;border-radius:8px;overflow:hidden}.xv46 svg{width:100%;height:100%;display:block}
.ul68{display:flex;align-items:center;gap:12px;padding:6px clamp(14px,2.6vw,34px) 14px;flex-wrap:wrap}
.sx87{border:1.5px solid var(--clr-border);border-radius:999px;padding:9px 18px;font-weight:700;color:var(--clr-text-dim);font-size:.8rem;text-transform:uppercase}.qu62g{background:var(--clr-teal);color:#fff;padding:10px 18px;border-radius:999px;font-weight:800;font-size:.82rem}
.bu93{margin-left:auto;border:1.5px solid var(--clr-border);border-radius:999px;padding:9px 18px;color:var(--clr-text-dim)}.hf72g{background:#1FCB78;color:#04301c;padding:10px 20px;border-radius:999px;font-weight:800;text-decoration:none}
.lv25{padding:8px clamp(14px,2.6vw,34px) 8px}
.on63{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}
.pu66m{display:grid;grid-template-columns:44% 1fr;border-radius:12px;overflow:hidden;background:var(--clr-surface);text-decoration:none;color:var(--clr-text);transition:transform .2s}.pu66m:hover{transform:translateY(-3px)}
.tz45{aspect-ratio:1}.tz45 svg{width:100%;height:100%;display:block}.jx68f{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.jx68f small{color:var(--clr-text-dim);font-weight:700;letter-spacing:.04em;font-size:.7rem}.jx68f b{font-size:1.5rem;color:var(--clr-gold);font-variant-numeric:tabular-nums;line-height:1.1}.jx68f u{text-decoration:none;margin-top:8px;align-self:flex-start;background:var(--lb-cta);color:var(--lb-cta-ink);font-weight:800;padding:8px 16px;border-radius:999px;font-size:.82rem}
.er19{flex:1;max-width:520px;margin:0 auto;background:rgba(255,255,255,.12);border-radius:10px;padding:12px 18px;color:rgba(255,255,255,.7)}
.ag21e{display:flex;justify-content:center}.ag21e .rf87t{margin:0}
.fb14t{backdrop-filter:none}
@media (max-width:900px){
  .zd14p,.wu47z,.et66{grid-template-columns:repeat(2,1fr)}.ad48o{grid-column:span 2;grid-row:auto;aspect-ratio:2/1}.vy34{grid-column:span 2;grid-row:auto}
  .on63{grid-template-columns:1fr}.nz72w{display:none}.er19,.bu93,.hf72g{display:none}.sd71j{justify-content:flex-start;gap:18px}.vq94{padding:9px 14px;font-size:.85rem}
}
@media (prefers-reduced-motion:reduce){.pw76e,.bp92,.xi98,.pu66m{transition:none}}
.ta43{background:#0F1A66;color:#9FB0FF}.ta43 a{color:#fff}.bc76f,.ru81,.wk61a{color:#9FB0FF}

h1, h2, h3 { font-family: 'Palatino Linotype', Palatino, Georgia, serif; }

/* extras.yw62 — appended to the theme stylesheet at build time and renamed with
   the rest of the classes. Only theme variables are used, so the block inherits
   whatever palette and mode the site got. */

/* ── ranked shortlist (rating mode) ─────────────────────────────────────── */
.it28a { padding: 3rem 0; border-top: 1px solid var(--clr-border); }
.ao64g { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.it28a h2 { margin: 0 0 .75rem; }
.ss34u { margin: 1rem 0 1.75rem; padding-left: 1.1rem; }
.ss34u li { margin: .35rem 0; }
.gq45n { display: grid; gap: 1rem; }
.gi52 {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
}
.se25f {
  border-color: var(--clr-teal);
  box-shadow: 0 0 0 1px var(--clr-teal) inset;
}
.ie39 { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.zh95r {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--clr-surface-2);
  font-weight: 700;
}
.se25f .zh95r { background: var(--clr-teal); color: var(--clr-bg); }
.lz80 { margin: 0; font-size: 1.15rem; flex: 1 1 auto; }
.er79 { font-weight: 700; color: var(--clr-gold); font-size: 1.1rem; }
.gi52 p { margin: .5rem 0; }
.vz63 { font-size: .95rem; opacity: .8; }
.gw79o { margin-top: .9rem; }
.ja52w { margin-top: 1.25rem; font-size: .9rem; opacity: .75; }

/* ── affiliate disclosure ───────────────────────────────────────────────── */
.ym30z {
  margin: 0 0 .75rem;
  font-size: .85rem;
  opacity: .75;
}

@media (max-width: 640px) {
  .ie39 { flex-wrap: wrap; }
  .lz80 { flex: 1 1 60%; }
}

/* ── 404 page ───────────────────────────────────────────────────────────── */
.oj71 {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: var(--clr-bg);
  color: var(--clr-text);
  font-family: var(--ff-body);
  margin: 0;
}
.uq91 {
  max-width: 560px;
  padding: 2.5rem 1.5rem;
  text-align: center;
}
.lb39j {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 .25rem;
  color: var(--clr-teal);
  letter-spacing: .05em;
}
.ep19y { margin: 0 0 1rem; font-size: 1.5rem; }
.uq91 p { margin: .6rem 0; opacity: .9; }
.ps42f { margin-top: 1.75rem; }

/* ── fallback figure, used when a theme renders no picture of its own ────── */
.da79 { margin: 1.5rem 0; }
.da79 img { width: 100%; height: auto; border-radius: 10px; display: block; }
.fz61g { margin: 1.5rem 0; }
.fz61g img { width: 100%; height: auto; border-radius: 8px; display: block; }

/* ── brand hero, added when the theme shows it only in og:image ──────────── */
.qj42y { margin: 0 0 1.75rem; }
.qj42y img { width: 100%; height: auto; border-radius: 12px; display: block; }

/* ── brand hero, for themes whose skeleton had it only in og:image ──────── */
.tn52a, .cj83g { margin: 1.5rem 0; }
.tn52a img, .cj83g img,
.px22u.fig img, .xi80u img, .uh51e img {
  width: 100%; height: auto; display: block; border-radius: 10px;
}

/* ── topic mode: the article layouts ────────────────────────────────────── */
.ov19 { padding: 1.5rem 0 3rem; }
.le10k { max-width: 780px; margin: 0 auto; padding: 0 1.25rem; }
.ur36c { font-size: .85rem; opacity: .7; margin: 0 0 .5rem; }
.ov19 h1 { margin: 0 0 1rem; line-height: 1.2; }
.fi13 { margin: 1.5rem auto; max-width: 900px; padding: 0 1.25rem; }
.fi13 img { width: 100%; height: auto; display: block; border-radius: 12px; }
.ih35f { max-width: 1100px; }
.ri44 { max-width: 780px; }
.ff85v p, .aq60f p { font-size: 1.05rem; }
.aq60f {
  border-left: 3px solid var(--clr-teal);
  padding-left: 1rem;
}
.rv52o { font-size: .9rem; opacity: .8; }
.gu33g { margin: 1.75rem 0; }
.qy17 { font-weight: 700; margin: 0 0 .5rem; }
.gu33g ol { margin: 0; padding-left: 1.2rem; }
.gu33g li { margin: .3rem 0; }
.ri62 ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.ri62 li a {
  display: inline-block; padding: .35rem .7rem;
  background: var(--clr-surface-2); border-radius: 999px; font-size: .9rem;
}
.az23l { padding: 1.5rem 0; }
.az23l + .az23l { border-top: 1px solid var(--clr-border); }
.az23l h2 { margin: 0 0 .75rem; }
.gc90x {
  display: inline-block; margin-bottom: .4rem;
  font-weight: 700; font-size: 1.4rem; color: var(--clr-teal);
}
.kp66 {
  margin: 2rem 0; padding: 1.75rem 0;
  background: var(--clr-surface);
  border-top: 1px solid var(--clr-teal);
  border-bottom: 1px solid var(--clr-teal);
}
.aw79b { display: block; margin: 0 0 1rem; }
.aw79b img { width: 100%; height: auto; border-radius: 10px; display: block; }
.sr77n { display: flex; align-items: baseline; gap: .75rem; margin-bottom: .5rem; }
.op24 { font-size: 1.3rem; font-weight: 700; }
.wu75p { font-weight: 700; color: var(--clr-gold); }
.ol44h { margin: .75rem 0 1rem; padding-left: 1.1rem; }
.ol44h li { margin: .35rem 0; }
.vj26n { padding-left: 1.1rem; }
.pq60 { margin: 1rem 0 .5rem; }
.uz77, .pg44y { font-size: .9rem; opacity: .8; }
.pg44y { margin-top: 2rem; }
.ig35 { display: block; }

/* structural hooks of the article layouts — no visual rules of their own, but
   they must exist in the stylesheet so the renamer covers them like everything else */
.ed64 { min-height: 100vh; }
.aq79t, .yd61, .qs36 { display: block; }
.nj61m, .af41i { display: block; }
.qr94 ol { list-style: decimal; }

/* subpages */
.sp-main{padding:28px 0 56px}.sp-wrap{max-width:860px;margin:0 auto;padding:0 18px}
.sp-crumbs{font-size:.86rem;opacity:.75;margin:0 0 14px}.sp-crumbs a{color:inherit;text-decoration:underline}
.sp-wrap h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin:0 0 14px}
.sp-lead p{font-size:1.08rem;line-height:1.6;opacity:.92}
.sp-wrap h2{font-size:clamp(1.25rem,2.6vw,1.6rem);margin:34px 0 10px;line-height:1.25}
.sp-wrap h3{font-size:1.08rem;margin:20px 0 6px}
.sp-wrap p,.sp-wrap li{line-height:1.65}.sp-wrap ul,.sp-wrap ol{padding-left:1.25em}
.sp-wrap table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem}
.sp-wrap th,.sp-wrap td{border:1px solid color-mix(in srgb,currentColor 18%,transparent);padding:8px 10px;text-align:left}
.sp-faq details{border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:10px;padding:10px 14px;margin:8px 0}
.sp-faq summary{cursor:pointer;font-weight:600}
.sp-cta{margin:34px 0 0;text-align:center}.sp-cta a{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700;text-decoration:none;background:var(--accent,var(--primary,#d4a017));color:var(--on-accent,#111)}
.sp-note{margin-top:26px;font-size:.84rem;opacity:.7}