/* ==========================================================================
LIQUIDITY SWEEP TRADING — PREMIUM LAYER v2 (2026-09-25, owner request)
--------------------------------------------------------------------------
Replaces the v1 "trading-site" finish (glow, bevel, glass, particles, pills),
judged dated by the owner. v2 returns to the premium class of the site's base
reference, theaibuilders.co (the design ds.css was first built from),
rendered dark, with lime #d9ff43 as the ONE colour for action and emphasis.
Rules of the layer:
· type leads — DM Sans 600, tight tracking, for every heading; the words
the headline leans on (.hl / .thin) switch to Instrument Serif italic,
in lime; DM Mono uppercase for every label, lime diamond before eyebrows;
· flat — no shadow, no glow, no gradient fill, no glass; surfaces are one
step lighter than the ground and drawn with a 1px hairline;
· square — buttons, cards, inputs, tables, figures: 0 radius;
· lime = action (buttons, focus, links' underline) + emphasis (serif
accents, diamonds, numbers, the proof band). Nothing else is lime.
Loaded LAST (apply_charter.py injects the after charter.css) and it
re-points the font tokens; apply_charter.py loads the matching Google Fonts
(DM Sans / DM Mono / Instrument Serif). Remove the to roll back.
========================================================================== */
:root{
--rf-ground:#0b0c0f; --rf-alt:#0f1115;
--rf-panel:#14161c; --rf-panel-2:#191c23; --rf-elev:#1f222a;
--rf-fg:#f4f1ea; --rf-body:#bfc1c6; --rf-muted:#9a9ca3; --rf-subtle:#6d7078;
--rf-line:rgb(244 241 234 / .1); --rf-line-2:rgb(244 241 234 / .2); --rf-line-3:rgb(244 241 234 / .34);
--rf-lime:#d9ff43; --rf-lime-hi:#e6ff7e; --rf-ink:#14161c;
--rf-ease:cubic-bezier(.22,1,.36,1);
/* type: the reference stack */
--f-display:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
--f-ui:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
--f-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
--f-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--f-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
/* charter tokens re-pointed */
--c-bg:var(--rf-ground); --c-fg:var(--rf-fg); --c-body:var(--rf-body);
--c-muted:var(--rf-muted); --c-subtle:var(--rf-subtle);
--c-surface:var(--rf-panel); --c-elevated:var(--rf-panel-2);
--c-border:var(--rf-line); --c-border-strong:var(--rf-line-2);
--c-accent:var(--rf-lime); --c-accent-fg:var(--rf-ink);
--c-btn:var(--rf-lime); --c-btn-fg:var(--rf-ink);
}
/* legacy token contexts (same selector group as charter.css, so this wins) */
:root,
body,.site,.section,.section.soft,.pp-alt,.blogwrap,.pp,.pp-proof,.related,
.prose,.art,.ds-paper-scope,
.pp-hero,.pp-final,.hero,.page-head,.widget-cta,.tool-strip,.news,
.header,.topbar,.footer,.mega,.buybar,.buypanel,.cta-band{
--ink:#f4f1ea; --text:#bfc1c6; --muted:#9a9ca3; --subtle:#6d7078;
--bg:#0b0c0f; --soft:#0f1115; --soft-2:#14161c;
--panel:#14161c; --panel-2:#191c23;
--line:rgb(244 241 234 / .1); --line-2:rgb(244 241 234 / .2);
--pp-card:#14161c; --pp-card-2:#191c23; --pp-line:rgb(244 241 234 / .1);
--sh:none; --sh-sm:none; --sh-primary:none;
--primary:#d9ff43; --primary-600:#e6ff7e; --primary-700:#c8ee2e;
--primary-050:rgb(217 255 67 / .07); --primary-100:rgb(217 255 67 / .12);
--primary-200:rgb(217 255 67 / .24);
--gold:#d9ff43; --gold-2:#d9ff43;
--ds-acid:#d9ff43; --ds-acid-ink:#14161c; --ds-gold:#d9ff43;
--ds-on-paper:#f4f1ea; --ds-on-paper-soft:#9a9ca3; --ds-on-ink:#f4f1ea; --ds-on-ink-soft:#9a9ca3;
}
/* ---------- ground ---------------------------------------------------------- */
html{background:var(--rf-ground)}
body{background:var(--rf-ground);color:var(--rf-body);font-family:var(--f-body)}
::selection{background:var(--rf-lime);color:var(--rf-ink)}
.section.soft,.pp-alt,.related{background:var(--rf-alt)!important}
/* ---------- display type: DM Sans 600, tight ------------------------------- */
h1,h2,h3,h4,h5,.ds-display,.section-title,.hero h1,.page-head h1,.post-header h1,
.pp-hero h1,.pp h2,.pp h3,.prose h2,.prose h3,.article-main h2,.article-main h3,
.pillar h3,.prod-head h3,.art h3,.rel-card h3,.related h2,.news h2,.faq h2,
.cta-band h2,.cta-band h3,.pp-final h2,.defcard h2,.blogwrap h2,.tool-strip h3{
font-family:var(--f-display)!important;font-weight:600!important;font-style:normal!important;
letter-spacing:-.035em!important;text-transform:none!important;color:var(--rf-fg);
background:none;-webkit-text-fill-color:currentColor;
}
.hero h1,.pp-hero h1{
font-size:clamp(2.9rem,6.3vw,5.3rem)!important;line-height:.94!important;
letter-spacing:-.058em!important;max-width:14ch;
}
.pp-hero h1{font-size:clamp(2.4rem,4.4vw,3.75rem)!important;max-width:18ch}
.page-head h1{font-size:clamp(2.6rem,5.4vw,4.5rem)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:17ch}
.post-header h1{font-size:clamp(2.3rem,4.5vw,3.8rem)!important;line-height:1!important;letter-spacing:-.05em!important}
.section-title{font-size:clamp(2.35rem,4.7vw,4rem)!important;line-height:.97!important;letter-spacing:-.055em!important}
.pp h2{font-size:clamp(2.1rem,3.9vw,3.2rem)!important;line-height:1!important;letter-spacing:-.05em!important}
.prose h2,.article-main h2{font-size:clamp(1.7rem,2.7vw,2.2rem)!important;line-height:1.06!important;letter-spacing:-.045em!important}
.related h2,.faq h2,.blogwrap h2{letter-spacing:-.045em!important}
.prose h3,.article-main h3,.pp h3{letter-spacing:-.03em!important}
.pillar h3,.art h3,.rel-card h3,.defcard h2,.mega-item h5,.widget h4{font-weight:500!important}
.pillar h3,.art h3,.rel-card h3{font-size:clamp(1.2rem,1.6vw,1.38rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.defcard h2{font-size:clamp(1.35rem,2vw,1.6rem)!important;letter-spacing:-.04em!important}
.prod-head h3{font-size:clamp(1.5rem,2.1vw,1.8rem)!important;letter-spacing:-.045em!important}
.center .section-title:after,.section-title:after{display:none!important}
/* emphasis: the words a headline leans on → Instrument Serif italic, lime */
.hero h1 .hl,.page-head h1 .hl,.section-title .hl,.post-header h1 .hl,.pp-hero h1 .hl,
h1 .hl,h2 .hl,h1 .thin,h2 .thin,.section-title .thin{
font-family:var(--f-serif)!important;font-style:italic!important;font-weight:400!important;
color:var(--rf-lime)!important;-webkit-text-fill-color:var(--rf-lime);
letter-spacing:-.012em!important;font-size:1.04em;padding:0 .05em 0 0!important;background:none!important;
}
/* lead paragraphs */
.hero .sub,.page-head .lede,.pp-hero .pp-sub,.section-lead,.pp-lead,.lede{color:var(--rf-body)!important}
.hero .sub,.pp-hero .pp-sub{font-size:clamp(1.05rem,1.3vw,1.16rem)!important;line-height:1.6!important;max-width:54ch}
.section-lead{font-size:1.05rem!important;line-height:1.6!important}
/* ---------- labels: DM Mono uppercase, lime diamond on eyebrows ------------ */
.kicker,.eyebrow,.ds-eyebrow,.pp-eyebrow,.post-cat{
display:inline-flex!important;align-items:center;gap:10px;
padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
font-family:var(--f-mono)!important;font-size:.6875rem!important;font-weight:500!important;
letter-spacing:.13em!important;line-height:1.3!important;text-transform:uppercase!important;
color:#e7e4dd!important;opacity:1!important;
}
.kicker::before,.eyebrow::before,.ds-eyebrow::before,.pp-eyebrow::before,.post-cat::before{
content:""!important;flex:0 0 7px;width:7px;height:7px;background:var(--rf-lime);
transform:rotate(45deg);border-radius:0;box-shadow:none;margin:0 1px;display:inline-block;
}
.art-kicker,.art .k,.rel-card .k,.art-foot,.post-meta,.pp-chip{
font-family:var(--f-mono)!important;font-weight:500!important;letter-spacing:.1em!important;
text-transform:uppercase;color:var(--rf-muted)!important;
}
.art-kicker,.art .k,.rel-card .k{font-size:.6563rem!important}
/* ---------- top bar + header ------------------------------------------------ */
.topbar{background:#08090b!important;border-bottom:1px solid var(--rf-line)!important;color:var(--rf-muted)}
.topbar,.topbar a{font-size:.8125rem}
.topbar strong,.topbar b{color:var(--rf-fg)}
.header{
background:rgb(11 12 15 / .88)!important;
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border-bottom:1px solid var(--rf-line)!important;box-shadow:none!important;
}
@media (min-width:901px){.header-inner{min-height:86px!important}}
.brand{gap:13px!important}
.brand-word{
font-family:var(--f-display)!important;font-weight:700!important;font-size:1.36rem!important;
letter-spacing:-.04em!important;line-height:1!important;color:var(--rf-fg)!important;white-space:nowrap;
text-transform:none!important;
}
.footer .brand,.foot-brand .brand{display:inline-flex!important;align-items:center;flex-direction:row!important}
.brand-word em{
font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:1.12em;
letter-spacing:-.01em;color:var(--rf-fg);padding-right:.04em;
}
.brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:0!important;box-shadow:none!important}
@media (min-width:901px){
.mainnav > a,.mainnav > .has-mega > a{
font-family:var(--f-ui)!important;font-size:1.16rem!important;font-weight:500!important;
letter-spacing:-.02em!important;text-transform:none!important;
color:#d3d5d9!important;padding:10px 17px!important;border-radius:0!important;background:none!important;
transition:color .18s var(--rf-ease);
}
.mainnav > a:hover,.mainnav > .has-mega > a:hover,.mainnav > .has-mega:focus-within > a{
color:var(--rf-fg)!important;background:none!important;
}
}
/* mega menu: flat panel, hairline, numbered rows */
.mega{
background:#121419!important;border:1px solid var(--rf-line-2)!important;border-radius:0!important;
box-shadow:0 28px 60px -28px rgb(0 0 0 / .85)!important;-webkit-backdrop-filter:none;backdrop-filter:none;
}
.mega-item{border-radius:0!important;transition:background .18s var(--rf-ease)}
.mega-item:hover{background:rgb(244 241 234 / .04)!important;transform:none!important}
.mega-item h5{color:var(--rf-fg)!important;letter-spacing:-.02em!important}
.mega-item p{color:var(--rf-muted)!important}
.mega-item .mi-ic,.mega-item .mi-num{
background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--rf-lime)!important;
}
.mega-item .mi-num{font-family:var(--f-mono)!important;font-weight:500!important;font-size:.72rem!important;letter-spacing:.06em}
.mega-foot{border-top:1px solid var(--rf-line)!important}
.lsw-current{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;outline-offset:2px}
.lsw-current:hover{color:var(--rf-fg)!important}
.lsw-menu{background:#121419!important;border:1px solid var(--rf-line-2)!important;border-radius:0!important;
box-shadow:0 24px 50px -24px rgb(0 0 0 / .85)!important}
/* ---------- buttons: flat lime rectangle / hairline ghost ------------------ */
.btn,.ds-btn{
font-family:var(--f-ui)!important;font-weight:700!important;letter-spacing:-.005em!important;
text-transform:none!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
transition:transform .2s var(--rf-ease),background .2s var(--rf-ease),border-color .2s var(--rf-ease),color .2s var(--rf-ease)!important;
}
.btn{font-size:.9rem!important;padding:14px 20px}
.btn-lg{padding:17px 26px!important;font-size:.97rem!important}
.btn-sm{padding:11px 17px!important;font-size:.875rem!important;border-radius:0!important}
.nav-cta .btn{padding:13px 21px!important;min-height:0!important;font-size:1rem!important}
.btn-primary,.ds-btn-acid,.ds-btn-gold,.btn-dark,.btn-gold,.nav-mobile-cta{
background:var(--rf-lime)!important;color:var(--rf-ink)!important;border:1px solid var(--rf-lime)!important;
box-shadow:none!important;opacity:1!important;
}
.btn-primary:hover,.ds-btn-acid:hover,.ds-btn-gold:hover,.btn-dark:hover,.btn-gold:hover,.nav-mobile-cta:hover{
background:var(--rf-lime-hi)!important;border-color:var(--rf-lime-hi)!important;color:var(--rf-ink)!important;
transform:translateY(-2px)!important;box-shadow:none!important;opacity:1!important;
}
.btn-ghost,.btn-outline,.ds-btn-outline,.btn-secondary{
background:transparent!important;border:1px solid var(--rf-line-3)!important;color:var(--rf-fg)!important;box-shadow:none!important;
}
.btn-ghost:hover,.btn-outline:hover,.ds-btn-outline:hover,.btn-secondary:hover{
background:transparent!important;border-color:var(--rf-fg)!important;color:var(--rf-fg)!important;transform:translateY(-2px)!important;
}
.btn:active,.ds-btn:active{transform:translateY(0)!important}
:focus-visible{outline:2px solid var(--rf-lime)!important;outline-offset:3px;box-shadow:none}
/* ---------- surfaces: one step up, 1px hairline, square, no shadow --------- */
.pillar,.defcard,.maprow,.rel-card,article.art,.pp-card,.pp-step,.widget,.keytake,.callout,
.pp-spec,.author-box,.series-nav,.pp-ps-card,.sharebar,.riskwarning,.prod,.nob-plat,.ts-card,
.pp-shot,.pp-price,.hero-stats,.buypanel,.pp-aside{
border-radius:0!important;box-shadow:none!important;
}
.pillar,.defcard,.maprow,.rel-card,article.art,.pp-card,.pp-step,.widget,.keytake,.callout,
.pp-spec,.author-box,.series-nav,.pp-ps-card,.sharebar,.prod,.nob-plat,.ts-card,.buypanel{
background:var(--rf-panel)!important;border:1px solid var(--rf-line)!important;
}
.pillar,.defcard,.maprow,.rel-card,article.art,.pp-card,.prod,.nob-plat,.mega-item,.sn-item{
transition:transform .25s var(--rf-ease),border-color .25s var(--rf-ease),background .25s var(--rf-ease),box-shadow .25s var(--rf-ease)!important;
}
.pillar:hover,.defcard:hover,.maprow:hover,.rel-card:hover,article.art:hover,.pp-card:hover,.nob-plat:hover{
transform:translateY(-3px)!important;border-color:var(--rf-line-3)!important;background:var(--rf-panel-2)!important;
}
.pillar:before{display:none!important}
.pillar .p-ic,.p-ic{background:none!important;border:0!important;box-shadow:none!important;color:var(--rf-lime)!important;
width:auto!important;height:auto!important;padding:0!important;margin-bottom:18px!important;border-radius:0!important}
.pillar .p-ic{display:flex!important;justify-content:flex-start!important}
.pillar .p-ic svg{width:24px;height:24px}
.p-link{font-family:var(--f-mono)!important;font-weight:500!important;font-size:.6875rem!important;letter-spacing:.12em!important;
text-transform:uppercase;color:var(--rf-fg)!important}
.pillar:hover .p-link{color:var(--rf-lime)!important}
.pillar p,.defcard p,.art-exc,.maprow span,.pp-card p{color:var(--rf-body)!important}
.defcard a,.maprow a{color:var(--rf-fg);text-decoration:underline;text-decoration-color:var(--rf-lime);text-underline-offset:4px;text-decoration-thickness:1px}
.defcard a:hover{color:var(--rf-lime)}
.maprow .arrow,.maprow .arrow svg{color:var(--rf-lime)!important}
.pp-card .ic,.wp-ic{background:none!important;border:1px solid var(--rf-line-2)!important;border-radius:0!important;box-shadow:none!important;color:var(--rf-lime)!important}
.pp-step::before{
background:var(--rf-lime)!important;color:var(--rf-ink)!important;
font-family:var(--f-mono)!important;font-weight:500!important;border-radius:0!important;box-shadow:none!important;
}
.pp-ps-prob{border-left:2px solid #b35656!important}.pp-ps-sol{border-left:2px solid #4c9a7f!important}
/* ---------- the product cards --------------------------------------------- */
.prod:hover{transform:translate(-3px,-3px)!important;border-color:var(--rf-line-3)!important;
box-shadow:6px 6px 0 0 var(--rf-lime)!important}
.prod .price{font-family:var(--f-display)!important;font-size:2.1rem!important;font-weight:600!important;
letter-spacing:-.05em!important;color:var(--rf-fg)!important}
.prod .price small,.prod .price span{font-family:var(--f-mono)!important;letter-spacing:.1em}
.prod ul.feat li{color:var(--rf-body)!important}
.prod ul.feat li:before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9ff43' stroke-width='2.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")!important;
filter:none!important;
}
/* the product tagline carries class="tag" but is a sentence, not a chip */
.prod-head .tag{
border:0!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
font-family:var(--f-body)!important;font-size:.95rem!important;letter-spacing:0!important;text-transform:none!important;
color:var(--rf-muted)!important;margin-top:6px;
}
/* ---------- badges, tags, chips: square hairline labels -------------------- */
.badge,.tag,.tagchip,.pp-chip,.metatags span,.metatags a{
border-radius:0!important;border:1px solid var(--rf-line-2)!important;background:none!important;box-shadow:none!important;
font-family:var(--f-mono)!important;font-weight:500!important;letter-spacing:.1em!important;color:#d4d5d9!important;
}
.tagchip:hover{border-color:var(--rf-lime)!important;color:var(--rf-lime)!important}
.badge.bull,.badge.hl{border-color:var(--rf-lime)!important;color:var(--rf-lime)!important}
/* ---------- action bands: CTA panels, signup, final CTA ------------------- */
.cta-band .cb-inner,.pp-final,.news,.widget-cta{
background:var(--rf-panel)!important;border:1px solid var(--rf-line)!important;border-radius:0!important;
box-shadow:inset 0 2px 0 0 var(--rf-lime)!important;
}
.news{padding:clamp(30px,4.4vw,56px)!important}
.news h2,.cta-band h2,.cta-band h3,.pp-final h2{font-size:clamp(1.8rem,3.2vw,2.7rem)!important;line-height:1!important;letter-spacing:-.05em!important;color:var(--rf-fg)!important}
.cta-band .cb-inner p,.news p,.pp-final p{color:var(--rf-body)!important}
.cta-band .cb-inner a[style*="color"]{color:var(--rf-fg)!important;text-decoration-color:var(--rf-lime)!important}
.nob-cb-art{border-radius:0!important}
input[type=email],input[type=search],input[type=text]:not([name=website]),textarea,select{
background:transparent!important;border:1px solid var(--rf-line-2)!important;border-radius:0!important;
color:var(--rf-fg)!important;box-shadow:none!important;font-family:var(--f-body)!important;
transition:border-color .18s var(--rf-ease);
}
input::placeholder,textarea::placeholder{color:var(--rf-subtle)!important}
input[type=email]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{
border-color:var(--rf-lime)!important;outline:none;box-shadow:none!important;
}
.widget-search button{background:var(--rf-lime)!important;color:var(--rf-ink)!important;border-radius:0!important}
/* ---------- proof strip: the lime band (reference marquee, static) --------- */
.trust{background:var(--rf-lime)!important;border:0!important;padding:0!important}
.trust .wrap{
display:grid!important;grid-template-columns:repeat(4,1fr);gap:0!important;
background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 24px!important;
}
.trust .ti{
background:none!important;color:var(--rf-ink)!important;justify-content:center;
font-family:var(--f-mono)!important;font-weight:500!important;font-size:.75rem!important;
letter-spacing:.1em!important;text-transform:uppercase;padding:18px 12px!important;margin:0!important;
}
.trust .ti + .ti{border-left:1px solid rgb(20 22 28 / .2)}
.trust .ti svg{stroke:var(--rf-ink)!important;color:var(--rf-ink)!important;filter:none!important;width:16px;height:16px}
@media (max-width:640px){
.trust .wrap{grid-template-columns:repeat(2,1fr);padding:0!important}
.trust .ti:nth-child(3){border-left:0}
.trust .ti:nth-child(n+3){border-top:1px solid rgb(20 22 28 / .2)}
.trust .ti{font-size:.6563rem!important;padding:14px 8px!important}
}
.pp-proof-in{border-radius:0!important;box-shadow:none!important}
.pp-pricetag .amt{font-family:var(--f-display)!important;letter-spacing:-.05em;color:var(--rf-fg)}
.pp-pricetag .lifetime{border-radius:0!important;background:none!important;border:1px solid var(--rf-lime)!important;
color:var(--rf-lime)!important;font-family:var(--f-mono)!important;font-weight:500!important;letter-spacing:.06em}
.pp-chip{background:none!important}
.pp-chip svg{color:var(--rf-lime)!important}
.ref-logo{border-radius:0!important}
.pp-proof-item svg{color:var(--rf-lime)!important;filter:none!important}
/* ---------- hero ------------------------------------------------------------ */
.hero .hero-stats{background:none!important;border:0!important;gap:clamp(22px,3.4vw,48px)!important;margin-top:44px!important}
.hero .hero-stats .st{padding:0!important;border:0!important}
.hero .hero-stats .st b{
font-family:var(--f-display)!important;font-size:clamp(1.7rem,2.3vw,2.1rem)!important;font-weight:600!important;
letter-spacing:-.05em!important;color:var(--rf-fg)!important;background:none!important;-webkit-text-fill-color:currentColor;
}
.hero .hero-stats .st span{
font-family:var(--f-mono)!important;font-size:.625rem!important;letter-spacing:.11em!important;color:var(--rf-muted)!important;
display:block;margin-top:9px;
}
.hero .cta-row{gap:14px!important}
/* ---------- home section heads: title left, lead right (reference) --------- */
@media (min-width:901px){
.shead.center{
display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(40px,6vw,96px);
align-items:end;text-align:left!important;max-width:none!important;margin-inline:0!important;margin-bottom:56px!important;
}
.shead.center > .eyebrow,.shead.center > .kicker{grid-column:1 / -1;justify-self:start;margin-bottom:22px!important}
.shead.center .section-title{grid-column:1;margin:0!important;max-width:15ch!important;text-align:left!important}
.shead.center .section-lead{grid-column:2;margin:0 0 6px!important;max-width:44ch!important;justify-self:end;text-align:left!important}
}
@media (max-width:900px){
.shead.center{text-align:left!important}
.shead.center .section-title,.shead.center .section-lead{margin-inline:0!important;text-align:left!important}
}
/* ---------- figures, screenshots, tables ---------------------------------- */
.prose figure,.fig,.shot,.pp-shot,.figdef{border-radius:0!important;overflow:hidden;border:1px solid var(--rf-line)!important;box-shadow:none!important}
.prose figure figcaption,.pp-shot figcaption{font-family:var(--f-mono)!important;font-size:.6875rem!important;letter-spacing:.04em;
color:var(--rf-muted)!important;background:var(--rf-panel)!important;border-top:1px solid var(--rf-line)!important}
.pp-table,.dtable,.prose table,.tablewrap table{border-collapse:collapse!important;border:1px solid var(--rf-line-2)!important;
border-radius:0!important;background:none!important}
.pp-table th,.dtable th,.prose table th,.tablewrap th{
background:var(--rf-panel)!important;color:var(--rf-fg)!important;font-weight:600!important;
border:1px solid var(--rf-line-2)!important;
}
.pp-table td,.dtable td,.prose table td,.tablewrap td{border:1px solid var(--rf-line)!important}
.pp-table tbody tr:hover td,.dtable tbody tr:hover td{background:rgb(244 241 234 / .025)}
/* ---------- article furniture ---------------------------------------------- */
.prose,.article-main{color:var(--rf-body)}
.prose p,.prose li,.article-main p,.article-main li{color:var(--rf-body)}
.prose strong,.prose b,.article-main strong{color:var(--rf-fg)}
.prose a,.article-main a{color:var(--rf-fg);border-bottom:0!important;text-decoration:underline;
text-decoration-color:var(--rf-lime);text-decoration-thickness:1px;text-underline-offset:4px}
.prose a:hover,.article-main a:hover{color:var(--rf-lime)}
.prose a.btn,.article-main a.btn{text-decoration:none}
.callout,.keytake{position:relative;border-left:2px solid var(--rf-lime)!important}
.callout::after,.keytake::after{display:none!important}
.keytake h3{font-family:var(--f-mono)!important;font-weight:500!important;font-size:.6875rem!important;
letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--rf-lime)!important}
.riskwarning{border:1px solid rgb(214 170 90 / .3)!important;border-left:2px solid #d6aa5a!important;background:var(--rf-panel)!important}
.prose blockquote{
font-family:var(--f-serif)!important;font-style:normal!important;font-weight:400!important;
font-size:clamp(1.45rem,2.3vw,1.8rem)!important;line-height:1.2!important;letter-spacing:-.01em;
color:var(--rf-fg)!important;background:none!important;border:0!important;
border-top:1px solid var(--rf-line-2)!important;border-bottom:1px solid var(--rf-line-2)!important;
border-radius:0!important;padding:26px 0!important;margin:2.2em 0!important;
}
.prose blockquote p,.prose blockquote li{color:inherit!important;font:inherit!important}
.series-nav .sn-item{border-radius:0!important;transition:background .2s var(--rf-ease)}
.series-nav .sn-item:hover{background:rgb(244 241 234 / .04)!important}
.series-nav .sn-item.is-current{background:none!important;box-shadow:inset 2px 0 0 var(--rf-lime)}
.sn-n{color:var(--rf-lime)!important}
.sh-btn{border-radius:0!important;border:1px solid var(--rf-line-2)!important;background:none!important}
.sh-btn:hover{border-color:var(--rf-lime)!important;color:var(--rf-lime)!important}
.author-box .ab-ic{background:var(--rf-lime)!important;color:var(--rf-ink)!important}
.crumbs,.crumbs a{color:var(--rf-muted)!important}.crumbs a:hover{color:var(--rf-fg)!important}
.post-meta svg{stroke:var(--rf-lime)!important}
.art-foot b,.art .more{color:var(--rf-fg)!important;font-family:var(--f-mono)!important;font-weight:500!important}
article.art:hover .art-foot b{color:var(--rf-lime)!important}
.art h3 a,.rel-card h3 a{color:var(--rf-fg)!important}
.art h3 a:hover,.rel-card h3 a:hover{color:var(--rf-lime)!important}
/* ---------- FAQ: accordion rows, hairline, lime chevron --------------------- */
.faq-item,.pp-faq details{
background:none!important;border:0!important;border-bottom:1px solid var(--rf-line-2)!important;
border-radius:0!important;box-shadow:none!important;margin:0!important;padding-inline:0!important;
}
.faq-item:first-of-type,.pp-faq details:first-of-type{border-top:1px solid var(--rf-line-2)!important}
.faq-item summary,.pp-faq summary{font-family:var(--f-display)!important;font-weight:500!important;
font-size:1.08rem!important;letter-spacing:-.02em!important;color:var(--rf-fg)!important}
.faq-item>summary::after,.pp-faq summary::after{border-color:var(--rf-lime)!important;color:var(--rf-lime)!important}
/* ---------- widgets (blog sidebar) ----------------------------------------- */
.widget h4{font-family:var(--f-mono)!important;font-size:.6875rem!important;letter-spacing:.13em!important;
text-transform:uppercase!important;color:var(--rf-fg)!important}
.widget h4:after{display:none!important}
.wcat{border-radius:0!important;transition:background .18s var(--rf-ease),color .18s var(--rf-ease)}
.wcat:hover,.wcat.active{background:rgb(244 241 234 / .04)!important;color:var(--rf-fg)!important}
.wcat.active{box-shadow:inset 2px 0 0 var(--rf-lime)}
.wcat .n{border-radius:0!important;background:none!important;border:0!important;font-family:var(--f-mono)!important;color:var(--rf-muted)!important}
/* ---------- sticky buy bar, back-to-top, X rail, consent ------------------- */
.pp-sticky{background:rgb(11 12 15 / .92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border-top:1px solid var(--rf-line-2)!important;box-shadow:none!important}
.pp-sticky .sp b{font-family:var(--f-display)!important;color:var(--rf-fg)!important;letter-spacing:-.04em}
.to-top{border-radius:0!important;background:var(--rf-lime)!important;color:var(--rf-ink)!important;box-shadow:none!important}
.x-rail{border-radius:0!important;box-shadow:none!important;background:var(--rf-panel)!important}
#lst-consent{background:rgb(11 12 15 / .97)!important}
#lst-consent button{border-radius:0!important}
/* ---------- footer ---------------------------------------------------------- */
.footer{background:#08090b!important;border-top:1px solid var(--rf-line)!important}
.footer h4{font-family:var(--f-mono)!important;font-weight:500!important;font-size:.6875rem!important;
letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--rf-fg)!important}
.footer a{color:#aeb0b6;transition:color .18s var(--rf-ease)}
.footer a:hover{color:var(--rf-fg)!important}
.foot-brand p{color:var(--rf-muted)!important}
.foot-bottom{font-family:var(--f-mono)!important;color:var(--rf-subtle)!important;border-top:1px solid var(--rf-line)!important}
/* ---------- scrollbar ------------------------------------------------------- */
html{scrollbar-color:#2a2d35 var(--rf-ground);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--rf-ground)}
::-webkit-scrollbar-thumb{background:#262930;border:2px solid var(--rf-ground)}
::-webkit-scrollbar-thumb:hover{background:#343843}
/* ---------- blog index: rows, separated ------------------------------------ */
.article-main .art-grid,.art-grid#grid{gap:12px!important}
.article-main article.art,.art-grid#grid article.art{padding:26px 30px 24px!important}
/* ---------- small screens ---------------------------------------------------- */
@media (max-width:900px){
.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mainnav{background:#0e1014!important;border-bottom:1px solid var(--rf-line-2)}
.mainnav > a,.mainnav > .has-mega > a{font-family:var(--f-ui)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.02em!important;font-size:1.2rem!important}
}
@media (max-width:560px){
.brand-word{font-size:1.12rem!important}
.brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
.hero h1{font-size:clamp(2.5rem,11vw,3.2rem)!important;max-width:none}
.article-main article.art,.art-grid#grid article.art{padding:22px 20px 20px!important}
}
@media (max-width:380px){.brand-word{font-size:1rem!important}}
/* ---------- accessibility guards -------------------------------------------- */
@media (prefers-reduced-motion:reduce){
.btn,.pillar,.defcard,.maprow,.rel-card,article.art,.pp-card,.prod,.nob-plat{transition:none!important}
.pillar:hover,.defcard:hover,.maprow:hover,.rel-card:hover,article.art:hover,.pp-card:hover,.prod:hover,.nob-plat:hover,
.btn-primary:hover,.btn-ghost:hover,.btn-dark:hover{transform:none!important}
}
@media (forced-colors:active){
.kicker::before,.eyebrow::before,.ds-eyebrow::before,.pp-eyebrow::before,.post-cat::before{background:CanvasText}
}
@media print{
.trust{background:none!important}
h1 .hl,h2 .hl,h1 .thin,h2 .thin{color:#000!important;-webkit-text-fill-color:#000}
}
/* ---------- series nav: rows, not underlined links ------------------------ */
.series-nav a,.prose .series-nav a{text-decoration:none!important}
.series-nav a:hover,.prose .series-nav a:hover{color:var(--rf-lime)!important}
/* ---------- header between tablet and wide desktop: the larger menu steps down
so FR/ES labels ("À propos", "Indicadores") never wrap into the CTA -------- */
@media (min-width:901px) and (max-width:1220px){
.mainnav > a,.mainnav > .has-mega > a{font-size:1.02rem!important;padding:10px 10px!important}
.brand-word{font-size:1.18rem!important}
.brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
.nav-cta .btn{padding:11px 15px!important;font-size:.9rem!important}
}
@media (min-width:901px) and (max-width:1020px){
.mainnav > a,.mainnav > .has-mega > a{font-size:.95rem!important;padding:10px 8px!important}
.brand-word{font-size:1.05rem!important}
}
/* ---------- links to the guide behind a feature (product pages, 2026-09-25) ------ */
.ref-guide{display:inline-block;margin-top:6px;font-family:var(--f-mono)!important;font-size:.6875rem!important;
font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-fg)!important;
text-decoration:none!important;border-bottom:1px solid var(--rf-lime);padding-bottom:2px;white-space:nowrap}
.ref-guide::after{content:" \2192";color:var(--rf-lime)}
.ref-guide:hover{color:var(--rf-lime)!important}
.pp-feat .d .ref-guide{display:table;margin-top:10px}
/* ---------- header mega menus (2026-09-25): centred on the header, Learn in three
columns, Blog = the three latest articles; mobile = titles only, tap to unfold -- */
@media (min-width:901px){
.header-inner{position:relative}
.mainnav > .has-mega{position:static}
.mega{top:calc(100% - 2px)!important;left:50%!important;width:min(980px,94vw)!important;padding:26px!important}
.mega:before{top:-30px!important;height:30px!important}
.mega-grid.mega-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.mega-blog .mega-grid{gap:12px!important}
.mega-post{display:block!important;padding:18px 18px 20px!important;border:1px solid var(--rf-line)!important;
background:var(--rf-panel)!important;min-height:118px}
.mega-post:hover{border-color:var(--rf-line-3)!important;background:var(--rf-panel-2)!important}
.mega-post .mp-k{display:block;font-family:var(--f-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--rf-muted);margin-bottom:12px}
.mega-post h5{font-family:var(--f-display)!important;font-size:1.08rem!important;font-weight:500!important;
line-height:1.2!important;letter-spacing:-.025em!important;color:var(--rf-fg)!important;margin:0}
.mega-post:hover h5{color:var(--rf-lime)!important}
.mega-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px}
.mega-foot a{color:var(--rf-fg)!important;font-weight:500}
.mega-foot a:hover{color:var(--rf-lime)!important}
.mega-foot .muted{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-muted)}
}
@media (max-width:900px){
html.nav-acc .mainnav .has-mega > .mega{display:none!important}
html.nav-acc .mainnav .has-mega.open > .mega{display:block!important}
html.nav-acc .mainnav .has-mega > a{display:flex!important;justify-content:space-between;align-items:center}
html.nav-acc .mainnav .has-mega > a .caret{transition:transform .2s var(--rf-ease)}
html.nav-acc .mainnav .has-mega.open > a .caret{transform:rotate(225deg);margin-top:4px}
.mega-post .mp-k{display:block;font-family:var(--f-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-muted);margin-bottom:4px}
.mega-post h5{font-size:.98rem!important}
.mega-foot{display:flex;justify-content:space-between;gap:12px;padding-top:10px}
.mega-foot .muted{display:none}
}
/* ---------- black glyphs on lime controls (owner, 2026-09-25) --------------------- */
.to-top svg{stroke:var(--rf-ink)!important}
.widget-search button svg{stroke:var(--rf-ink)!important;color:var(--rf-ink)!important}
@media (max-width:900px){
.mainnav{left:0!important;right:0!important}
html:has(.mainnav.open) .x-rail{opacity:0;pointer-events:none}
}
/* ---------- share module (apply_share.py, 2026-09-25): Learn + every blog article ----- */
.prose .sharebar,.sharebar{margin:3.2em 0 0!important;padding:24px 0 0!important;border:0!important;
border-top:1px solid var(--rf-line-2)!important;background:none!important;box-shadow:none!important}
.sharebar .sh-label{display:flex!important;align-items:center;gap:10px;margin:0 0 16px!important;
font-family:var(--f-mono)!important;font-size:.6875rem!important;font-weight:500!important;
letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--rf-fg)!important}
.sharebar .sh-label::before{content:"";width:7px;height:7px;background:var(--rf-lime);transform:rotate(45deg);flex:0 0 7px}
.sharebar .sh-row{display:flex;flex-wrap:wrap;gap:8px}
.sharebar .sh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px!important;
font-family:var(--f-ui)!important;font-size:.84rem!important;font-weight:500!important;color:var(--rf-body)!important;
border:1px solid var(--rf-line-2)!important;border-radius:0!important;background:none!important;text-decoration:none!important;
transition:color .18s var(--rf-ease),border-color .18s var(--rf-ease),background .18s var(--rf-ease)}
.sharebar .sh-btn svg{width:15px;height:15px;flex:none}
.sharebar .sh-btn:hover,.sharebar .sh-btn:focus-visible{color:var(--rf-ink)!important;background:var(--rf-lime)!important;border-color:var(--rf-lime)!important}
.sharebar .sh-copy.is-done{color:var(--rf-lime)!important;border-color:var(--rf-lime)!important}
@media (max-width:560px){.sharebar .sh-btn span{display:none}.sharebar .sh-btn{padding:11px!important}.sharebar .sh-copy span{display:inline}}
/* ---------- Learn: sticky right-hand column (apply_learn_aside.py, 2026-09-25) ------ */
.learn-aside{display:none}
@media (min-width:1100px){
.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,4vw,72px);
max-width:1200px;margin:0 auto;padding:0 24px;align-items:start}
.learn-layout > .prose{max-width:760px!important;margin:0!important;padding-left:0!important;padding-right:0!important;min-width:0}
.learn-layout > .prose > .series-nav{display:none!important}
.learn-aside{display:block;position:sticky;top:112px;padding-top:48px}
.la-box{max-height:calc(100vh - 136px);overflow:auto;padding:22px 20px 18px;border:1px solid var(--rf-line);
background:var(--rf-panel);scrollbar-width:thin}
.la-head,.la-sub{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--f-mono);font-size:.625rem;
font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--rf-fg)}
.la-head::before{content:"";width:7px;height:7px;background:var(--rf-lime);transform:rotate(45deg);flex:0 0 7px}
.la-sub{margin-top:20px;padding-top:16px;border-top:1px solid var(--rf-line);color:var(--rf-muted)}
.la-tree,.la-toc,.la-h3{list-style:none;margin:0;padding:0}
.la-tree > li{border-top:1px solid var(--rf-line)}
.la-tree > li:first-child{border-top:0}
.la-link{display:flex;gap:10px;align-items:baseline;padding:9px 0;font-size:.86rem;line-height:1.3;
color:var(--rf-body)!important;text-decoration:none!important}
.la-link:hover{color:var(--rf-fg)!important}
.la-link .la-n{font-family:var(--f-mono);font-size:.625rem;font-weight:500;color:var(--rf-muted);flex:0 0 18px}
.la-link.is-current{color:var(--rf-fg)!important;font-weight:600}
.la-link.is-current .la-n{color:var(--rf-lime)}
.la-toc{margin:0 0 10px 28px;padding-left:12px;border-left:1px solid var(--rf-line-2)}
.la-toc a{display:block;padding:5px 0;font-size:.8rem;line-height:1.35;color:var(--rf-muted)!important;
text-decoration:none!important;transition:color .15s var(--rf-ease)}
.la-h3{margin:0 0 4px 12px}
.la-h3 a{font-size:.76rem;padding:3px 0}
.la-toc a:hover{color:var(--rf-fg)!important}
.la-toc a.is-active{color:var(--rf-lime)!important;box-shadow:-13px 0 0 -11px var(--rf-lime)}
}
html{scroll-padding-top:110px}
/* ---------- MQL5 seal under the indicator cards (home, 2026-09-25) ----------------
The note is in the body grey (owner, same day: « texte MQL5 plus gris, couleur gris body »). */
.mql5-seal{margin:64px auto 0;max-width:780px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;
padding-top:40px;border-top:1px solid var(--rf-line)}
.mql5-logo{display:block;line-height:0}
.mql5-logo img{width:176px;height:auto;display:block}
.mql5-note{margin:0;color:var(--rf-body)!important;font-family:var(--f-body);font-weight:400;font-size:1.06rem;line-height:1.6;text-wrap:balance}
@media (max-width:560px){.mql5-logo img{width:140px}.mql5-note{font-size:1rem}}
/* ---------- MQL5 review + stars (Sweep Protocol page, add_sp_reviews.py) ---------- */
.rv-stars{display:inline-flex;gap:2px;line-height:0}
.rv-stars svg{width:15px;height:15px;fill:var(--rf-lime)}
.rv-line{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--rf-body)!important;
text-decoration:none!important;font-size:.9rem}
.rv-line b{color:var(--rf-fg);font-weight:700}
.rv-line span:last-child{border-bottom:1px solid var(--rf-line-3);padding-bottom:1px}
.rv-line:hover span:last-child{color:var(--rf-lime);border-bottom-color:var(--rf-lime)}
.rv-card{margin:28px 0 0;padding:24px 26px;border:1px solid var(--rf-line);border-left:2px solid var(--rf-lime);background:var(--rf-panel)}
.rv-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rv-score{font-family:var(--f-display);font-weight:700;color:var(--rf-fg)}
.rv-src{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rf-muted)}
.rv-card blockquote{margin:0;padding:0;border:0}
.rv-card blockquote p{margin:0;font-family:var(--f-serif);font-style:italic;font-size:clamp(1.35rem,2.2vw,1.7rem);
line-height:1.25;color:var(--rf-fg)}
.rv-card figcaption{margin-top:14px;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--rf-muted)}
.rv-card figcaption a{color:var(--rf-fg);text-decoration:underline;text-decoration-color:var(--rf-lime);text-underline-offset:3px}
/* ---------- prose tables never widen the page (About « How the book is run », 2026-09-25) */
.prose table{width:100%;max-width:100%;min-width:0!important}
.prose table td,.prose table th{white-space:normal!important;overflow-wrap:anywhere}
/* ---------- home: the lime proof band sits right under the hero (owner, 2026-09-25) --- */
.hero + .trust{margin-top:0!important;border-top:0!important}
.hero:has(+ .trust){margin-bottom:0!important;border-bottom:0!important}
/* ---------- internal links in Learn / blog / article text: dotted underline (owner, 2026-09-25)
External links keep the solid lime underline; buttons, series nav, prev/next, share row and
the guide links of the product pages are not text links and stay as they are. */
.prose a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide),
.prose a[href^="#"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn),
.prose a[href^="https://liquiditysweeptrading.com"]:not(.btn):not(.sh-btn),
.article-main a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide){
text-decoration-line:underline!important;text-decoration-style:dotted!important;
text-decoration-color:var(--rf-lime)!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;
border-bottom:0!important
}
.prose a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide):hover,
.article-main a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide):hover{color:var(--rf-lime)!important}
/* indicator (product) pages: same dotted underline on the internal links of the text */
.pp .pp-inner :is(p,li,dd,td,.d,.a) a[href^="/"]:not(.btn):not(.ref-guide):not(.pp-aside-cta),
.pp .pp-inner :is(p,li,dd,td,.d,.a) a[href^="https://liquiditysweeptrading.com"]:not(.btn){
color:var(--rf-fg)!important;text-decoration-line:underline!important;text-decoration-style:dotted!important;
text-decoration-color:var(--rf-lime)!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;
border-bottom:0!important
}
.pp .pp-inner :is(p,li,dd,td,.d,.a) a[href^="/"]:not(.btn):not(.ref-guide):not(.pp-aside-cta):hover{color:var(--rf-lime)!important}
.pp .ref-guide{border-bottom:2px dotted var(--rf-lime)!important}
/* …except the hero intro (owner): the link there stays coloured text, no underline */
.pp.pp-hero .pp-inner p.pp-sub a[href^="/"]:not(.btn):not(.ref-guide):not(.pp-aside-cta){
color:var(--rf-lime)!important;text-decoration:none!important;border-bottom:0!important}
.pp.pp-hero .pp-inner p.pp-sub a[href^="/"]:not(.btn):not(.ref-guide):not(.pp-aside-cta):hover{color:var(--rf-lime-hi)!important}
/* blog listing: article titles are card titles, not text links — no dotted line (owner, 2026-09-27) */
.article-main article.art h3 a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide),
.article-main article.art a[href^="/"]:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide){
text-decoration:none!important}
/* ---------- « The setup behind this tool » as its own section (setup_aside.py, 2026-09-27) --
reference-model pages (The Notorious OB, The Golden Sweep, Sweep Protocol): right after the
proof strip, before « The gap »; two columns on desktop (the guide / the rest of the guide) */
.ref-setup .pp-aside{position:static!important;top:auto!important;max-width:none!important;margin:0!important;
padding:30px 34px!important;background:var(--rf-panel)!important;border:1px solid var(--rf-line)!important;
border-left:2px solid var(--rf-lime)!important}
@media (min-width:900px){
.ref-setup .pp-aside{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:48px;align-items:start}
.ref-setup .pp-aside > *{grid-column:1}
.ref-setup .pp-aside .pp-aside-more{grid-column:2;grid-row:1 / span 5;margin:0!important;padding:0 0 0 32px!important;
border-top:0!important;border-left:1px solid var(--rf-line)}
.ref-setup .pp-aside .pp-aside-note{grid-column:1 / -1}
}
.ref-setup .pp-aside-kicker{font-family:var(--f-mono)!important;font-size:.6875rem!important;letter-spacing:.13em;
text-transform:uppercase;color:var(--rf-fg)!important}
.ref-setup .pp-aside-kicker svg{color:var(--rf-lime)}
.ref-setup .pp-aside-title{font-size:clamp(1.45rem,2.4vw,1.9rem)!important;line-height:1.1!important;letter-spacing:-.04em!important}
.ref-setup .pp-aside-title a{color:var(--rf-fg)!important;text-decoration:none!important}
.ref-setup .pp-aside-title a:hover{color:var(--rf-lime)!important}
.ref-setup .pp-aside-cta{color:var(--rf-ink)!important;background:var(--rf-lime);padding:11px 16px;font-weight:700;
text-decoration:none!important}
.ref-setup .pp-aside-cta:hover{background:var(--rf-lime-hi)}
.ref-setup .pp-aside-row{text-decoration:none!important}
.ref-setup .pp-aside-n{color:var(--rf-lime)!important}
.pp-aside-note a{text-decoration-style:dotted;text-decoration-color:var(--rf-lime)}
.ref-setup .pp-aside-cta{display:inline-flex!important;justify-self:start;width:auto!important;align-self:start}
/* ---------- underline policy (owner, 2026-09-27) : « surlignage uniquement présent sur tout le
site dans le corps du texte en dotted ; jamais ailleurs ». Every link first loses its
underline and any underline-like bottom line (prev / next, CTA bands, cards, captions, menus,
notes, buttons, hover effects); then the text links of the body — Learn, blog, About and the
running text of the product pages, internal AND external — get the dotted lime line.
Earlier exceptions keep precedence (blog listing cards, product hero intro). */
a,a:hover,a:focus,a:focus-visible,a:active{text-decoration:none!important}
.pp-aside-cta,.pp-aside-cta:hover{border-bottom:0!important}
.pp-aside-title a,.pp-aside-title a:hover{background-image:none!important;background-size:0 0!important}
.prose a:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide):not(.tagchip),
.article-main a:not(.btn):not(.sn-item):not(.pn):not(.sh-btn):not(.ref-guide):not(.tagchip),
.pp .pp-inner :is(p,li,dd,td,.d,.a) a:not(.btn):not(.ref-guide):not(.pp-aside-cta){
text-decoration-line:underline!important;text-decoration-style:dotted!important;
text-decoration-color:var(--rf-lime)!important;text-decoration-thickness:2px!important;
text-underline-offset:4px!important;border-bottom:0!important}