/* Theme CSS carried over from the live Blogger theme (12 Nov 2026), then site shell styles. */

/* ===== Copy10XSignals theme v2 — LIGHT / lime accents ===== */
/* Base :root remapped light; full override appended before end of skin. WAITING Gael OK before live. */
:root{
  --bg:#F4F7F5; --panel:#FFFFFF; --panel-2:#EEF2EF; --line:#D5DDD8;
  --head:#0E1411; --text:#1A221E; --muted:#4A5A52;
  --lime:#C8F907; --lime-h:#B7F205; --ink:#000000;
  --warn-bg:#FFF8E1;
  --font-head:'Oswald','Arial Narrow','Roboto Condensed',Impact,sans-serif;
  --font-body:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --maxw:1120px; --read:900px; --radius:4px;
  --link:#0B0F0A; --link-h:#000000;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.7 var(--font-body);padding-bottom:72px}
@media (min-width:768px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--lime-h)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--head);text-transform:uppercase;letter-spacing:.01em;line-height:1.08;font-weight:700;margin:1.6em 0 .5em}
h1{font-size:clamp(2.1rem,7vw,4rem)} h2{font-size:clamp(1.55rem,4.2vw,2.3rem)} h3{font-size:clamp(1.2rem,3vw,1.5rem)}
p,ul,ol,table,details{margin:0 0 1.1em}
strong{color:var(--head)}
code{background:var(--panel-2);padding:.1em .35em;border-radius:3px;font-size:.92em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--lime);color:var(--ink);padding:8px 12px}
.lime{color:var(--lime)}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:700 .95rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:15px 22px;border-radius:var(--radius);border:2px solid var(--lime);transition:background .15s,color .15s,transform .15s;min-height:48px;white-space:nowrap}
.btn-primary{background:var(--lime);color:var(--ink)}
.btn-primary:hover{background:var(--lime-h);border-color:var(--lime-h);color:var(--ink);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--head);border-color:#3a3a3a}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-sm{padding:10px 14px;min-height:40px;font-size:.8rem}
.fine{font-size:.78rem;color:var(--muted);letter-spacing:.02em}

/* ---- Header ---- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{font:700 1.45rem/1 var(--font-head);letter-spacing:.04em;color:var(--head);text-decoration:none;text-transform:uppercase}
.logo span{color:var(--lime)}
.hdr .btn{display:none}
@media (min-width:768px){.hdr .btn{display:inline-flex}}
.nav{border-top:1px solid var(--line)}
.nav ul{list-style:none;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:var(--maxw)}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:block;padding:11px 10px;font:600 .78rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.nav a:hover,.nav a.on{color:var(--head);border-bottom-color:var(--lime)}
.nav a b{color:var(--lime);font-weight:700;margin-right:4px}

/* ---- Hero ---- */
.hero{padding:64px 0 48px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 0%,rgba(200,249,7,.10),transparent 55%),var(--bg)}
.kicker{display:inline-block;font:700 .75rem/1 var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--lime);padding:6px 9px;margin-bottom:18px}
.hero h1{margin:0 0 .3em;max-width:14ch}
.hero .sub{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--muted);max-width:60ch;margin-bottom:28px}
.hero .sub strong{color:var(--lime);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}

/* ---- Trust strip ---- */
.trust{border-bottom:1px solid var(--line);background:var(--panel)}
.trust ul{list-style:none;margin:0;padding:16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
@media (min-width:768px){.trust ul{grid-template-columns:repeat(4,1fr)}}
.trust li{font:600 .82rem/1.3 var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:var(--head);display:flex;gap:8px;align-items:flex-start}
.trust li::before{content:'';flex:0 0 10px;height:10px;margin-top:3px;background:var(--lime)}
.trust a{color:var(--head)}

/* ---- Field manual grid ---- */
.section{padding-top:56px;padding-bottom:56px}
.wrap.section{padding:56px 20px;box-sizing:border-box}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.section-head h2{margin:0}
.chapters{display:grid;gap:14px;grid-template-columns:1fr;counter-reset:ch}
@media (min-width:640px){.chapters{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.chapters{grid-template-columns:repeat(5,1fr)}}
.chapter{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--lime);padding:20px 18px 18px;text-decoration:none;color:var(--text);min-height:200px;transition:border-color .15s,transform .15s}
.chapter:hover{border-color:var(--lime);transform:translateY(-2px);color:var(--text)}
.chapter .num{font:700 2.6rem/1 var(--font-head);color:var(--lime)}
.chapter h3{margin:.35em 0 .4em;font-size:1.25rem}
.chapter p{font-size:.92rem;color:var(--muted);margin:0 0 12px}
.chapter .go{margin-top:auto;font:700 .75rem/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}

/* ---- Post list ---- */
.cards{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}
.card:hover{border-color:#333}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%;background:#111}
.card .in{padding:18px;display:flex;flex-direction:column;flex:1}
.card .tag{font:700 .7rem/1 var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);text-decoration:none;margin-bottom:10px}
.card h3{margin:0 0 .5em;font-size:1.2rem}
.card h3 a{color:var(--head);text-decoration:none}
.card h3 a:hover{color:var(--lime)}
.card p{font-size:.93rem;color:var(--muted)}
.card .meta{margin-top:auto;font-size:.78rem;color:var(--muted)}
.pager{display:flex;justify-content:space-between;gap:12px;margin:32px 0}
.label-head{padding:40px 0 8px}
.label-head h1{margin:0}

/* ---- Article ---- */
.article{max-width:var(--read);margin:0 auto;padding:28px 20px 40px}
.crumbs{font-size:.8rem;color:var(--muted);margin:0 0 18px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--lime)}
.crumbs span{margin:0 6px;color:#555}
.article h1{margin:.1em 0 .4em;font-size:clamp(2rem,6vw,3.1rem)}
.byline{font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.byline strong{color:var(--head)}
.risk-banner{display:flex;gap:12px;align-items:flex-start;background:var(--warn-bg);border:1px solid #3b4a00;border-left:4px solid var(--lime);padding:12px 14px;font-size:.88rem;color:var(--text);margin:0 0 26px}
.risk-banner b{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:var(--lime);white-space:nowrap}
.risk-banner a{color:var(--head)}
.post-body{overflow-wrap:break-word}
.post-body h2{border-top:1px solid var(--line);padding-top:1em}
.post-body img{margin:1.2em auto;border:1px solid var(--line)}
.post-body blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--lime);color:var(--head);font-size:1.08em}
.post-body li{margin-bottom:.35em}
.post-body ul li::marker{color:var(--lime)}
.post-body ol li::marker{color:var(--lime);font-family:var(--font-head);font-weight:700}
.post-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.meta-note{font-size:.82rem;color:var(--muted)}
.risk-note{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.answer,.tldr{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--lime);padding:16px 18px;margin:0 0 1.4em}
.answer > :last-child,.tldr > :last-child{margin-bottom:0}
.tldr::before{content:'Short answer';display:block;font:700 .72rem/1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}

/* Tables */
.post-body table,.data-table{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto}
.post-body th,.post-body td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.post-body th{font:700 .75rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--lime);background:var(--panel)}
.post-body tr:hover td{background:#070707}

/* Table of contents */
.toc{background:var(--panel);border:1px solid var(--line);padding:16px 20px;margin:0 0 1.8em}
.toc-title{font:700 .8rem/1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin:0 0 10px}
.toc ol{margin:0;padding-left:1.3em;columns:1}
@media (min-width:640px){.toc ol{columns:2;column-gap:28px}}
.toc li{font-size:.92rem;margin-bottom:.3em;break-inside:avoid}
.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--lime)}

/* CTA box: div.cta-box in posts */
.cta-box{position:relative;background:var(--panel);border:2px solid var(--lime);padding:22px 20px 18px;margin:2em 0}
.cta-box h3,.cta-box .cta-title{margin:0 0 .4em;font:700 1.35rem/1.1 var(--font-head);text-transform:uppercase;color:var(--head)}
.cta-box p{color:var(--muted);margin-bottom:14px}
.cta-box a.btn,.cta-box .cta-link{display:inline-flex;align-items:center;font:700 .9rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.06em;background:var(--lime);color:var(--ink);text-decoration:none;padding:14px 20px;border-radius:var(--radius)}
.cta-box a.btn:hover,.cta-box .cta-link:hover{background:var(--lime-h);color:var(--ink)}
.cta-box .fine{display:block;margin-top:10px}
.cta-box.alt{border-color:#333;border-left:4px solid var(--lime)}
.cta-box.alt a.btn,.cta-box.alt .cta-link{background:transparent;color:var(--lime);border:2px solid var(--lime)}

/* Checklist */
ul.checklist{list-style:none;padding:0}
ul.checklist li{position:relative;padding-left:30px}
ul.checklist li::before{content:'';position:absolute;left:0;top:.45em;width:16px;height:16px;border:2px solid var(--lime)}

/* FAQ accordion: details.faq */
.post-body details,details.faq{background:var(--panel);border:1px solid var(--line);margin:0 0 10px;padding:0}
details summary{cursor:pointer;list-style:none;padding:15px 48px 15px 18px;position:relative;font:600 1.02rem/1.35 var(--font-body);color:var(--head)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font:700 1.5rem/1 var(--font-head);color:var(--lime)}
details[open] summary::after{content:'\2212'}
details[open] summary{border-bottom:1px solid var(--line)}
details > :not(summary){padding:0 18px}
details > :not(summary):first-of-type{padding-top:14px}
details > p:last-child{padding-bottom:6px}

/* Author box */
.author-box{display:flex;gap:16px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);padding:20px;margin:40px 0 24px}
.author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px;border:2px solid var(--lime)}
.author-box .ph{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 1.4rem/1 var(--font-head)}
.author-box .who{font:700 1.05rem/1.2 var(--font-head);text-transform:uppercase;color:var(--head);margin:0 0 4px}
.author-box p{font-size:.9rem;color:var(--muted);margin:0 0 6px}
.post-labels{font-size:.82rem;margin:0 0 20px}
.post-labels a{display:inline-block;margin:0 6px 6px 0;padding:5px 9px;border:1px solid #333;color:var(--muted);text-decoration:none;font:600 .72rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.06em}
.post-labels a:hover{border-color:var(--lime);color:var(--lime)}
.next-steps{display:grid;gap:12px;grid-template-columns:1fr;margin:24px 0}
@media (min-width:640px){.next-steps{grid-template-columns:1fr 1fr}}

/* Comments (Blogger default markup) */
.comments{margin-top:32px;color:var(--text)}
.comments h3{font-size:1.2rem}
.comments .comment-content{color:var(--text)}
.comments a{color:var(--lime)}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:var(--panel);padding:40px 0 28px;margin-top:40px;font-size:.88rem;color:var(--muted)}
.foot-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:768px){.foot-grid{grid-template-columns:2fr 1fr 1fr}}
.site-footer h4{font-size:.85rem;letter-spacing:.12em;color:var(--lime);margin:0 0 10px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:6px}
.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{color:var(--lime)}
.foot-line{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.foot-line .disc{font:700 .95rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--head)}
.foot-line .disc span{color:var(--lime)}

/* Sticky mobile CTA bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,10,.97);border-top:1px solid #2a2a2a}
.mbar .btn{flex:1;padding:12px 10px;min-height:46px;font-size:.82rem}
.mbar .tg{flex:0 0 auto}
.mbar small{position:absolute;top:-18px;left:12px;font-size:.66rem;color:var(--muted);background:rgba(0,0,0,.85);padding:2px 6px}
@media (min-width:768px){.mbar{display:none}}

/* Blogger chrome */
#navbar,#navbar-iframe,.navbar{display:none!important;height:0!important}
.status-msg-wrap{max-width:var(--read);margin:20px auto;padding:0 20px;color:var(--muted)}
.section-widgets .widget{margin:0 0 20px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.mbar,.site-footer,.cta-box{display:none}body{background:#fff;color:#000}}

/* v2: legacy Blogger widgets kept but hidden; related list; footer topics */
.legacy-widgets,.legacy{display:none!important}
.related{max-width:var(--read);margin:8px auto 48px;padding:0 20px}
.related-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--head);font-size:18px;margin:0 0 10px}
.related ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.related li{border-bottom:1px solid var(--line)}
.related a{display:block;padding:12px 0;color:var(--text);text-decoration:none}
.related a:hover{color:var(--lime)}
.foot-topics{margin:24px 0 0}
.foot-topics h4{margin:0 0 10px}
.topics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.topics a{display:inline-block;border:1px solid var(--line);padding:6px 10px;font-size:13px;color:var(--muted);text-decoration:none}
.topics a:hover{border-color:var(--lime);color:var(--lime)}
.foot-topics .BlogArchive,.foot-topics .ReportAbuse{display:none}



/* ============================================================
   Copy10X LIGHT THEME OVERRIDE v3 (injected)
   Widen traders/fiches + mobile 360/390. Do not edit live without Gael OK.
   ============================================================ */
/*
  Copy10XSignals — LIGHT THEME OVERRIDE (v3)
  ============================================================
  WAITING Gael direct OK before live apply. Ops applies — do not publish from this pack.
  HOW (custom theme, b:css=false): Theme → Edit HTML → paste this CSS just before
       </b:skin> (end of skin CDATA), OR restore theme-clair-full.xml from clair-final/.
  ROLLBACK: restore /workspace/copy10x/theme/backup-2026-11-05/blogger-theme-backup.xml
  Remaps LIVE theme vars to a light readable palette; brand lime kept for CTAs.
  v3: widen traders/fiche column to home width; mobile polish 360/390.
  ============================================================
*/



/* ---- 1) Remap live page-skin-1 CSS variables ---- */
:root {
  --bg: #F4F7F5;
  --panel: #FFFFFF;
  --panel-2: #EEF2EF;
  --line: #D5DDD8;
  --head: #0E1411;
  --text: #1A221E;
  --muted: #4A5A52;
  --lime: #C8F907;
  --lime-h: #B7F205;
  --ink: #000000;
  --warn-bg: #FFF8E1;
  --font-body: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  /* link color for body text (lime alone is hard to read on light) */
  --link: #0B0F0A;
  --link-h: #000000;
}

/* Theme chrome */
html { color-scheme: light; }
meta[name='theme-color'] { /* hint only; meta content set in HTML if needed */ }
body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--font-body) !important;
}

/* Body / article links: dark olive + lime underline (keep lime on CTAs) */
a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--lime);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
a:hover { color: var(--link-h); text-decoration-color: var(--lime-h); }

/* Preserve lime CTAs / accents that already use .btn-primary / .kicker / .lime */
.btn-primary,
.btn-primary:hover,
.kicker,
.cta-box a.btn,
.cta-box .cta-link,
.cta-box a.btn:hover,
.cta-box .cta-link:hover,
.skip:focus {
  color: var(--ink) !important;
  text-decoration: none !important;
}
.btn { text-decoration: none !important; }
.btn-ghost {
  background: transparent;
  color: var(--head) !important;
  border-color: #C5D0C9 !important;
  text-decoration: none !important;
}
.btn-ghost:hover {
  border-color: var(--lime) !important;
  color: var(--link) !important;
  background: rgba(200, 249, 7, 0.12);
}

/* Lime accent text that was meant as brand color — keep lime on dark-ish chips only;
   on light bg, chapter numbers / go links stay lime (decorative, large enough). */
.lime,
.chapter .num,
.chapter .go,
.card .tag,
.logo span,
.nav a b,
.site-footer h4,
.foot-line .disc span,
.post-body th,
.toc-title,
.tldr::before,
.risk-banner b {
  color: #0B0F0A; /* darker lime-green for readability on white */
}
/* Keep true lime on solid lime backgrounds / CTAs */
.kicker,
.btn-primary,
.cta-box a.btn,
.cta-box .cta-link { color: var(--ink) !important; }
.logo span { color: #0B0F0A; }

/* ---- 2) Hard-coded dark bits the vars miss ---- */
.site-header {
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: saturate(1.2) blur(8px);
  backdrop-filter: saturate(1.2) blur(8px);
  border-bottom: 1px solid var(--line);
}
.card:hover { border-color: #B8C5BE; }
.card img { background: #E8EEEA !important; }
.post-body tr:hover td { background: #EEF2EF !important; }
.crumbs span { color: #8A9A92; }
.risk-banner {
  background: var(--warn-bg) !important;
  border: 1px solid #E6C84A !important;
  border-left: 4px solid var(--lime) !important;
  color: var(--text) !important;
}
.risk-banner a { color: var(--head) !important; text-decoration-color: var(--lime); }
.cta-box.alt { border-color: var(--line) !important; }
.cta-box.alt a.btn,
.cta-box.alt .cta-link {
  background: transparent !important;
  color: var(--link) !important;
  border: 2px solid var(--lime) !important;
}
.post-labels a {
  border-color: var(--line) !important;
  color: var(--muted) !important;
}
.post-labels a:hover {
  border-color: var(--lime) !important;
  color: var(--link) !important;
}
.topics a {
  border-color: var(--line) !important;
  color: var(--muted) !important;
}
.topics a:hover {
  border-color: var(--lime) !important;
  color: var(--link) !important;
}

/* Sticky mobile CTA bar */
.mbar {
  background: rgba(255, 255, 255, 0.97) !important;
  border-top: 1px solid var(--line) !important;
  box-shadow: 0 -4px 16px rgba(14, 20, 17, 0.08);
}
.mbar small {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--muted) !important;
  border: 1px solid var(--line);
}

/* Hero: softer lime glow on light bg */
.hero {
  background:
    radial-gradient(ellipse at 85% 0%, rgba(200, 249, 7, 0.22), transparent 55%),
    var(--bg) !important;
}
.hero .sub strong { color: #0B0F0A !important; }

/* Nav / header links */
.nav a { color: var(--muted) !important; text-decoration: none !important; }
.nav a:hover,
.nav a.on { color: var(--head) !important; border-bottom-color: var(--lime) !important; }
.logo { color: var(--head) !important; text-decoration: none !important; }
.trust a { color: var(--head) !important; text-decoration: none !important; }
.card h3 a { color: var(--head) !important; text-decoration: none !important; }
.card h3 a:hover { color: var(--link) !important; }
.chapter { text-decoration: none !important; }
.chapter:hover { color: var(--text) !important; }
.site-footer a { color: var(--text) !important; text-decoration: none !important; }
.site-footer a:hover { color: var(--link) !important; }
.toc a { color: var(--text) !important; text-decoration: none !important; }
.toc a:hover { color: var(--link) !important; }
.related a { color: var(--text) !important; text-decoration: none !important; }
.related a:hover { color: var(--link) !important; }
.crumbs a { color: var(--muted) !important; text-decoration: none !important; }
.crumbs a:hover { color: var(--link) !important; }
.comments a { color: var(--link) !important; }

/* Inline dark risk chips sometimes pasted in HTML widgets */
[style*='background:#141A00'],
[style*='background: #141A00'],
[style*='background:#0B0E12'],
[style*='background:#06080B'] {
  background: var(--warn-bg) !important;
  color: var(--text) !important;
}

/* ---- 3) Key metrics stand out (risk / drawdown / performance) ---- */
.risk-banner,
.risk-note,
.answer,
.tldr,
.cta-box {
  box-shadow: 0 1px 0 rgba(14, 20, 17, 0.04);
}
.post-body table,
.data-table {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
}
.post-body th {
  background: var(--panel-2) !important;
  color: #0B0F0A !important;
  border-bottom: 2px solid var(--lime) !important;
  font-weight: 800;
}
.post-body td {
  border-bottom: 1px solid var(--line);
}
.post-body td strong,
.post-body td b {
  color: var(--head);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* Utility: mark risk / DD / perf cells when markup uses them */
.kp,
.metric,
.stat-dd,
.stat-risk,
.stat-perf,
[data-metric='dd'],
[data-metric='risk'],
[data-metric='perf'] {
  border: 1px solid var(--line) !important;
  border-left: 3px solid var(--lime) !important;
  background: var(--panel) !important;
  font-weight: 700;
}
.stat-dd b,
.stat-risk b,
.kp b {
  font-variant-numeric: tabular-nums;
  color: var(--head);
}

/* ---- 4) Traders Hub widget (.c10x) — lighten hardcoded dark ---- */
.c10x {
  --bg: #F4F7F5 !important;
  --panel: #FFFFFF !important;
  --line: #D5DDD8 !important;
  --lime: #C8F907 !important;
  --txt: #1A221E !important;
  --mut: #4A5A52 !important;
  --amber: #B86E00 !important;
  --red: #C62828 !important;
  --cyan: #0B6E84 !important;
  background: var(--bg) !important;
  color: var(--txt) !important;
  border: 1px solid var(--line);
}
.c10x a { color: var(--link, #0B0F0A) !important; text-decoration-color: var(--lime); }
.c10x h1 b { color: #0B0F0A !important; }
.c10x .disc {
  background: #F4FED6 !important;
  border: 1px solid #C8F907 !important;
  border-left: 3px solid var(--lime) !important;
  color: #0B0F0A !important;
}
.c10x .mode,
.c10x .filters,
.c10x .card {
  background: #FFFFFF !important;
  border-color: var(--line) !important;
}
.c10x .card {
  background: linear-gradient(180deg, #FFFFFF, #F4F7F5) !important;
}
.c10x .chip {
  color: var(--txt) !important;
  border-color: var(--line) !important;
}
.c10x .chip.on {
  background: var(--lime) !important;
  color: #0B0E12 !important;
  border-color: var(--lime) !important;
}
.c10x input[type=search] {
  background: #FFFFFF !important;
  border: 1px solid var(--line) !important;
  color: var(--txt) !important;
}
.c10x .nm a { color: var(--txt) !important; }
.c10x .nm a:hover { color: #0B0F0A !important; }
.c10x .score {
  background: #FFFFFF !important;
  border-color: var(--line) !important;
  color: var(--txt);
}
.c10x .score.A { color: #0B0F0A !important; border-color: #0B0F0A !important; }
.c10x .score.B { color: #B86E00 !important; border-color: #B86E00 !important; }
.c10x .kp div {
  background: #EEF2EF !important;
  border: 1px solid var(--line);
  border-left: 3px solid var(--lime);
}
.c10x .kp b { color: #0E1411 !important; font-weight: 800; }
.c10x .kp span { color: var(--mut) !important; }
.c10x .tr { background: #E2EAE5 !important; }
.c10x .bar5 i { background: #E2EAE5 !important; }
.c10x .why {
  background: #FFF8E1 !important;
  border-left: 3px solid #E6A800 !important;
  color: #5C4500 !important;
}
.c10x .why.x {
  background: #FDECEA !important;
  border-left-color: #C62828 !important;
  color: #8B1E1E !important;
}
.c10x .tiles div {
  background: #FFFFFF !important;
  border: 1px solid var(--line) !important;
  border-left: 3px solid var(--lime);
}
.c10x .tiles b { color: #0E1411 !important; }
.c10x .warnbox {
  background: #FFF8E1 !important;
  border-left: 3px solid #E6A800 !important;
  color: #5C4500 !important;
}
.c10x .infobox {
  background: #E8F6FA !important;
  border-left: 3px solid #0B6E84 !important;
  color: #0A4A5A !important;
}
.c10x .curve { border-color: var(--line) !important; color: var(--mut) !important; }
.c10x .ghost {
  border-color: var(--line) !important;
  color: var(--txt) !important;
}
.c10x .ghost.lime,
.c10x .cta2 {
  border: 2px solid var(--lime) !important;
  color: #0B0F0A !important;
}
.c10x .cta { color: #0B0E12 !important; text-decoration: none !important; }

/* Overlay / detail panel */
.ov { background: rgba(14, 20, 17, 0.45) !important; color: #1A221E !important; }
.det {
  background: #FFFFFF !important;
  color: #1A221E !important;
  border: 1px solid #D5DDD8 !important;
  box-shadow: 0 24px 80px rgba(14, 20, 17, 0.18) !important;
}
.det a { color: #0B0F0A !important; }
.det .x { background: #FFFFFF !important; color: #4A5A52 !important; }
.det .tiles div {
  background: #EEF2EF !important;
  border: 1px solid #D5DDD8 !important;
}
.det .tiles b { color: #0E1411 !important; }
.det .tr { background: #E2EAE5 !important; }
.det .why {
  background: #FFF8E1 !important;
  color: #5C4500 !important;
  border-left-color: #E6A800 !important;
}
.det .why.x {
  background: #FDECEA !important;
  color: #8B1E1E !important;
  border-left-color: #C62828 !important;
}
.det .warnbox {
  background: #FFF8E1 !important;
  color: #5C4500 !important;
}
.det .infobox {
  background: #E8F6FA !important;
  color: #0A4A5A !important;
}
.det .ghost { border-color: #D5DDD8 !important; color: #1A221E !important; }
.det .ghost.lime,
.det .cta2 { color: #0B0F0A !important; border-color: #C8F907 !important; }
.det .cta { color: #0B0E12 !important; text-decoration: none !important; }
.det .risk,
.det .tag { color: #4A5A52 !important; }

/* ---- 5) Review fiches (.f10x) ---- */
.f10x {
  background: #FFFFFF !important;
  color: #1A221E !important;
  border: 1px solid #D5DDD8;
  box-shadow: 0 6px 20px rgba(14, 20, 17, 0.06);
}
.f10x h1 b,
.f10x h2 b { color: #0B0F0A !important; }
.f10x a { color: #0B0F0A !important; text-decoration-color: #C8F907; }
.f10x table td,
.f10x table th { border-bottom-color: #D5DDD8 !important; }
.f10x th { color: #4A5A52 !important; }
.f10x .k,
.f10x .small { color: #4A5A52 !important; }
.f10x .box {
  background: #F4F7F5 !important;
  border: 1px solid #D5DDD8 !important;
  border-left: 3px solid #C8F907 !important;
}
.f10x .disc {
  background: #F4FED6 !important;
  border: 1px solid #C8F907 !important;
  color: #0B0F0A !important;
}
.f10x .cta { color: #0B0E12 !important; text-decoration: none !important; }
.f10x .ghost {
  border-color: #D5DDD8 !important;
  color: #1A221E !important;
}
.f10x .ghost.lime {
  border-color: #C8F907 !important;
  color: #0B0F0A !important;
}
body:has(.f10x) {
  background: #F4F7F5 !important;
}

/* Print stays clean */
@media print {
  body { background: #fff !important; color: #000 !important; }
}



/* ---- 5b) HTML1 missions promo: container + light card (all non-item views) ---- */
#HTML1{margin:0}
#HTML1 .missions-shell{padding-top:20px;padding-bottom:8px}
#HTML1 .missions-card{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#FFFFFF;
  border:1px solid #D5DDD8;
  border-left:4px solid #C8F907;
  border-radius:14px;
  padding:18px 20px;
  color:#1A221E;
  max-width:760px;
  margin:0 auto;
  box-sizing:border-box;
}
#HTML1 .missions-card .missions-kicker{
  color:#0B0F0A;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  margin:0;
}
#HTML1 .missions-card h2{
  color:#1A221E !important;
  margin:.3rem 0;
  text-transform:none;
  letter-spacing:0;
  font-size:clamp(1.25rem,3vw,1.6rem);
  line-height:1.25;
}
#HTML1 .missions-card ol{
  margin:.4rem 0 .8rem 1.1rem;
  padding:0;
  color:#4A5A52;
}
#HTML1 .missions-card ol b{color:#1A221E}
#HTML1 .missions-card a.missions-cta{
  display:inline-block;
  background:#C8F907;
  color:#0A0A0A !important;
  font-weight:800;
  text-decoration:none !important;
  border-radius:10px;
  padding:10px 16px;
  margin:0 8px 8px 0;
}
#HTML1 .missions-card a.missions-cta:hover{background:#B7F205}
#HTML1 .missions-card a.missions-ghost{
  display:inline-block;
  border:1px solid #C8F907;
  color:#0B0F0A !important;
  font-weight:700;
  text-decoration:none !important;
  border-radius:10px;
  padding:10px 16px;
  margin:0 8px 8px 0;
}
#HTML1 .missions-card .missions-note{
  font-size:.85rem;
  color:#4A5A52;
  margin:.6rem 0 0;
}
#HTML1 .missions-card .missions-note b{color:#0B0F0A}
#HTML1 .missions-card .missions-risk{
  font-size:.78rem;
  color:#0B0F0A;
  margin:.6rem 0 0;
  background:#F4FED6;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid #C8F907;
}
/* Compact on label/search: fill the padded .wrap (homepage keeps 760 centered) */
body:not(:has(.hero)) #HTML1 .missions-card{
  max-width:100%;
  margin:0;
  padding:14px 16px;
}
body:not(:has(.hero)) #HTML1 .missions-card h2{font-size:1.2rem;margin:.2rem 0}
body:not(:has(.hero)) #HTML1 .missions-card ol{margin:.25rem 0 .55rem 1.1rem;font-size:.95rem}
@media (max-width:390px){
  #HTML1 .missions-card{padding:14px 12px}
  #HTML1 .missions-card a.missions-cta,
  #HTML1 .missions-card a.missions-ghost{display:block;width:100%;text-align:center;margin:0 0 8px;box-sizing:border-box}
}

/* ---- 6) Inline-styled HTML gadgets (Start / missions promo) ----
   Widgets hard-code dark colors in style=""; beat them with !important. */
[style*="background:#0A0A0A"],
[style*="background: #0A0A0A"],
[style*="background:#0a0a0a"] {
  background: #FFFFFF !important;
  border-color: #D5DDD8 !important;
  color: #1A221E !important;
}
[style*="color:#FFFFFF"],
[style*="color:#FFF"],
[style*="color:#fff"],
[style*="color:#F1F1F1"],
[style*="color:#C7CABB"] {
  color: #1A221E !important;
}
/* Lime inline labels → darker olive for readability on white */
p[style*="color:#C8F907"],
b[style*="color:#C8F907"],
span[style*="color:#C8F907"] {
  color: #0B0F0A !important;
}
a[style*="color:#C8F907"] {
  color: #0B0F0A !important;
}
/* Primary CTA with lime bg keeps black text (already #0A0A0A) */
a[style*="background:#C8F907"] {
  color: #0A0A0A !important;
  text-decoration: none !important;
}
div.c10x {
  background: #F4F7F5 !important;
}


/* ---- 7) Widen traders / fiche column (match home --maxw:1120px) ----
   Live skin: .article/.related/.status-msg-wrap use --read:720px.
   Hub .c10x wants ~1180 but sits inside narrow .article; fiches .f10x are 860.
   Strategy: bump --read slightly for all prose (900); force 1120 for pages
   that contain hub/fiche widgets. */
:root {
  --read: 900px; /* was 720 — still readable for long articles */
}

/* When hub or fiche is present, widen the article chrome to home width */
body:has(.c10x) .article,
body:has(.f10x) .article,
body:has(.c10x) .status-msg-wrap,
body:has(.f10x) .status-msg-wrap,
body:has(.c10x) .related,
body:has(.f10x) .related {
  max-width: var(--maxw, 1120px) !important;
}

/* URL-path fallback (Blogger static page /p/traders, review URLs) */
body[class*="traders"] .article,
body[class*="item-page"] .article:has(.f10x),
.static_page .article:has(.c10x),
.static_page .article:has(.f10x) {
  max-width: var(--maxw, 1120px) !important;
}

.c10x {
  max-width: 1120px !important;
  width: 100% !important;
  box-sizing: border-box;
}
.f10x {
  max-width: 1120px !important; /* was 860 — match home readability */
  width: 100% !important;
  box-sizing: border-box;
}

/* ---- 8) Mobile polish 360 / 390 (no page horizontal scroll) ---- */
html, body {
  overflow-x: hidden !important;
  max-width: 100%;
}
.wrap,
.article,
.c10x,
.f10x,
.status-msg-wrap,
.related,
.site-header,
.site-footer,
.hero,
.post-body {
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Tables: scroll inside, not the page */
.post-body table,
.f10x table,
.c10x table,
.data-table,
.det table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  border-radius: 4px;
}

/* Sticky mbar: keep content clear; hide mbar on desktop already in skin */
body {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (min-width: 768px) {
  body { padding-bottom: 0 !important; }
}

/* Nav: horizontal scroll stays inside .nav ul only */
.nav { overflow: hidden; }
.nav ul {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  max-width: 100% !important;
  scrollbar-width: none;
}
.nav ul::-webkit-scrollbar { display: none; }

/* Touch targets */
.cta, .btn, .ghost,
.c10x .cta, .c10x .ghost, .c10x .cta2,
.f10x .cta, .f10x .ghost,
.det .cta, .det .ghost, .det .cta2 {
  min-height: 44px !important;
  box-sizing: border-box;
}

/* KPI grids readable on small screens */
.c10x .kp {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}
.c10x .kp div,
.c10x .kp b,
.c10x .kp span {
  font-size: 13px !important;
}
.c10x .kp b { font-size: 15px !important; }
.c10x .tiles {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.c10x .tiles b { font-size: 16px !important; }
.c10x .tiles span,
.c10x .tiles em { font-size: 13px !important; }
.det .tiles {
  grid-template-columns: 1fr 1fr !important;
}

@media (max-width: 390px) {
  .wrap, .article { padding-left: 12px !important; padding-right: 12px !important; }
  .c10x { padding: 12px !important; }
  .f10x { padding: 14px 12px !important; }
  .c10x .grid {
    grid-template-columns: 1fr !important;
  }
  .c10x .modes {
    grid-template-columns: 1fr !important;
  }
  .c10x .kp,
  .c10x .tiles,
  .det .tiles {
    grid-template-columns: 1fr 1fr !important;
  }
  .c10x .kp b { font-size: 14px !important; }
  .c10x .kp span,
  .c10x .tiles span { font-size: 12px !important; }
  /* Buttons: full-width stack */
  .cta, .btn, .ghost,
  .c10x .cta, .c10x .ghost, .c10x .cta2,
  .f10x .cta, .f10x .ghost,
  .hero .btn, .card .btn {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 12px 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: normal !important;
  }
  .c10x .cta, .c10x .ghost, .c10x .cta2,
  .f10x .cta, .f10x .ghost {
    margin: 6px 0 !important;
  }
  .mbar .btn { min-height: 44px !important; }
  h1, .article h1, .c10x h1, .f10x h1 {
    font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
  }
}

@media (max-width: 360px) {
  .wrap, .article { padding-left: 10px !important; padding-right: 10px !important; }
  .c10x { padding: 10px !important; }
  .f10x { padding: 12px 10px !important; }
  .c10x .kp div { padding: 6px !important; }
  .c10x .kp b { font-size: 13px !important; }
  .c10x .score { font-size: 12px !important; }
  .nav a { padding: 8px 10px !important; font-size: 0.78rem !important; }
  .btn, .cta, .ghost { font-size: 0.85rem !important; padding: 11px 12px !important; }
}

  
/* ==== v4: vivid lime only (no olive). Labels = lime pills w/ dark text; links = dark + lime underline ==== */
a,.post-body a,.c10x a,.f10x a,.det a{text-decoration:underline !important;text-decoration-color:#C8F907 !important;text-decoration-thickness:2px !important;text-underline-offset:3px}
a:hover,.post-body a:hover{background:rgba(200,249,7,.35)}
.btn,.btn-primary,.cta-box a.btn,.post-body a.btn,.c10x .cta,#HTML1 .missions-card a.missions-cta{background:#C8F907 !important;color:#0B0F0A !important;text-decoration:none !important}
.kicker,.toc-title,.tldr::before,.risk-banner b,.cta-title,#HTML1 .missions-card .missions-kicker,.missions-note b,.hero .sub strong,.c10x h1 b,.f10x h2 b,.c10x .score.A,p[style*="color:#C8F907"],b[style*="color:#C8F907"],span[style*="color:#C8F907"]{display:inline-block;background:#C8F907 !important;color:#0B0F0A !important;padding:2px 8px;border-radius:999px;font-weight:800;line-height:1.35}
.tldr,.risk-banner,.risk-note,.c10x .disc,#HTML1 .missions-card .missions-risk{border-left:4px solid #C8F907 !important}
.post-body th,.site-footer h4,.nav a b,.foot-line .disc span{color:#0B0F0A !important}
.logo span{color:#C8F907 !important;background:#0B0F0A;padding:0 4px;border-radius:3px}
.c10x .ghost.lime,.c10x .cta2,.f10x .ghost.lime,.det .cta2,#HTML1 .missions-card a.missions-ghost{background:#C8F907 !important;color:#0B0F0A !important;border-color:#C8F907 !important;text-decoration:none !important}
/* Copy10X — design-fix patch LOCAL 2026-11-05
   Append at end of Blogger theme AFTER existing styles. Test 390/1280 px.
   Lime #C8F907 stays for BUTTON/BADGE BACKGROUNDS + borders only.
   Ops/Gael P0: .ghost.lime = lime FILL + dark text #0B0F0A (not lime-on-lime, not outline-only).
   DO NOT hide .pack-lead (needed for Blogger featured-image behavior). */

/* Reading column + mobile breathing room */
.article { max-width: 900px; padding: 32px 24px 48px; }
.post-body { max-width: 75ch; margin-inline: auto; line-height: 1.72; }
.post-body p, .post-body ul, .post-body ol { margin-bottom: 1.15em; }

/* Theme link color on light surfaces — keep CTA/lime buttons dark-on-lime */
.post-body a:not(.cta):not(.ghost):not(.btn):not(.lime-badge):not(.kicker) {
  color: #334200;
}
/* Broader theme override when links sit outside .post-body */
body a:not(.cta):not(.ghost):not(.btn):not(.lime-badge):not(.kicker):not([class*="btn"]) {
  color: #334200;
}

/* P0 — secondary CTAs were lime text on lime bg (1:1). Force dark-on-lime fill. */
.post-body .f10x a.ghost.lime,
.post-body a.ghost.lime,
.post-body .ghost.lime,
.f10x a.ghost.lime,
a.ghost.lime,
.ghost.lime {
  background: #C8F907 !important;
  color: #0B0F0A !important;
  border: 2px solid #C8F907 !important;
  text-decoration: none !important;
  line-height: 1.35;
  white-space: normal;
}
.post-body .f10x a.ghost.lime:hover,
.post-body a.ghost.lime:hover,
.post-body .ghost.lime:hover,
.f10x a.ghost.lime:hover,
a.ghost.lime:hover,
.ghost.lime:hover {
  background: #B7F205 !important;
  color: #0B0F0A !important;
  border-color: #B7F205 !important;
}

/* Primary CTAs stay dark text on lime */
.post-body .cta,
.post-body a.cta,
.cta {
  color: #0B0F0A !important;
}

/* Lime accents as text on light theme → readable olive; badges keep lime fill */
.post-body .lime:not(.ghost):not(.cta):not(.lime-badge):not(.kicker),
.post-body .n,
.post-body .rar,
.post-body h1 b,
.post-body h2 b,
.post-body th,
.post-body .tldr::before,
.post-body .toc-title {
  color: #334200;
}
.post-body .lime-badge,
.post-body .kicker {
  background: #C8F907;
  color: #0B0F0A;
  padding: .2em .5em;
}
.crumbs, .crumbs span, .meta-note { color: #4A5A52; }

/* Dark fiche cards (.f10x): keep lime/light link text on dark panel;
   ghost.lime still forced dark-on-lime above (wins via !important). */
.f10x a:not(.cta):not(.ghost) { color: #C8F907; }
.f10x h1 b, .f10x h2 b { color: #C8F907; }

/* P0 — Start in 5 Steps light column (overrides embedded black .c5) */
.c5 {
  --lime: #C8F907;
  --lime-h: #B7F205;
  --panel: #FFFFFF;
  --line: #D5DDD8;
  --head: #0E1411;
  --text: #1A221E;
  --muted: #4A5A52;
  --warn-bg: #FFF8E1;
  background: #F4F7F5 !important;
  color: var(--text) !important;
  max-width: 860px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.c5 .m, .c5 .bar, .c5 .qa { background: #FFFFFF; }
.c5 .kick, .c5 .qa b, .c5 a:not(.cta):not(.ghost) { color: #334200; }
.c5 .ghost { color: #1A221E !important; border-color: var(--line); }
.c5 .cta { color: #0B0F0A !important; }
.c5 .num, .c5 .code { background: #C8F907; color: #0B0F0A; }
.c5 h1, .c5 h2, .c5 h3, .c5 summary, .c5 .quote { color: var(--head); }
.c5 .risk { color: var(--muted); background: var(--warn-bg); border-color: var(--line); }
.c5 .disc, .c5 .bar small, .c5 details { color: var(--muted); }
.c5 .perk { background: var(--warn-bg); border-color: #C8F907; }
.c5 .track { background: var(--line); }
.c5 .win { border-color: #C8F907; }

/* pack-lead: KEEP visible (featured-image spacer). Do not display:none. */

@media (max-width: 600px) {
  .article { padding: 24px 20px 40px; }
  .f10x { padding: 18px; }
  .post-body table, .f10x table { font-size: 14px; }
  .post-body th, .post-body td, .f10x th, .f10x td { padding: 10px; }
  .post-body .cta, .post-body .ghost { max-width: 100%; box-sizing: border-box; }
}


/* BEGIN C10X mobile mbar in-flow fix 2026-11-07 */
@media screen and (max-width: 767px) {
  body { padding-bottom: 0 !important; }
  .mbar {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .mbar small {
    position: static !important;
    inset: auto !important;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .mbar .btn {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
  }
}
/* END C10X mobile mbar in-flow fix 2026-11-07 */


/* ===== Copy10X static shell (migration) ===== */
body{min-height:100vh;display:flex;flex-direction:column}
body>footer.site-footer{margin-top:auto}
body>*{width:100%}
.foot-topics-static{margin:18px 0 8px}
.foot-topics-static ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem}
.card p{overflow-wrap:anywhere}
:root{--geo-acc:#000;--geo-bg:#f6fbe9;--geo-line:#d7e6b5}

/* ===== Static-site additions (migration Nov 2026) ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-search{max-width:860px;margin:0 auto;padding:36px 20px 56px;box-sizing:border-box}
.site-search h1{margin:0 0 16px}
.site-search-form{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.site-search-form input{flex:1 1 240px;min-height:44px;padding:10px 14px;border:1px solid #CBD5E1;border-radius:10px;font:inherit;background:#fff;color:inherit}
.site-search-form button{min-height:44px;padding:10px 18px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;background:#0B1426;color:#fff}
.site-search-results{list-style:none;margin:0;padding:0}
.site-search-results li{padding:14px 0;border-bottom:1px solid #E2E8F0}
.site-search-results li a{font-weight:700}
.site-search-results li p{margin:4px 0 0;font-size:14px;opacity:.85}
.site-poll{border:1px solid #CBD5E1;border-radius:12px;padding:16px;margin:20px 0}
.site-poll fieldset{border:0;margin:0;padding:0}
.site-poll label{display:block;padding:6px 0;cursor:pointer}
.site-poll button{margin-top:8px;min-height:40px;padding:8px 16px;border-radius:10px;border:0;font-weight:700;cursor:pointer}
.site-poll-result{font-size:14px;margin:10px 0 0}

/* ---- SEO/GEO blocks (12 Nov 2026) ---- */
.geo-box{border:1px solid var(--geo-line,#d9e2ec);border-left:4px solid var(--geo-acc,#1d4ed8);background:var(--geo-bg,#f7f9fc);border-radius:10px;padding:14px 18px;margin:18px 0 22px;font-size:15.5px;line-height:1.6}
.geo-box p{margin:0 0 8px}.geo-box .geo-h{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:10px 0 6px;color:var(--geo-acc,#1d4ed8)}
.geo-box ul{margin:0;padding-left:20px}.geo-box li{margin:4px 0}
.aff-note{font-size:13.5px;line-height:1.5;background:var(--geo-bg,#f7f9fc);border:1px solid var(--geo-line,#d9e2ec);border-radius:8px;padding:8px 12px;margin:12px 0}
.rel-box{border-top:1px solid var(--geo-line,#d9e2ec);margin:32px 0 8px;padding-top:16px}
.rel-box .rel-h{font-weight:800;font-size:18px;margin:0 0 8px}.rel-box ul{margin:0 0 10px;padding-left:20px}.rel-box li{margin:6px 0}
.rel-box .rel-hub{margin:6px 0 0;font-weight:600}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:16px 0}
.tbl-scroll:focus{outline:2px solid var(--geo-acc,#1d4ed8);outline-offset:2px}
.tbl-scroll table{min-width:520px;border-collapse:collapse;width:100%}
.post-body table th,.post-body table td{padding:8px 10px;vertical-align:top}
.post-body img{max-width:100%;height:auto}
.ua-trust{max-width:850px}.ua-trust .eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1D4ED8;margin:0 0 10px}.ua-trust .deck{font-size:19px;line-height:1.6}
.pillar-list{margin:2rem 0;padding:1.25rem 1.25rem .5rem;border:1px solid var(--geo-line,#ddd);border-radius:10px;background:var(--geo-bg,#fafafa)}
.pillar-list h2{margin:0 0 .75rem;font-size:1.25rem}
.pillar-list ul{list-style:none;margin:0;padding:0}
.pillar-list li{padding:.6rem 0;border-top:1px solid var(--geo-line,#e5e5e5)}
.pillar-list li:first-child{border-top:0}
.pillar-list li>a{font-weight:700}
.pillar-list .pl-date{font-size:.8rem;opacity:.7;margin-left:.4rem}
.pillar-list p{margin:.25rem 0 0;font-size:.92rem;line-height:1.5}
.pillar-intro{margin:.5rem 0 1.25rem;max-width:62ch;line-height:1.6}
.ua-crumbs{font-size:.85rem;margin:0 0 .75rem;opacity:.85}.ua-crumbs a{text-decoration:underline}