/* stylesheet */
:root {
  --clr-bg: hsl(285 22% 11%);
  --clr-surface: hsl(285 20% 15%);
  --clr-surface-2: hsl(285 19% 19%);
  --clr-border: hsl(285 16% 23%);
  --clr-teal: hsl(113 69% 51%);
  --clr-teal-dim: hsl(113 69% 39%);
  --clr-gold: hsl(263 79% 58%);
  --clr-gold-dim: hsl(263 79% 44%);
  --clr-text: hsl(150 15% 92%);
  --clr-text-dim: hsl(150 8% 68%);
  --ff-body: Verdana, Geneva, Tahoma, 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); }
.vv44c { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.ht23s { position: absolute; left: -9999px; }
.ht23s:focus { left: 10px; top: 10px; background: var(--clr-teal); color: #04140d; padding: 8px 14px; z-index: 99; }

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

/* hero */
.wn34 { 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)); }
.no82x { color: var(--clr-gold); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; margin-bottom: 14px; }
.wn34 h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); line-height: 1.12; margin-bottom: 18px; }
.wn34 .dw43 { color: var(--clr-teal); }
.lu40y { max-width: 46rem; color: var(--clr-text-dim); font-size: 1.08rem; margin-bottom: 14px; }
.dl47e { font-size: .88rem; color: var(--clr-gold); margin-bottom: 22px; }
.bk81 { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }
.gl61 { display: inline-block; padding: 12px 22px; border-radius: 10px; font-weight: 700; text-decoration: none; border: 2px solid transparent; }
.am53 { background: var(--clr-teal); color: #04140d; }
.am53:hover { background: var(--clr-teal-dim); color: #eafff5; }
.sh32 { border-color: var(--clr-border); color: var(--clr-text); }
.sh32:hover { border-color: var(--clr-teal); }
.va49p { padding: 15px 30px; font-size: 1.06rem; }
.au91 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gw76 { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 14px 18px; }
.gw76 dt { font-size: .8rem; color: var(--clr-text-dim); text-transform: uppercase; letter-spacing: .05em; }
.gw76 dd { font-size: 1.25rem; font-weight: 800; margin-top: 2px; }
.kv22q { font-size: 1rem; }

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

/* score + panels */
.ar29u { display: grid; grid-template-columns: 200px 1fr; gap: 26px; align-items: start; margin-bottom: 18px; }
.hw69 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); text-align: center; padding: 26px 14px; }
.nt77 { display: block; font-size: 3rem; font-weight: 900; color: var(--clr-gold); line-height: 1; }
.an11 { font-size: .85rem; color: var(--clr-text-dim); }
.ni49 { border-left: 3px solid var(--clr-teal); background: var(--clr-surface-2); padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 14px 0; }
.se77l { border-left-color: var(--clr-gold); }
.nz19 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.zx25 { background: var(--clr-surface-2); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 20px; }
.bc95v { border-top: 3px solid var(--clr-teal); }
.xj39n { border-top: 3px solid var(--clr-gold); }
.ro79, .yu98e { list-style: none; margin-left: 0 !important; }
.ro79 li, .yu98e li { padding-left: 26px; position: relative; }
.ro79 li::before { content: '✓'; position: absolute; left: 0; color: var(--clr-teal); font-weight: 800; }
.yu98e li::before { content: '✕'; position: absolute; left: 0; color: var(--clr-gold); font-weight: 800; }

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

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

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

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

/* footer */
.gc88 { border-top: 1px solid var(--clr-border); background: var(--clr-surface); padding: 36px 0 26px; margin-top: 20px; font-size: .92rem; }
.zu49 { margin-bottom: 14px; }
.xn69o { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.gr95k { border: 2px solid var(--clr-gold); color: var(--clr-gold); border-radius: 8px; padding: 2px 9px; font-weight: 800; }
.xw32g { color: var(--clr-text-dim); }
.ga31 ul { display: flex; gap: 18px; flex-wrap: wrap; list-style: none; margin-bottom: 16px; }
.ga31 a { color: var(--clr-text-dim); text-decoration: none; }
.ga31 a:hover { color: var(--clr-teal); }
.ww84z { color: var(--clr-text-dim); font-size: .82rem; margin-bottom: 14px; }
.xr98 { color: var(--clr-text-dim); font-size: .82rem; }

/* inner pages */
.fc44c { padding: 46px 0; }
.gu99 { margin: 0 auto; padding: 0 22px; }
.rg99 ol { display: flex; gap: 8px; list-style: none; font-size: .86rem; color: var(--clr-text-dim); margin-bottom: 18px; }
.rg99 li + li::before { content: '/'; margin-right: 8px; color: var(--clr-border); }
.pg90y { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 12px; }
.yr67r { color: var(--clr-text-dim); font-size: .9rem; margin-bottom: 22px; }
.jl60t { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 22px; margin-bottom: 16px; }
.jl60t h2 { margin-bottom: 10px; font-size: 1.25rem; }
.jl60t p { margin-bottom: 12px; }
.jl60t ul, .jl60t ol { margin: 0 0 12px 22px; }
.zu61 { overflow-x: auto; }
.dj25 { font-size: .84rem; color: var(--clr-text-dim); margin-top: 10px; }
.hm26 .kf74 { margin-bottom: 16px; }
.hm26 label { display: block; font-weight: 600; margin-bottom: 6px; }
.hm26 input, .hm26 select, .hm26 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; }
.hm26 textarea { min-height: 140px; }
.bm70 { font-size: .84rem; color: var(--clr-text-dim); }

@media (max-width: 860px) {
  .gs83 { display: none; }
  .qz65 { display: block; }
  .gs83.mx86 { display: block; position: absolute; top: 62px; left: 0; right: 0; background: var(--clr-surface); }
  .ar29u, .nz19, .pl99, .yc99 { grid-template-columns: 1fr; }
  .au91 { grid-template-columns: 1fr; }
}

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

/* inner-page layout variants */
.sd32c { max-width: 900px; }
.wr39 { margin-bottom: 26px; }
.wr39 h2 { margin-bottom: 10px; }
.el97 { max-width: 980px; display: grid; grid-template-columns: 1fr 220px; gap: 30px; align-items: start; }
.el97 .rg99, .el97 .pg90y { grid-column: 1 / -1; }
.wr55b { grid-column: 2; grid-row: 3 / span 99; border-left: 2px solid var(--clr-border); padding-left: 16px; }
.fq55 { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--clr-text-dim); }
.nf47 { font-weight: 700; }
.ev61m { max-width: 700px; }
.ev61m .jl60t { border-left: 3px solid var(--clr-teal); }
@media (max-width: 820px) {
  .el97 { grid-template-columns: 1fr; }
  .wr55b { grid-column: 1; grid-row: auto; border-left: 0; padding-left: 0; }
}

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

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

/* author */
.iv64 { display: flex; align-items: center; gap: 10px; margin: 14px 0 18px; font-size: .92rem; }
.yj47p { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: 0 0 34px; }
.rd40j { color: var(--clr-text-dim); }
.qg46 { padding: 36px 0; border-top: 1px solid var(--clr-border); }
.mg95n { display: flex; gap: 20px; align-items: flex-start; }
.om77 { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: 0 0 96px; border: 2px solid var(--clr-border); }
.eo65 h2 { font-size: 1.2rem; margin-bottom: 8px; }
.xq29n { font-size: .95rem; color: var(--clr-text-dim); margin-bottom: 10px; }
.eo65 p { margin-bottom: 10px; }

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

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

h1, h2, h3 { font-family: 'Trebuchet MS', Verdana, sans-serif; }

/* extras.oj59z — 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) ─────────────────────────────────────── */
.qd34d { padding: 3rem 0; border-top: 1px solid var(--clr-border); }
.kb22 { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.qd34d h2 { margin: 0 0 .75rem; }
.fo90 { margin: 1rem 0 1.75rem; padding-left: 1.1rem; }
.fo90 li { margin: .35rem 0; }
.es75 { display: grid; gap: 1rem; }
.ao43i {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
}
.uo22x {
  border-color: var(--clr-teal);
  box-shadow: 0 0 0 1px var(--clr-teal) inset;
}
.ai40 { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.th24 {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--clr-surface-2);
  font-weight: 700;
}
.uo22x .th24 { background: var(--clr-teal); color: var(--clr-bg); }
.pb53n { margin: 0; font-size: 1.15rem; flex: 1 1 auto; }
.kv43p { font-weight: 700; color: var(--clr-gold); font-size: 1.1rem; }
.ao43i p { margin: .5rem 0; }
.yl23 { font-size: .95rem; opacity: .8; }
.vt36e { margin-top: .9rem; }
.hb45 { margin-top: 1.25rem; font-size: .9rem; opacity: .75; }

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

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

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

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

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

/* ── brand hero, for themes whose skeleton had it only in og:image ──────── */
.ew45z, .hm65 { margin: 1.5rem 0; }
.ew45z img, .hm65 img,
.fz55.fig img, .zn51a img, .mf79g img {
  width: 100%; height: auto; display: block; border-radius: 10px;
}

/* ── topic mode: the article layouts ────────────────────────────────────── */
.ye99 { padding: 1.5rem 0 3rem; }
.he63 { max-width: 780px; margin: 0 auto; padding: 0 1.25rem; }
.cf44k { font-size: .85rem; opacity: .7; margin: 0 0 .5rem; }
.ye99 h1 { margin: 0 0 1rem; line-height: 1.2; }
.uj37x { margin: 1.5rem auto; max-width: 900px; padding: 0 1.25rem; }
.uj37x img { width: 100%; height: auto; display: block; border-radius: 12px; }
.mz57k { max-width: 1100px; }
.xf49 { max-width: 780px; }
.ri10m p, .cq13j p { font-size: 1.05rem; }
.cq13j {
  border-left: 3px solid var(--clr-teal);
  padding-left: 1rem;
}
.fj66 { font-size: .9rem; opacity: .8; }
.tc45j { margin: 1.75rem 0; }
.km93n { font-weight: 700; margin: 0 0 .5rem; }
.tc45j ol { margin: 0; padding-left: 1.2rem; }
.tc45j li { margin: .3rem 0; }
.ll79f ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.ll79f li a {
  display: inline-block; padding: .35rem .7rem;
  background: var(--clr-surface-2); border-radius: 999px; font-size: .9rem;
}
.nq69 { padding: 1.5rem 0; }
.nq69 + .nq69 { border-top: 1px solid var(--clr-border); }
.nq69 h2 { margin: 0 0 .75rem; }
.ws53 {
  display: inline-block; margin-bottom: .4rem;
  font-weight: 700; font-size: 1.4rem; color: var(--clr-teal);
}
.uo75 {
  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);
}
.os26c { display: block; margin: 0 0 1rem; }
.os26c img { width: 100%; height: auto; border-radius: 10px; display: block; }
.te93j { display: flex; align-items: baseline; gap: .75rem; margin-bottom: .5rem; }
.zj66 { font-size: 1.3rem; font-weight: 700; }
.sr61e { font-weight: 700; color: var(--clr-gold); }
.ie41r { margin: .75rem 0 1rem; padding-left: 1.1rem; }
.ie41r li { margin: .35rem 0; }
.yi49y { padding-left: 1.1rem; }
.kv73w { margin: 1rem 0 .5rem; }
.je84a, .ax86c { font-size: .9rem; opacity: .8; }
.ax86c { margin-top: 2rem; }
.fl45j { 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 */
.rp64 { min-height: 100vh; }
.wz47, .jy57x, .vc73 { display: block; }
.af91, .nx65 { display: block; }
.hd43g ol { list-style: decimal; }