/* stylesheet */
:root {
  --clr-bg: hsl(347 30% 97%);
  --clr-surface: hsl(0 0% 100%);
  --clr-surface-2: hsl(347 28% 93%);
  --clr-border: hsl(347 20% 86%);
  --clr-teal: hsl(131 65% 46%);
  --clr-teal-dim: hsl(131 65% 36%);
  --clr-gold: hsl(281 75% 48%);
  --clr-gold-dim: hsl(281 75% 38%);
  --clr-text: hsl(150 15% 92%);
  --clr-text-dim: hsl(150 8% 68%);
  --ff-body: 'Segoe UI', system-ui, -apple-system, 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); }
.th25 { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.ze30 { position: absolute; left: -9999px; }
.ze30:focus { left: 10px; top: 10px; background: var(--clr-teal); color: #04140d; padding: 8px 14px; z-index: 99; }

/* header */
.ih32v { 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); }
.tp52a { display: flex; align-items: center; gap: 26px; height: 62px; }
.hv24z { display: flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 800; font-size: 1.15rem; color: var(--clr-text); }
.fh68x { color: var(--clr-gold); }
.nc68u { color: var(--clr-teal); }
.ab80b { margin-left: auto; }
.ab80b ul { display: flex; gap: 4px; list-style: none; }
.ab80b a { display: block; padding: 8px 13px; border-radius: 8px; text-decoration: none; color: var(--clr-text-dim); font-weight: 600; font-size: .95rem; }
.ab80b a:hover { background: var(--clr-surface-2); color: var(--clr-text); }
.wv19b { display: none; margin-left: auto; background: none; border: 1px solid var(--clr-border); border-radius: 8px; width: 42px; height: 38px; cursor: pointer; position: relative; }
.rc59e, .rc59e::before, .rc59e::after { content: ''; position: absolute; left: 10px; right: 10px; height: 2px; background: var(--clr-text); transition: .2s; }
.rc59e { top: 18px; }
.rc59e::before { top: -6px; } .rc59e::after { top: 6px; }
.xq35v { border-top: 1px solid var(--clr-border); background: var(--clr-surface); }
.xq35v ul { list-style: none; padding: 8px 0; }
.xq35v a { display: block; padding: 11px 24px; color: var(--clr-text); text-decoration: none; font-weight: 600; }
.xq35v a:hover { background: var(--clr-surface-2); }

/* hero */
.hm66 { 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)); }
.ei10h { color: var(--clr-gold); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; margin-bottom: 14px; }
.hm66 h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); line-height: 1.12; margin-bottom: 18px; }
.hm66 .va90o { color: var(--clr-teal); }
.oa79b { max-width: 46rem; color: var(--clr-text-dim); font-size: 1.08rem; margin-bottom: 14px; }
.sf79x { font-size: .88rem; color: var(--clr-gold); margin-bottom: 22px; }
.zc19 { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }
.tx54 { display: inline-block; padding: 12px 22px; border-radius: 10px; font-weight: 700; text-decoration: none; border: 2px solid transparent; }
.qo10 { background: var(--clr-teal); color: #04140d; }
.qo10:hover { background: var(--clr-teal-dim); color: #eafff5; }
.ec83 { border-color: var(--clr-border); color: var(--clr-text); }
.ec83:hover { border-color: var(--clr-teal); }
.au10m { padding: 15px 30px; font-size: 1.06rem; }
.sj83w { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mi17u { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 14px 18px; }
.mi17u dt { font-size: .8rem; color: var(--clr-text-dim); text-transform: uppercase; letter-spacing: .05em; }
.mi17u dd { font-size: 1.25rem; font-weight: 800; margin-top: 2px; }
.wo43 { font-size: 1rem; }

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

/* score + panels */
.ky28 { display: grid; grid-template-columns: 200px 1fr; gap: 26px; align-items: start; margin-bottom: 18px; }
.ov87 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); text-align: center; padding: 26px 14px; }
.zv44o { display: block; font-size: 3rem; font-weight: 900; color: var(--clr-gold); line-height: 1; }
.wc17u { font-size: .85rem; color: var(--clr-text-dim); }
.rb96 { border-left: 3px solid var(--clr-teal); background: var(--clr-surface-2); padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 14px 0; }
.bp21c { border-left-color: var(--clr-gold); }
.fr73 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.ql17 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; }
.pt62b { border-top: 3px solid var(--clr-teal); }
.ue94o { border-top: 3px solid var(--clr-gold); }
.hf84p, .qj24i { list-style: none; margin-left: 0 !important; }
.hf84p li, .qj24i li { padding-left: 26px; position: relative; }
.hf84p li::before { content: '✓'; position: absolute; left: 0; color: var(--clr-teal); font-weight: 800; }
.qj24i li::before { content: '✕'; position: absolute; left: 0; color: var(--clr-gold); font-weight: 800; }

/* rank cards */
.rw91 { display: flex; gap: 18px; background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; margin: 18px 0; }
.rw91.tv48k { border-color: var(--clr-gold); box-shadow: 0 0 0 1px var(--clr-gold) inset; }
.pl84 { 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; }
.qv90w { flex: 1; min-width: 0; }
.qv90w h3 { margin-top: 0; }

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

/* misc layout */
.dl93n { display: grid; grid-template-columns: 1.4fr 1fr; gap: 26px; align-items: start; margin-top: 24px; }
.wh43 { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--clr-border); }
.ii20q { counter-reset: step; list-style: none; margin-left: 0 !important; }
.ii20q li { counter-increment: step; position: relative; padding: 0 0 18px 56px; }
.ii20q 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; }
.ii20q li::after { content: ''; position: absolute; left: 18px; top: 42px; bottom: 0; width: 2px; background: var(--clr-border); }
.ii20q li:last-child::after { display: none; }
.rd73 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.ly31l { position: relative; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--clr-border); text-decoration: none; }
.ly31l img { width: 100%; height: 150px; object-fit: cover; transition: transform .25s; }
.ly31l:hover img { transform: scale(1.05); }
.ly31l 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; }
.ui53o li { margin-bottom: 10px; }
.cu76 { background: linear-gradient(180deg, var(--clr-surface), var(--clr-bg)); }
.bt68q { background: var(--clr-surface-2); border: 1px solid var(--clr-gold); border-radius: var(--radius); padding: 28px; }
.bt68q .ov87 { margin-bottom: 18px; max-width: 220px; }

/* faq */
.zq75 { display: grid; gap: 10px; }
.jz52 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: 12px; overflow: hidden; }
.tg21b { 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; }
.nz11 { position: absolute; right: 18px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%); }
.nz11::before, .nz11::after { content: ''; position: absolute; background: var(--clr-teal); transition: .2s; }
.nz11::before { left: 0; right: 0; top: 5px; height: 2px; }
.nz11::after { top: 0; bottom: 0; left: 5px; width: 2px; }
.tg21b[aria-expanded="true"] .nz11::after { transform: scaleY(0); }
.xo50 { padding: 0 18px 16px; color: var(--clr-text-dim); }

/* footer */
.jp49x { border-top: 1px solid var(--clr-border); background: var(--clr-surface); padding: 36px 0 26px; margin-top: 20px; font-size: .92rem; }
.vw56 { margin-bottom: 14px; }
.em88v { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.to80 { border: 2px solid var(--clr-gold); color: var(--clr-gold); border-radius: 8px; padding: 2px 9px; font-weight: 800; }
.xp89 { color: var(--clr-text-dim); }
.bn82e ul { display: flex; gap: 18px; flex-wrap: wrap; list-style: none; margin-bottom: 16px; }
.bn82e a { color: var(--clr-text-dim); text-decoration: none; }
.bn82e a:hover { color: var(--clr-teal); }
.zb93 { color: var(--clr-text-dim); font-size: .82rem; margin-bottom: 14px; }
.kp65 { color: var(--clr-text-dim); font-size: .82rem; }

/* inner pages */
.my77 { padding: 46px 0; }
.kw33 { margin: 0 auto; padding: 0 22px; }
.bl11e ol { display: flex; gap: 8px; list-style: none; font-size: .86rem; color: var(--clr-text-dim); margin-bottom: 18px; }
.bl11e li + li::before { content: '/'; margin-right: 8px; color: var(--clr-border); }
.yo73w { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 12px; }
.pd87 { color: var(--clr-text-dim); font-size: .9rem; margin-bottom: 22px; }
.pa38n { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 22px; margin-bottom: 16px; }
.pa38n h2 { margin-bottom: 10px; font-size: 1.25rem; }
.pa38n p { margin-bottom: 12px; }
.pa38n ul, .pa38n ol { margin: 0 0 12px 22px; }
.bj21a { overflow-x: auto; }
.uq32j { font-size: .84rem; color: var(--clr-text-dim); margin-top: 10px; }
.ob61 .ez22g { margin-bottom: 16px; }
.ob61 label { display: block; font-weight: 600; margin-bottom: 6px; }
.ob61 input, .ob61 select, .ob61 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; }
.ob61 textarea { min-height: 140px; }
.zu87 { font-size: .84rem; color: var(--clr-text-dim); }

@media (max-width: 860px) {
  .ab80b { display: none; }
  .wv19b { display: block; }
  .ab80b.rv17a { display: block; position: absolute; top: 62px; left: 0; right: 0; background: var(--clr-surface); }
  .ky28, .fr73, .dl93n, .rd73 { grid-template-columns: 1fr; }
  .sj83w { grid-template-columns: 1fr; }
}

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

/* inner-page layout variants */
.vz67 { max-width: 900px; }
.yf25t { margin-bottom: 26px; }
.yf25t h2 { margin-bottom: 10px; }
.cf96l { max-width: 980px; display: grid; grid-template-columns: 1fr 220px; gap: 30px; align-items: start; }
.cf96l .bl11e, .cf96l .yo73w { grid-column: 1 / -1; }
.ne96p { grid-column: 2; grid-row: 3 / span 99; border-left: 2px solid var(--clr-border); padding-left: 16px; }
.xm50m { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--clr-text-dim); }
.ww69 { font-weight: 700; }
.iw86 { max-width: 700px; }
.iw86 .pa38n { border-left: 3px solid var(--clr-teal); }
@media (max-width: 820px) {
  .cf96l { grid-template-columns: 1fr; }
  .ne96p { grid-column: 1; grid-row: auto; border-left: 0; padding-left: 0; }
}

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

/* conversion hero */
.xq74 { padding: 30px 0 6px; }
.sv41h { display: grid; grid-template-columns: 1.05fr 1fr; gap: 30px; align-items: center; }
.xq74.cv-solo .sv41h { display: block; }
.yn72l { font-size: clamp(1.25rem, 2.5vw, 1.7rem); line-height: 1.2; margin-bottom: 14px; }
.zc37 { list-style: none; margin: 0 0 18px !important; padding: 0; display: grid; gap: 9px; }
.zc37 li { position: relative; padding-left: 30px; font-size: 1.02rem; font-weight: 600; }
.zc37 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; }
.xl44 { font-size: 1.04rem; padding: 13px 28px; }
.yd14 { font-size: .82rem; color: var(--clr-text-dim); margin-top: 10px; }
.rf11d { border-radius: 14px; overflow: hidden; border: 1px solid var(--clr-border); margin: 0; }
.rf11d img { width: 100%; height: auto; display: block; }

/* author */
.ez18x { display: flex; align-items: center; gap: 10px; margin: 14px 0 18px; font-size: .92rem; }
.qr14e { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: 0 0 34px; }
.xv75v { color: var(--clr-text-dim); }
.uu94 { padding: 36px 0; border-top: 1px solid var(--clr-border); }
.eu73u { display: flex; gap: 20px; align-items: flex-start; }
.kg55 { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: 0 0 96px; border: 2px solid var(--clr-border); }
.ae14 h2 { font-size: 1.2rem; margin-bottom: 8px; }
.kc74 { font-size: .95rem; color: var(--clr-text-dim); margin-bottom: 10px; }
.ae14 p { margin-bottom: 10px; }

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

/* открытое верхнее меню на узких экранах — запасной путь, если панель #mobile-menu недоступна */
@media (max-width: 1000px) {
  .ab80b.rv17a { display: block; position: absolute; top: 100%; left: 0; right: 0;
    background: var(--clr-surface); border-bottom: 1px solid var(--clr-border); z-index: 60; }
  .ab80b.rv17a ul { flex-direction: column; gap: 0; }
  .ab80b.rv17a 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)}
.ih32v{background:#1A29B3;border-bottom:0;color:#fff}.ih32v .tp52a{height:auto;padding:10px 0}
.ih32v .hv24z,.ih32v .kp60f,.ih32v .fh68x{color:#fff}.ih32v .nc68u{color:#FF8A1F}
.ab80b a{color:#fff;opacity:.85;border-radius:0;border-bottom:3px solid transparent;padding:12px 6px 10px}.ab80b a:hover{background:none;color:#fff;opacity:1;border-color:#9DB2FF}
.yy57{background:#1A29B3;padding:0 20px}.yy57 .ab80b ul{gap:46px}
.xq35v{background:#1A29B3}.xq35v a{color:#fff}
.wv19b{border-color:rgba(255,255,255,.4)}.rc59e,.rc59e::before,.rc59e::after{background:#fff}
.rk62{display:grid;grid-template-columns:1.5fr 1fr;border-radius:16px;margin-bottom:26px;background:#1A29B3;color:#fff;min-height:250px}
.ka21l{padding:34px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.rk62 h1 .va90o{color:#FF8A1F}.rk62 .oa79b{color:#C9D2FF}
.hk92{position:relative;background:#2B3DE0;overflow:hidden}
.rl19{background:var(--clr-surface-2)}
@media (max-width:900px){.rk62{grid-template-columns:1fr}.ka21l{padding:24px}}

/* ═══ lobby ═══ */
.by83{max-width:1400px;margin:0 auto;padding:0 clamp(14px,2.6vw,40px)}
.op84{padding-top:22px;padding-bottom:10px}
.ie70{grid-auto-flow:dense;display:grid;gap:12px;margin-bottom:30px}
.mb20{grid-template-columns:repeat(6,1fr)}.uq21{grid-template-columns:repeat(7,1fr)}.cm57u{grid-template-columns:repeat(11,1fr);gap:10px}
.st84{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)}
.st84:hover{transform:translateY(-4px)}.st84 svg{width:100%;height:100%;display:block}
.ln96o{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}
.st84:hover .ln96o,.st84:focus-visible .ln96o{transform:none}
.cd13::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}
.ns99{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}
.xv65{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}
.lu34{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gm31{grid-column:6/span 2;grid-row:1/span 2}
.bz23p{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 14px}
.bz23p h2{font-size:1.35rem;letter-spacing:-.01em;margin:0}.bz23p a{font-weight:700;font-size:.9rem;text-decoration:none;color:var(--lb-link)}
.rk62{position:relative;overflow:hidden}
.ac61 img{width:100%;height:100%;object-fit:cover;display:block}
.rk62 h1{line-height:1.02;letter-spacing:-.03em;font-size:clamp(1.9rem,3.8vw,3.3rem);margin:0 0 12px}
.rk62 .oa79b{max-width:50ch;margin:0 0 12px}.rk62 .sf79x{font-size:.85rem;opacity:.85;margin:0 0 16px;color:inherit}
.cj58v{position:absolute;width:190px;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.cj58v svg{display:block;width:100%;height:auto;aspect-ratio:1}
.kg41{left:10px;top:40px;transform:rotate(-8deg)}.ir18{left:150px;top:-8px;transform:rotate(6deg)}.xj50r{left:240px;top:96px;transform:rotate(-3deg);width:170px}
.xi61t{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}
.qo10{background:var(--lb-cta);color:var(--lb-cta-ink);border-radius:var(--lb-btn)}.qo10:hover{filter:brightness(1.08);background:var(--lb-cta);color:var(--lb-cta-ink)}
.tx54{transition:transform .16s,filter .16s}.tx54:hover{transform:translateY(-1px)}.tx54:active{transform:scale(.97)}
.gp90{display:flex;gap:8px;align-items:center;margin:4px 0 14px}.gp90 .az93d{margin-right:auto;font-weight:700}.gp90 b{background:var(--clr-surface-2);padding:10px 16px;border-radius:9px;font-size:.88rem}
.sv95{display:flex;justify-content:center;gap:34px;padding:12px 20px;overflow:auto;background:var(--lb-band)}
.zf36{display:grid;justify-items:center;gap:6px;min-width:62px;font-size:.78rem;font-weight:700;color:var(--lb-band-ink);opacity:.85}.zf36 b{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:1rem;color:#fff}
.zf36.lb-on{opacity:1}.zf36.lb-on b{background:var(--lb-cta);color:var(--lb-cta-ink)}
.pm54v{display:flex;gap:10px;padding:14px clamp(14px,2.6vw,40px);overflow:auto;max-width:1400px;margin:0 auto}
.mg38q{flex:0 0 auto;background:var(--clr-surface-2);border-radius:999px;padding:10px 18px;font-weight:700;color:var(--clr-text)}.mg38q.lb-on{background:#fff;color:#000}
.aa32{display:flex;gap:10px;padding:16px clamp(14px,2.6vw,34px);overflow:hidden}
.gc92d{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)}.gc92d b{display:block;color:var(--clr-text);font-size:.9rem}.zh88e{width:44px;height:44px;border-radius:8px;overflow:hidden}.zh88e svg{width:100%;height:100%;display:block}
.fb71h{display:flex;align-items:center;gap:12px;padding:6px clamp(14px,2.6vw,34px) 14px;flex-wrap:wrap}
.iy88h{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}.fa43j{background:var(--clr-teal);color:#fff;padding:10px 18px;border-radius:999px;font-weight:800;font-size:.82rem}
.tp21h{margin-left:auto;border:1.5px solid var(--clr-border);border-radius:999px;padding:9px 18px;color:var(--clr-text-dim)}.tp95{background:#1FCB78;color:#04301c;padding:10px 20px;border-radius:999px;font-weight:800;text-decoration:none}
.oz56{padding:8px clamp(14px,2.6vw,34px) 8px}
.pz44{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}
.pj99{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}.pj99:hover{transform:translateY(-3px)}
.ij14{aspect-ratio:1}.ij14 svg{width:100%;height:100%;display:block}.jg74{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.jg74 small{color:var(--clr-text-dim);font-weight:700;letter-spacing:.04em;font-size:.7rem}.jg74 b{font-size:1.5rem;color:var(--clr-gold);font-variant-numeric:tabular-nums;line-height:1.1}.jg74 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}
.rh18z{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)}
.yy57{display:flex;justify-content:center}.yy57 .ab80b{margin:0}
.ih32v{backdrop-filter:none}
@media (max-width:900px){
  .mb20,.uq21,.cm57u{grid-template-columns:repeat(2,1fr)}.lu34{grid-column:span 2;grid-row:auto;aspect-ratio:2/1}.gm31{grid-column:span 2;grid-row:auto}
  .pz44{grid-template-columns:1fr}.hk92{display:none}.rh18z,.tp21h,.tp95{display:none}.sv95{justify-content:flex-start;gap:18px}.xi61t{padding:9px 14px;font-size:.85rem}
}
@media (prefers-reduced-motion:reduce){.st84,.ln96o,.tx54,.pj99{transition:none}}
.jp49x{background:#0F1A66;color:#9FB0FF}.jp49x a{color:#fff}.vw56,.kp65,.zb93{color:#9FB0FF}

h1, h2, h3 { font-family: 'Segoe UI', system-ui, sans-serif; }

/* extras.op61 — 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) ─────────────────────────────────────── */
.wo60t { padding: 3rem 0; border-top: 1px solid var(--clr-border); }
.dt17m { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.wo60t h2 { margin: 0 0 .75rem; }
.zy18t { margin: 1rem 0 1.75rem; padding-left: 1.1rem; }
.zy18t li { margin: .35rem 0; }
.ly82 { display: grid; gap: 1rem; }
.af29 {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
}
.dh60 {
  border-color: var(--clr-teal);
  box-shadow: 0 0 0 1px var(--clr-teal) inset;
}
.jy48 { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.xq59g {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--clr-surface-2);
  font-weight: 700;
}
.dh60 .xq59g { background: var(--clr-teal); color: var(--clr-bg); }
.ep85e { margin: 0; font-size: 1.15rem; flex: 1 1 auto; }
.gu44m { font-weight: 700; color: var(--clr-gold); font-size: 1.1rem; }
.af29 p { margin: .5rem 0; }
.ol81m { font-size: .95rem; opacity: .8; }
.lx55w { margin-top: .9rem; }
.ur52 { margin-top: 1.25rem; font-size: .9rem; opacity: .75; }

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

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

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

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

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

/* ── brand hero, for themes whose skeleton had it only in og:image ──────── */
.gx24n, .bb71p { margin: 1.5rem 0; }
.gx24n img, .bb71p img,
.km85i.fig img, .wh43 img, .vt25 img {
  width: 100%; height: auto; display: block; border-radius: 10px;
}

/* ── topic mode: the article layouts ────────────────────────────────────── */
.oi18b { padding: 1.5rem 0 3rem; }
.gs46r { max-width: 780px; margin: 0 auto; padding: 0 1.25rem; }
.pi15 { font-size: .85rem; opacity: .7; margin: 0 0 .5rem; }
.oi18b h1 { margin: 0 0 1rem; line-height: 1.2; }
.lh31q { margin: 1.5rem auto; max-width: 900px; padding: 0 1.25rem; }
.lh31q img { width: 100%; height: auto; display: block; border-radius: 12px; }
.tt98 { max-width: 1100px; }
.ww49 { max-width: 780px; }
.fl59 p, .if72u p { font-size: 1.05rem; }
.if72u {
  border-left: 3px solid var(--clr-teal);
  padding-left: 1rem;
}
.ce78v { font-size: .9rem; opacity: .8; }
.hv90f { margin: 1.75rem 0; }
.mb11 { font-weight: 700; margin: 0 0 .5rem; }
.hv90f ol { margin: 0; padding-left: 1.2rem; }
.hv90f li { margin: .3rem 0; }
.tu32d ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.tu32d li a {
  display: inline-block; padding: .35rem .7rem;
  background: var(--clr-surface-2); border-radius: 999px; font-size: .9rem;
}
.yz77 { padding: 1.5rem 0; }
.yz77 + .yz77 { border-top: 1px solid var(--clr-border); }
.yz77 h2 { margin: 0 0 .75rem; }
.kq48f {
  display: inline-block; margin-bottom: .4rem;
  font-weight: 700; font-size: 1.4rem; color: var(--clr-teal);
}
.xe81 {
  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);
}
.de39c { display: block; margin: 0 0 1rem; }
.de39c img { width: 100%; height: auto; border-radius: 10px; display: block; }
.gf48t { display: flex; align-items: baseline; gap: .75rem; margin-bottom: .5rem; }
.ym42 { font-size: 1.3rem; font-weight: 700; }
.jh62v { font-weight: 700; color: var(--clr-gold); }
.sk32s { margin: .75rem 0 1rem; padding-left: 1.1rem; }
.sk32s li { margin: .35rem 0; }
.xy36 { padding-left: 1.1rem; }
.su41 { margin: 1rem 0 .5rem; }
.ha31r, .lf96 { font-size: .9rem; opacity: .8; }
.lf96 { margin-top: 2rem; }
.nd27 { 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 */
.xz53m { min-height: 100vh; }
.na77w, .tn90, .rq25c { display: block; }
.dx63, .de43 { display: block; }
.lh23 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}