/* ==================================================================
   Open Position Capital — shared article + site stylesheet
   Tokens, theme switching, and article typography live here so a
   typography change never again means editing every article file.
   ================================================================== */

:root[data-theme="dark"]{
  --bg:#16181C;
  --surface:#1D2026;
  --line:#2C313A;
  --text:#E9EAEC;
  --muted:#B4B9C2;
  --faint:#8A909B;
  --accent:#F0B429;
  --accent-soft:rgba(240,180,41,.13);
  --up:#4FB477;
  --down:#D9704F;
  --green:#4FB477;
  --red:#D9704F;
  --blue:#5B8DEF;
  --viz-bg:#1D2026;
  --viz-border:#2C313A;
}
:root[data-theme="light"]{
  --bg:#FBFAF7;
  --surface:#FFFFFF;
  --line:#E3E0D8;
  --text:#1B1D22;
  --muted:#4A4F58;
  --faint:#7A8089;
  --accent:#9A6B06;
  --accent-soft:rgba(154,107,6,.1);
  --up:#3E9860;
  --down:#C15A3C;
  --green:#3E9860;
  --red:#C15A3C;
  --blue:#3E68C9;
  --viz-bg:#1D2026;
  --viz-border:#2C313A;
}
/* fallback before the inline anti-flash script sets data-theme (and the
   permanent value on every page that never sets data-theme at all —
   every page outside /journal/<article>, which is always dark) */
:root{
  --bg:#16181C;--surface:#1D2026;--line:#2C313A;--text:#E9EAEC;--muted:#B4B9C2;--faint:#8A909B;
  --accent:#F0B429;--accent-soft:rgba(240,180,41,.13);--up:#4FB477;--down:#D9704F;
  --green:#4FB477;--red:#D9704F;--blue:#5B8DEF;
  --viz-bg:#1D2026;--viz-border:#2C313A;
  --disp:'Fraunces',Georgia,serif;--mono:'IBM Plex Mono',monospace;--body:'IBM Plex Sans',system-ui,sans-serif;
}
html{scrollbar-gutter:stable}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none;text-underline-offset:3px}
b,strong{font-weight:600}

/* ============ SITE-WIDE TYPOGRAPHY SCALE ============
   One scale, everywhere — not just inside articles. Weights are
   restricted to 400/600/700 site-wide; 700 only on h1/h2. */
h1{font-family:var(--disp);font-weight:700;font-size:40px;line-height:1.25;color:var(--text)}
h2{font-family:var(--disp);font-weight:700;font-size:29px;line-height:1.25;margin-top:52px;color:var(--text)}
h3{font-family:var(--disp);font-weight:600;font-size:22px;line-height:1.25;color:var(--text)}
p{font-family:var(--body);font-size:19px;line-height:1.68;color:var(--text)}
.lead{font-family:var(--body);font-size:21.5px;line-height:1.68;color:var(--muted)}
.cap{font-family:var(--mono);font-size:13px;color:var(--faint);margin-top:10px}
@media(max-width:620px){
  h1{font-size:31px}
  h2{font-size:25px}
  h3{font-size:20px}
  p{font-size:18px}
  .lead{font-size:19.5px}
}

/* ============ HEADER ============ */
.opnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--bg) 93%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.opnav .in{max-width:900px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:auto;position:relative}
.opbrand{display:flex;align-items:center;font-family:var(--mono);font-size:12.5px;letter-spacing:1.5px;font-weight:600;color:var(--text);text-decoration:none;flex:none;line-height:1}
.opbrand svg{width:20px;height:20px;margin-right:9px;color:var(--accent);flex:none;display:block}
.opnav-right{display:flex;align-items:center;gap:22px}
.oplinks{display:flex;gap:26px}
.oplinks a{font-family:var(--mono);font-size:15px;color:var(--faint);text-decoration:none;padding-bottom:18px;border-bottom:2px solid transparent;white-space:nowrap;line-height:1}
.oplinks a.on{color:var(--accent);border-bottom-color:var(--accent)}
@media(max-width:700px){
  .opnav .in{flex-direction:column;align-items:stretch;gap:0;padding-bottom:0}
  .opbrand{padding:12px 0}
  .opnav-right{display:contents}
  .oplinks{order:1;gap:20px;overflow-x:auto;border-top:1px solid var(--line);padding-top:11px;padding-right:44px;scrollbar-width:none;-ms-overflow-style:none}
  .oplinks::-webkit-scrollbar{display:none}
  .oplinks a{padding-bottom:11px;white-space:nowrap}
}

/* ============ FOOTER ============ */
.opfoot{border-top:1px solid var(--line);margin-top:72px;padding:40px 20px 32px;text-align:center}
.of-in{max-width:520px;margin:0 auto}
.of-mark{display:inline-flex;color:var(--accent);margin-bottom:14px}
.of-mark svg{width:44px;height:44px;display:block}
.of-name{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--text);margin-bottom:6px}
.of-tag{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.5px;margin-bottom:20px}
.of-tg{display:inline-block;font-family:var(--body);font-weight:600;font-size:15px;color:var(--accent);text-decoration:none;padding:10px 22px;border:1px solid var(--accent-soft);border-radius:30px;margin-bottom:22px;transition:.15s}
.of-tg:hover{background:var(--accent-soft)}
.of-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.of-links a{font-family:var(--mono);font-size:11.5px;color:var(--faint);text-decoration:none}
.of-links a:hover{color:var(--muted)}
.of-disc{font-family:var(--mono);font-size:11px;color:var(--faint);line-height:1.6}
@media(max-width:480px){.opfoot{padding:32px 16px 26px}}

/* ============ ARTICLE CONTAINER ============
   Every rule below the container is scoped under the <article> tag —
   the only place this markup pattern appears — so these class names
   (many intentionally short/generic) never leak onto other pages that
   happen to reuse the same class for something unrelated. */
article{max-width:720px;margin:0 auto;padding:40px 22px 0}

/* ============ ARTICLE TYPOGRAPHY — spacing rhythm only;
   size/weight/line-height come from the site-wide scale above ============ */
article p, article li{font-weight:400}
article p{margin-bottom:20px}
article .lead{font-weight:400;margin-bottom:34px}
article h1{margin-bottom:16px}
article h2{margin-top:52px;margin-bottom:16px}
article h3{margin-top:34px;margin-bottom:12px;color:var(--accent)}
article b, article strong{color:var(--text);font-weight:600}
article ul, article ol{margin:0 0 20px;padding-left:0;list-style:none}
article li{padding:0 0 12px 26px;position:relative;margin-bottom:0}
article li::before{content:"";position:absolute;left:4px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
article ol{counter-reset:c}
article ol li{counter-increment:c}
article ol li::before{content:counter(c);background:none;width:auto;height:auto;top:0;left:0;font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:600;border-radius:0}

/* ============ SHARED COMPONENTS — global, used identically on every
   page (article-scoped only where the class is genuinely article-only) ============ */
.crumbs{font-family:var(--mono);font-size:12px;color:var(--faint);margin-bottom:20px}
.crumbs a{color:var(--faint)}
.crumbs span{margin:0 7px;opacity:.6}
article .eyebrow{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.badge{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:2.5px;color:var(--up);border:1px solid rgba(79,180,119,.45);background:rgba(79,180,119,.08);padding:6px 13px;border-radius:5px;text-transform:uppercase;font-weight:600}
.meta{font-family:var(--mono);font-size:12.5px;color:var(--faint);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.meta>span{flex:1;min-width:0}
.theme-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-family:var(--mono);font-size:12px;color:var(--muted);cursor:pointer;flex:none}
.theme-toggle:hover{border-color:var(--accent);color:var(--text)}
.theme-toggle svg{width:14px;height:14px;flex:none}
.theme-toggle .tt-label{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--faint);white-space:nowrap}
@media(max-width:379px){.theme-toggle .tt-label{display:none}}
article .pull{font-family:var(--disp);font-style:italic;font-size:21px;color:var(--text);border-left:2px solid var(--accent);padding-left:18px;margin:30px 0;line-height:1.4}

/* Card — used for metric tiles, tier cards, post cards, everywhere */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}

/* Status pill — in-portfolio / candidate / rejected */
.st{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase;border-radius:5px;padding:3px 9px}
.st.buy{color:var(--up);background:rgba(79,180,119,.1)}
.st.wait{color:var(--accent);background:var(--accent-soft)}
.st.no{color:var(--faint);background:rgba(138,144,155,.1)}

/* Link-button */
.lk{display:inline-block;font-family:var(--mono);font-size:11.5px;color:var(--accent);border:1px solid rgba(240,180,41,.35);border-radius:6px;padding:4px 10px;text-decoration:none}
.lk:hover{background:var(--accent-soft)}

article .viz{background:var(--viz-bg);border:1px solid var(--viz-border);border-radius:12px;padding:20px 14px;margin:26px 0}
article .viz svg{width:100%;height:auto;display:block;max-width:100%}
article .viz .cap{text-align:center;padding:0 8px;line-height:1.5}

article .ex{background:var(--surface);border-left:3px solid var(--blue);border-radius:8px;padding:20px 24px;margin:24px 0}
article .ex .h{font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--blue);text-transform:uppercase;margin-bottom:12px}
article .ex p{font-size:15.5px;line-height:1.6;margin-bottom:8px;color:var(--muted)}
article .ex p:last-child{margin-bottom:0}
article .ex b{color:var(--text)}

.note, article .voice{background:var(--surface);border-left:3px solid var(--accent);border-radius:12px;padding:22px;margin:24px 0;font-size:18.5px;line-height:1.68;color:var(--muted)}
.note b{color:var(--text)}
.warn{border-left-color:var(--down)}
article .voice{padding:22px 24px;border:1px solid var(--line)}
article .voice .vt{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
article .voice p{margin-bottom:12px;color:var(--text);font-style:italic}
article .voice p:last-child{margin-bottom:0}

.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}
.tbl{width:100%;border-collapse:collapse;font-size:17px;min-width:540px}
.tbl th{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--faint);text-align:left;padding:11px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--text);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.tbl td.n, .tbl td.tk{font-family:var(--mono);white-space:nowrap}
.tbl .up{color:var(--up)}
.tbl .dn{color:var(--down)}
.tbl tr.tot td{font-weight:600;border-top:1px solid var(--line)}
article .cmp-wrap{overflow-x:auto;margin:20px 0}
article .cmp{width:100%;border-collapse:collapse;font-size:15px}
article .cmp th{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--faint);text-align:left;padding:10px}
article .cmp td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--text)}
article .cmp td:first-child{color:var(--muted)}
article .cmp tr:last-child td{border-bottom:0}
article .sc{width:100%;border-collapse:collapse;font-size:14px}
article .sc th, article .sc td{padding:9px 10px;border-bottom:1px solid var(--line)}
article .sc td.w{font-family:var(--mono);text-align:right}
article .sc tr.tot td{font-weight:600;border-top:1px solid var(--line)}

article .steps{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 24px;margin:22px 0}
article .st{display:flex;padding:14px 0;border-bottom:1px solid var(--line)}
article .st:last-child{border-bottom:none}
article .st .n{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:600;width:32px;flex:none;padding-top:2px}
article .st .t{flex:1;font-size:15.5px;color:var(--text)}
article .st .t b{color:var(--text)}

article .more{margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
article .more .h{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--faint);text-transform:uppercase;margin-bottom:12px}
article .more a{display:block;font-size:16px;margin-bottom:8px}
article .related{margin:32px 0}
article .related a{display:block;font-size:16px;margin-bottom:8px}

article .disc, article .disclaimer{font-family:var(--mono);font-size:11.5px;color:var(--faint);line-height:1.6;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}

article .cta, article .cta-box{background:var(--surface);border:1px solid var(--accent-soft);border-radius:16px;padding:28px 32px;margin:44px 0 0;text-align:center}
article .cta .h, article .cta-box h3{font-family:var(--disp);font-weight:600;font-size:22px;margin-bottom:10px;color:var(--text)}
article .cta p, article .cta-box p{color:var(--muted);margin-bottom:20px}
article .cta a, article .btn{font-family:var(--mono);font-size:14.5px;font-weight:600;text-decoration:none;padding:14px 26px;border-radius:10px;background:var(--accent);color:var(--bg);display:inline-block;transition:.16s}
article .cta a:hover, article .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--accent)}

article .chain{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:22px 0;font-family:var(--mono);font-size:13px}
article .chain .step{padding:8px 14px;border-radius:8px;background:var(--bg);color:var(--muted)}
article .chain .step.hot, article .chain .step.you{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft)}
article .chain .step.end{color:var(--text)}
article .chain .arr{color:var(--faint)}
article .chain-label{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:center;margin-top:8px}

article .data{background:var(--surface);border-left:3px solid var(--accent);border-radius:10px;padding:20px 22px;margin:22px 0}
article .data .row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13.5px}
article .data .row:last-child{border:0}
article .data .row .k{color:var(--muted)}
article .data .row .v{color:var(--accent);text-align:right}

article .case{background:var(--surface);border:1px solid var(--accent-soft);border-radius:16px;padding:28px;margin:32px 0}
article .case .ct{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
article .case p{margin-bottom:14px;color:var(--text)}
article .case .links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
article .case .links a{font-family:var(--mono);font-size:13px;text-decoration:none;padding:11px 18px;border-radius:8px;border:1px solid var(--accent-soft);color:var(--accent);transition:.15s}
article .case .links a:hover{background:var(--accent-soft)}

article .quote{font-family:var(--disp);font-style:italic;font-size:20px;color:var(--text);border-left:2px solid var(--accent);padding-left:18px;margin:28px 0;line-height:1.5}
article .quote .who{font-family:var(--mono);font-style:normal;font-size:12px;color:var(--faint);margin-top:8px}
article .quote p{margin-bottom:8px}

article .callout, article .author-note, article .prompt-box, article .risk-box, article .stat, article .ind{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:18px 22px;margin:22px 0}
article .author-note .tag, article .callout .tag, article .prompt-box .pl{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
article .stat .row, article .risk-box .row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13.5px}
article .stat .row:last-child, article .risk-box .row:last-child{border:0}
article .stat .row .k, article .risk-box .row .k{color:var(--muted)}
article .stat .row .v, article .risk-box .row .v{color:var(--text)}

article .balance{margin:20px 0}
article .balance li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--text)}
article .balance li:last-child{border:0}

article .pillar, article .live{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:20px 0}
article .pillar h3, article .live h3{margin-top:0}
article .pillar .role{font-family:var(--mono);font-size:12px;color:var(--faint)}
article .live .lt{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}
article .live .links{margin-top:10px}
article .live .links a{margin-right:14px}
article .live .fine{font-size:12px;color:var(--faint);margin-top:10px}

article figure{margin:26px 0}
article figure img{width:100%;border-radius:12px;display:block}
article figure figcaption{font-family:var(--mono);font-size:13px;color:var(--faint);text-align:center;margin-top:10px}

article .facts{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}
article .fc{flex:1 1 200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
article .fc .k{font-family:var(--mono);font-size:11px;color:var(--faint);text-transform:uppercase}
article .fc .v{font-family:var(--disp);font-size:26px;font-weight:700;margin:8px 0;color:var(--text)}
article .fc .s{font-size:13px;color:var(--muted)}

article .axes{margin:20px 0}
article .ax{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
article .ax:last-child{border:0}
article .ax .n{font-family:var(--mono);color:var(--accent);width:26px;flex:none}
article .ax .w{font-family:var(--mono);font-size:12px;color:var(--faint);width:70px;flex:none}
article .ax .track{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden;margin:0 12px}
article .ax .fill{height:100%;background:var(--accent);border-radius:3px}
article .ax .b{display:block}

article .co{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:18px 0}
article .co .top{display:flex;justify-content:space-between;align-items:baseline}
article .co .t{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--text)}
article .co .st{font-family:var(--mono);font-size:12px;color:var(--faint)}
article .co .n{font-family:var(--mono);color:var(--accent)}
article .co p{margin-top:10px;color:var(--muted)}
article .co p:last-child{margin-bottom:0}

article .ph{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin:20px 0}
article .ph .n{font-family:var(--disp);font-size:24px;font-weight:700;color:var(--text)}
article .ph .t{color:var(--muted)}
article .ph .s{font-size:13px;color:var(--faint)}
article .ph p{margin-top:10px}
article .ph p:last-child{margin-bottom:0}
article .ph.e .n, article .ph.r .n{color:var(--red)}
article .ph.l .n, article .ph.m .n{color:var(--green)}

article .ind h3{margin-top:0}

article .scale{display:flex;gap:2px;margin:20px 0}
article .scale div{flex:1;height:8px;background:var(--line);border-radius:2px}

article .frac{display:inline-flex;flex-direction:column;font-family:var(--mono);text-align:center;vertical-align:middle;margin:0 4px}
article .frac .n, article .frac .d{padding:0 4px}
article .frac .n{border-bottom:1px solid var(--text)}

/* ============ ARTICLE-SPECIFIC, uniquely scoped to avoid
   short-classname collisions between unrelated articles ============ */
html:has(link[rel="canonical"][href$="/journal/strategiya-shtangi-80-20-na-praktike"]) .ax{padding:15px 0}
html:has(link[rel="canonical"][href$="/journal/strategiya-shtangi-80-20-na-praktike"]) .ax .t{width:180px;flex:none;margin-right:16px;font-family:var(--mono);font-size:13px;color:var(--accent)}
html:has(link[rel="canonical"][href$="/journal/strategiya-shtangi-80-20-na-praktike"]) .calc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px 26px;margin:22px 0}
html:has(link[rel="canonical"][href$="/journal/strategiya-shtangi-80-20-na-praktike"]) .res{display:flex;flex-wrap:wrap;margin:24px -8px}

html:has(link[rel="canonical"][href$="/journal/nvidia-pokupaet-hugging-face-razbor"]) .ax{align-items:flex-start;padding:16px 0}
html:has(link[rel="canonical"][href$="/journal/nvidia-pokupaet-hugging-face-razbor"]) .ax .t{font-family:var(--mono);font-size:13px;color:var(--accent);width:118px;flex:none}
html:has(link[rel="canonical"][href$="/journal/nvidia-pokupaet-hugging-face-razbor"]) .fc{flex:1 1 200px}

html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .f{padding:18px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:16px 0}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .f .lbl{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--faint);text-transform:uppercase}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .res{font-family:var(--disp);font-size:28px;font-weight:700;color:var(--green);margin-top:6px}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .eq{font-family:var(--mono);font-size:19px;color:var(--text);display:inline-flex;align-items:center}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .calc{font-family:var(--mono);font-size:15px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .sc{font-size:14px}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .part{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .kick{font-family:var(--mono);font-size:12px;letter-spacing:2.5px;color:var(--accent);text-transform:uppercase}
html:has(link[rel="canonical"][href$="/journal/kak-professionaly-otbirayut-venchurnye-kompanii"]) .foot{margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}

html:has(link[rel="canonical"][href$="/journal/strategiya-long-short-hedge-fond"]) .f{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:22px 0}
html:has(link[rel="canonical"][href$="/journal/strategiya-long-short-hedge-fond"]) .f .lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:2px;color:var(--faint);text-transform:uppercase}
html:has(link[rel="canonical"][href$="/journal/strategiya-long-short-hedge-fond"]) .eq{font-family:var(--mono);font-size:18px;color:var(--text);overflow-wrap:anywhere;line-height:1.5}
html:has(link[rel="canonical"][href$="/journal/strategiya-long-short-hedge-fond"]) .eq .op{color:var(--accent);margin:0 8px}

/* ============ MOBILE ============ */
@media(max-width:620px){
  article{padding-left:18px;padding-right:18px}
  article p, article li{font-size:18px;line-height:1.7}
  article .lead{font-size:19.5px}
  article h2{font-size:25px}
  article .note, article .voice{font-size:17.5px}
  article .tbl{font-size:14px}
  article .tbl th, article .tbl td{padding:9px 6px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}