/* stylesheet */
:root {
  --clr-bg: hsl(255 22% 8%);
  --clr-surface: hsl(255 20% 12%);
  --clr-surface-2: hsl(255 19% 16%);
  --clr-border: hsl(255 16% 20%);
  --clr-teal: hsl(217 55% 56%);
  --clr-teal-dim: hsl(217 55% 44%);
  --clr-gold: hsl(7 65% 58%);
  --clr-gold-dim: hsl(7 65% 44%);
  --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); }
.wi66t { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.bh40b { position: absolute; left: -9999px; }
.bh40b:focus { left: 10px; top: 10px; background: var(--clr-teal); color: #04140d; padding: 8px 14px; z-index: 99; }

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

/* hero */
.cy86 { 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)); }
.fa45 { color: var(--clr-gold); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; margin-bottom: 14px; }
.cy86 h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); line-height: 1.12; margin-bottom: 18px; }
.cy86 .kb55d { color: var(--clr-teal); }
.ja90 { max-width: 46rem; color: var(--clr-text-dim); font-size: 1.08rem; margin-bottom: 14px; }
.xh14d { font-size: .88rem; color: var(--clr-gold); margin-bottom: 22px; }
.vl17 { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }
.wv53 { display: inline-block; padding: 12px 22px; border-radius: 10px; font-weight: 700; text-decoration: none; border: 2px solid transparent; }
.uu91b { background: var(--clr-teal); color: #04140d; }
.uu91b:hover { background: var(--clr-teal-dim); color: #eafff5; }
.qu20 { border-color: var(--clr-border); color: var(--clr-text); }
.qu20:hover { border-color: var(--clr-teal); }
.af98n { padding: 15px 30px; font-size: 1.06rem; }
.uj85p { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.tc74 { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 14px 18px; }
.tc74 dt { font-size: .8rem; color: var(--clr-text-dim); text-transform: uppercase; letter-spacing: .05em; }
.tc74 dd { font-size: 1.25rem; font-weight: 800; margin-top: 2px; }
.bd79d { font-size: 1rem; }

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

/* score + panels */
.vj70l { display: grid; grid-template-columns: 200px 1fr; gap: 26px; align-items: start; margin-bottom: 18px; }
.ou61 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); text-align: center; padding: 26px 14px; }
.qj72y { display: block; font-size: 3rem; font-weight: 900; color: var(--clr-gold); line-height: 1; }
.gk16 { font-size: .85rem; color: var(--clr-text-dim); }
.af87c { border-left: 3px solid var(--clr-teal); background: var(--clr-surface-2); padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 14px 0; }
.vl46i { border-left-color: var(--clr-gold); }
.nw26k { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.uc22 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; }
.ja41 { border-top: 3px solid var(--clr-teal); }
.xz11 { border-top: 3px solid var(--clr-gold); }
.sy54, .ff93v { list-style: none; margin-left: 0 !important; }
.sy54 li, .ff93v li { padding-left: 26px; position: relative; }
.sy54 li::before { content: '✓'; position: absolute; left: 0; color: var(--clr-teal); font-weight: 800; }
.ff93v li::before { content: '✕'; position: absolute; left: 0; color: var(--clr-gold); font-weight: 800; }

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

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

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

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

/* footer */
.yz95g { border-top: 1px solid var(--clr-border); background: var(--clr-surface); padding: 36px 0 26px; margin-top: 20px; font-size: .92rem; }
.fe25 { margin-bottom: 14px; }
.jn83 { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.yu32c { border: 2px solid var(--clr-gold); color: var(--clr-gold); border-radius: 8px; padding: 2px 9px; font-weight: 800; }
.ee93d { color: var(--clr-text-dim); }
.qs57 ul { display: flex; gap: 18px; flex-wrap: wrap; list-style: none; margin-bottom: 16px; }
.qs57 a { color: var(--clr-text-dim); text-decoration: none; }
.qs57 a:hover { color: var(--clr-teal); }
.ej27 { color: var(--clr-text-dim); font-size: .82rem; margin-bottom: 14px; }
.ri65 { color: var(--clr-text-dim); font-size: .82rem; }

/* inner pages */
.ga85 { padding: 46px 0; }
.mc22o { margin: 0 auto; padding: 0 22px; }
.ag96u ol { display: flex; gap: 8px; list-style: none; font-size: .86rem; color: var(--clr-text-dim); margin-bottom: 18px; }
.ag96u li + li::before { content: '/'; margin-right: 8px; color: var(--clr-border); }
.sv88 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 12px; }
.yb48n { color: var(--clr-text-dim); font-size: .9rem; margin-bottom: 22px; }
.lm76 { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 22px; margin-bottom: 16px; }
.lm76 h2 { margin-bottom: 10px; font-size: 1.25rem; }
.lm76 p { margin-bottom: 12px; }
.lm76 ul, .lm76 ol { margin: 0 0 12px 22px; }
.jm27 { overflow-x: auto; }
.bw72 { font-size: .84rem; color: var(--clr-text-dim); margin-top: 10px; }
.lp86f .vn70 { margin-bottom: 16px; }
.lp86f label { display: block; font-weight: 600; margin-bottom: 6px; }
.lp86f input, .lp86f select, .lp86f 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; }
.lp86f textarea { min-height: 140px; }
.fu96j { font-size: .84rem; color: var(--clr-text-dim); }

@media (max-width: 860px) {
  .ua48 { display: none; }
  .tn81 { display: block; }
  .ua48.tl85d { display: block; position: absolute; top: 62px; left: 0; right: 0; background: var(--clr-surface); }
  .vj70l, .nw26k, .tz94b, .cw65h { grid-template-columns: 1fr; }
  .uj85p { grid-template-columns: 1fr; }
}

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

/* inner-page layout variants */
.lu57i { max-width: 900px; }
.go14 { margin-bottom: 26px; }
.go14 h2 { margin-bottom: 10px; }
.ii48g { max-width: 980px; display: grid; grid-template-columns: 1fr 220px; gap: 30px; align-items: start; }
.ii48g .ag96u, .ii48g .sv88 { grid-column: 1 / -1; }
.ov44m { grid-column: 2; grid-row: 3 / span 99; border-left: 2px solid var(--clr-border); padding-left: 16px; }
.is27k { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--clr-text-dim); }
.yn71 { font-weight: 700; }
.ba65x { max-width: 700px; }
.ba65x .lm76 { border-left: 3px solid var(--clr-teal); }
@media (max-width: 820px) {
  .ii48g { grid-template-columns: 1fr; }
  .ov44m { grid-column: 1; grid-row: auto; border-left: 0; padding-left: 0; }
}

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

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

/* author */
.wn18 { display: flex; align-items: center; gap: 10px; margin: 14px 0 18px; font-size: .92rem; }
.ls27y { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: 0 0 34px; }
.ob73u { color: var(--clr-text-dim); }
.yl45 { padding: 36px 0; border-top: 1px solid var(--clr-border); }
.ja81n { display: flex; gap: 20px; align-items: flex-start; }
.cn91 { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: 0 0 96px; border: 2px solid var(--clr-border); }
.iy44 h2 { font-size: 1.2rem; margin-bottom: 8px; }
.ji12 { font-size: .95rem; color: var(--clr-text-dim); margin-bottom: 10px; }
.iy44 p { margin-bottom: 10px; }

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

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

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

/* extras.ew60 — 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) ─────────────────────────────────────── */
.ar75 { padding: 3rem 0; border-top: 1px solid var(--clr-border); }
.ae38 { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.ar75 h2 { margin: 0 0 .75rem; }
.gs96l { margin: 1rem 0 1.75rem; padding-left: 1.1rem; }
.gs96l li { margin: .35rem 0; }
.ng22 { display: grid; gap: 1rem; }
.oj57 {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
}
.nj47 {
  border-color: var(--clr-teal);
  box-shadow: 0 0 0 1px var(--clr-teal) inset;
}
.yp90 { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.dw47t {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--clr-surface-2);
  font-weight: 700;
}
.nj47 .dw47t { background: var(--clr-teal); color: var(--clr-bg); }
.yd16 { margin: 0; font-size: 1.15rem; flex: 1 1 auto; }
.ij18j { font-weight: 700; color: var(--clr-gold); font-size: 1.1rem; }
.oj57 p { margin: .5rem 0; }
.bf31e { font-size: .95rem; opacity: .8; }
.qe37i { margin-top: .9rem; }
.si60y { margin-top: 1.25rem; font-size: .9rem; opacity: .75; }

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

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

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

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

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

/* ── brand hero, for themes whose skeleton had it only in og:image ──────── */
.qx81, .uc44l { margin: 1.5rem 0; }
.qx81 img, .uc44l img,
.nc15s.fig img, .rn87o img, .jl60m img {
  width: 100%; height: auto; display: block; border-radius: 10px;
}

/* ── topic mode: the article layouts ────────────────────────────────────── */
.ix61 { padding: 1.5rem 0 3rem; }
.cz18c { max-width: 780px; margin: 0 auto; padding: 0 1.25rem; }
.lm89 { font-size: .85rem; opacity: .7; margin: 0 0 .5rem; }
.ix61 h1 { margin: 0 0 1rem; line-height: 1.2; }
.am90o { margin: 1.5rem auto; max-width: 900px; padding: 0 1.25rem; }
.am90o img { width: 100%; height: auto; display: block; border-radius: 12px; }
.vp21 { max-width: 1100px; }
.kh90 { max-width: 780px; }
.pn97r p, .kn69 p { font-size: 1.05rem; }
.kn69 {
  border-left: 3px solid var(--clr-teal);
  padding-left: 1rem;
}
.je53h { font-size: .9rem; opacity: .8; }
.yj34i { margin: 1.75rem 0; }
.ha14 { font-weight: 700; margin: 0 0 .5rem; }
.yj34i ol { margin: 0; padding-left: 1.2rem; }
.yj34i li { margin: .3rem 0; }
.hn64q ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.hn64q li a {
  display: inline-block; padding: .35rem .7rem;
  background: var(--clr-surface-2); border-radius: 999px; font-size: .9rem;
}
.io47q { padding: 1.5rem 0; }
.io47q + .io47q { border-top: 1px solid var(--clr-border); }
.io47q h2 { margin: 0 0 .75rem; }
.vo31 {
  display: inline-block; margin-bottom: .4rem;
  font-weight: 700; font-size: 1.4rem; color: var(--clr-teal);
}
.yf80 {
  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);
}
.lz52 { display: block; margin: 0 0 1rem; }
.lz52 img { width: 100%; height: auto; border-radius: 10px; display: block; }
.jq80l { display: flex; align-items: baseline; gap: .75rem; margin-bottom: .5rem; }
.pu27 { font-size: 1.3rem; font-weight: 700; }
.hg66 { font-weight: 700; color: var(--clr-gold); }
.fk85k { margin: .75rem 0 1rem; padding-left: 1.1rem; }
.fk85k li { margin: .35rem 0; }
.ij59r { padding-left: 1.1rem; }
.fz47 { margin: 1rem 0 .5rem; }
.xr42t, .hf85r { font-size: .9rem; opacity: .8; }
.hf85r { margin-top: 2rem; }
.jn20w { 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 */
.fz12 { min-height: 100vh; }
.iy90i, .oi55x, .kd85x { display: block; }
.xf16y, .fm57u { display: block; }
.zo35 ol { list-style: decimal; }