/* CIVIO article refresh — shared skin for legacy article bodies */
:root{--article-read:900px}
body.cv-article-page{margin:0!important;background:#f2f2f0!important;color:#111!important;font-family:var(--cv-body)!important;line-height:1.9!important;letter-spacing:.01em!important}
body.cv-article-page *{box-sizing:border-box}
body.cv-article-page .article-main{padding:0 0 90px!important;background:#f2f2f0!important;overflow:hidden}
body.cv-article-page .breadcrumb{width:min(var(--cv-max),calc(100% - 48px))!important;margin:0 auto!important;padding:24px 0!important;color:#666!important;font:800 10px/1.7 monospace!important;letter-spacing:.08em!important}
body.cv-article-page .breadcrumb a{color:#111!important;text-decoration:none!important}
body.cv-article-page .breadcrumb span{margin:0 8px;color:#aaa!important}
body.cv-article-page .civio-article,
body.cv-article-page .time-returning-embedded-page{width:min(var(--cv-max),calc(100% - 48px))!important;max-width:var(--cv-max)!important;margin:0 auto!important;padding:0!important;border:1px solid #d5d5d2!important;border-radius:0!important;background:#fff!important;box-shadow:14px 14px 0 rgba(17,17,17,.12)!important;overflow:hidden!important}
body.cv-article-page .time-returning-embedded-page .article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
body.cv-article-page .civio-hero,
body.cv-article-page .time-returning-embedded-page .hero{position:relative!important;width:auto!important;max-width:none!important;margin:0!important;padding:72px 64px 54px!important;border:0!important;border-bottom:1px solid #252525!important;border-radius:0!important;background:#050505!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important}
body.cv-article-page .civio-hero::before,
body.cv-article-page .time-returning-embedded-page .hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;background-size:64px 64px!important;mask-image:linear-gradient(90deg,#000,transparent 90%)!important;pointer-events:none!important}
body.cv-article-page .civio-hero::after,
body.cv-article-page .time-returning-embedded-page .hero::after{content:""!important;display:block!important;position:absolute!important;width:320px!important;height:320px!important;right:-180px!important;top:-190px!important;border:1px solid rgba(196,20,31,.62)!important;transform:rotate(28deg)!important;box-shadow:0 0 0 70px rgba(196,20,31,.025)!important;pointer-events:none!important}
body.cv-article-page .civio-hero>*:not(figure),
body.cv-article-page .time-returning-embedded-page .hero>*:not(figure){position:relative!important;z-index:1!important}
body.cv-article-page .civio-label,
body.cv-article-page .time-returning-embedded-page .label{display:inline-flex!important;align-items:center!important;width:auto!important;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ff6570!important;font:900 10px/1.4 monospace!important;letter-spacing:.15em!important;text-transform:uppercase!important;box-shadow:none!important}
body.cv-article-page .civio-label::before,
body.cv-article-page .time-returning-embedded-page .label::before{content:"";width:34px;height:2px;margin-right:12px;background:var(--cv-red)}
body.cv-article-page .civio-title,
body.cv-article-page .time-returning-embedded-page .hero h1{max-width:1000px!important;margin:0!important;color:#fff!important;font-family:var(--cv-display)!important;font-size:clamp(45px,6.3vw,84px)!important;font-weight:900!important;line-height:1.06!important;letter-spacing:-.045em!important;text-shadow:none!important}
body.cv-article-page .civio-subtitle{max-width:900px!important;margin:18px 0 0!important;color:#fff!important;font-size:clamp(19px,2vw,28px)!important;font-weight:800!important;line-height:1.5!important}
body.cv-article-page .civio-lead,
body.cv-article-page .time-returning-embedded-page .subtitle,
body.cv-article-page .time-returning-embedded-page .lead,
body.cv-article-page .time-returning-embedded-page .intro-extra p{max-width:850px!important;margin:24px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.68)!important;font-size:16px!important;line-height:1.9!important;text-shadow:none!important}
body.cv-article-page .civio-article-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:30px 0 0!important;color:rgba(255,255,255,.55)!important}
body.cv-article-page .civio-article-meta span{display:inline-flex!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:rgba(255,255,255,.68)!important;font:800 9px/1.4 monospace!important;letter-spacing:.06em!important}
body.cv-article-page .civio-hero figure,
body.cv-article-page .time-returning-embedded-page .hero figure{position:relative!important;z-index:1!important;display:block!important;width:calc(100% + 128px)!important;max-width:none!important;margin:52px -64px -54px!important;border:0!important;border-top:1px solid rgba(255,255,255,.15)!important;border-radius:0!important;background:#111!important;box-shadow:none!important;overflow:hidden!important}
body.cv-article-page .civio-hero figure img,
body.cv-article-page .time-returning-embedded-page .hero figure img{display:block!important;width:100%!important;height:auto!important;max-height:620px!important;aspect-ratio:16/8!important;object-fit:cover!important;border:0!important;border-radius:0!important;filter:saturate(.82) contrast(1.03)!important}
body.cv-article-page .civio-hero figure figcaption,
body.cv-article-page .time-returning-embedded-page .hero figure figcaption{padding:10px 64px!important;background:#111!important;color:rgba(255,255,255,.47)!important;font-size:10px!important}
body.cv-article-page .civio-toc,
body.cv-article-page .toc{width:min(var(--article-read),calc(100% - 72px))!important;margin:45px auto 22px!important;padding:26px 30px!important;border:1px solid #d9d9d6!important;border-left:5px solid var(--cv-red)!important;border-radius:0!important;background:#f6f6f4!important;box-shadow:none!important}
body.cv-article-page .civio-toc h2,
body.cv-article-page .toc h2,
body.cv-article-page .toc-title{margin:0 0 16px!important;padding:0!important;border:0!important;color:#111!important;font-family:var(--cv-display)!important;font-size:24px!important;letter-spacing:.02em!important}
body.cv-article-page .civio-toc ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 28px!important}
body.cv-article-page .civio-toc li{margin:0!important;padding:0!important;border-top:1px solid #ddd!important}
body.cv-article-page .civio-toc a,
body.cv-article-page .toc a{display:block!important;padding:10px 0!important;color:#444!important;text-decoration:none!important;font-size:12px!important;line-height:1.65!important}
body.cv-article-page .civio-toc a:hover,
body.cv-article-page .toc a:hover{color:var(--cv-red)!important}
body.cv-article-page .article-wrap,
body.cv-article-page .time-returning-embedded-page .body{width:auto!important;max-width:none!important;margin:0!important;padding:0 0 40px!important;background:#fff!important}
body.cv-article-page .civio-section,
body.cv-article-page .civio-references,
body.cv-article-page .time-returning-embedded-page .civio-section,
body.cv-article-page .time-returning-embedded-page .civio-references{width:min(var(--article-read),calc(100% - 72px))!important;max-width:var(--article-read)!important;margin:0 auto!important;padding:50px 0!important;border:0!important;border-bottom:1px solid #e2e2df!important;background:#fff!important}
body.cv-article-page .civio-section:last-child{border-bottom:0!important}
body.cv-article-page .civio-section h2,
body.cv-article-page .civio-references h2,
body.cv-article-page .time-returning-embedded-page h2{position:relative!important;margin:0 0 28px!important;padding:0 0 0 24px!important;border:0!important;color:#111!important;font-family:var(--cv-display)!important;font-size:clamp(28px,3.2vw,43px)!important;line-height:1.25!important;letter-spacing:-.035em!important}
body.cv-article-page .civio-section h2::before,
body.cv-article-page .civio-references h2::before,
body.cv-article-page .time-returning-embedded-page h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:6px;background:var(--cv-red)}
body.cv-article-page .civio-section h3,
body.cv-article-page .time-returning-embedded-page h3{margin:36px 0 15px!important;color:#111!important;font-size:21px!important;line-height:1.55!important}
body.cv-article-page .civio-section p,
body.cv-article-page .civio-references p,
body.cv-article-page .time-returning-embedded-page .body p{margin:0 0 1.2em!important;color:#333!important;font-size:15px!important;line-height:2!important}
body.cv-article-page .civio-list,
body.cv-article-page .time-returning-embedded-page .civio-list{margin:24px 0!important;padding:0!important;list-style:none!important}
body.cv-article-page .civio-list li,
body.cv-article-page .time-returning-embedded-page .civio-list li{position:relative!important;margin:0!important;padding:15px 18px 15px 42px!important;border-top:1px solid #ddd!important;border-radius:0!important;background:#fff!important;color:#333!important}
body.cv-article-page .civio-list li:last-child{border-bottom:1px solid #ddd!important}
body.cv-article-page .civio-list li::before{content:""!important;position:absolute!important;left:18px!important;top:1.5em!important;width:8px!important;height:8px!important;border-radius:0!important;background:var(--cv-red)!important}
body.cv-article-page .civio-box,
body.cv-article-page .civio-note,
body.cv-article-page .civio-quote,
body.cv-article-page .emphasis-box,
body.cv-article-page .notice{margin:30px 0!important;padding:24px 28px!important;border:1px solid #dcdcd9!important;border-left:5px solid var(--cv-red)!important;border-radius:0!important;background:#f5f5f3!important;color:#222!important;box-shadow:none!important}
body.cv-article-page .civio-quote{background:#111!important;border-color:#111!important;border-left-color:var(--cv-red)!important;color:#fff!important;font-size:19px!important;line-height:1.8!important;font-weight:800!important}
body.cv-article-page .civio-note{background:#fff!important;color:#555!important}
body.cv-article-page .civio-grid-2,
body.cv-article-page .two-column-grid,
body.cv-article-page .data-grid,
body.cv-article-page .dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:28px 0!important}
body.cv-article-page .civio-card,
body.cv-article-page .data-card,
body.cv-article-page .currency-card{padding:24px!important;border:1px solid #d8d8d5!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body.cv-article-page .civio-card strong,
body.cv-article-page .data-card strong{color:var(--cv-red)!important}
body.cv-article-page .interactive-panel,
body.cv-article-page .civio-interactive{margin:34px 0!important;padding:28px!important;border:1px solid #111!important;border-radius:0!important;background:#111!important;color:#fff!important;box-shadow:10px 10px 0 var(--cv-red)!important}
body.cv-article-page .interactive-panel .panel-title,
body.cv-article-page .civio-interactive>h2{color:#fff!important}
body.cv-article-page .interactive-panel p,
body.cv-article-page .civio-interactive p{color:rgba(255,255,255,.68)!important}
body.cv-article-page button,
body.cv-article-page .metric-btn,
body.cv-article-page .tab-btn,
body.cv-article-page .tab-button,
body.cv-article-page .case-button,
body.cv-article-page .civio-tab{border-radius:0!important;border:1px solid rgba(255,255,255,.32)!important;background:transparent!important;color:#fff!important;font-weight:800!important}
body.cv-article-page button:hover,
body.cv-article-page .metric-btn.active,
body.cv-article-page .tab-btn.active,
body.cv-article-page .tab-button.active,
body.cv-article-page .case-button.active,
body.cv-article-page .civio-tab.is-active{background:var(--cv-red)!important;border-color:var(--cv-red)!important;color:#fff!important}
body.cv-article-page .tab-content,
body.cv-article-page .case-display,
body.cv-article-page .civio-panel{border-radius:0!important;border:1px solid rgba(255,255,255,.2)!important;background:#090909!important;color:#fff!important}
body.cv-article-page .tab-content p,
body.cv-article-page .case-display p,
body.cv-article-page .civio-panel{color:rgba(255,255,255,.72)!important}
body.cv-article-page table{width:100%!important;border-collapse:collapse!important;background:#fff!important;font-size:12px!important}
body.cv-article-page th{padding:13px!important;background:#111!important;color:#fff!important;text-align:left!important;border:1px solid #333!important}
body.cv-article-page td{padding:13px!important;border:1px solid #ddd!important;color:#333!important}
body.cv-article-page details{margin:10px 0!important;border:1px solid #d9d9d6!important;background:#fff!important}
body.cv-article-page details summary{padding:15px 18px!important;color:#111!important;font-weight:900!important;cursor:pointer!important}
body.cv-article-page details>*:not(summary){padding-left:18px!important;padding-right:18px!important}
body.cv-article-page .civio-references{padding-bottom:60px!important}
body.cv-article-page .civio-references a{overflow-wrap:anywhere!important;color:var(--cv-red)!important}
body.cv-article-page .article-footer-nav{width:min(var(--cv-max),calc(100% - 48px))!important;margin:30px auto 0!important;padding:28px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;border:1px solid #d5d5d2!important;background:#fff!important}
body.cv-article-page .article-footer-nav .button{display:inline-flex!important;min-height:46px!important;padding:11px 20px!important;border:1px solid #111!important;border-radius:0!important;background:#111!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important}
body.cv-article-page .article-footer-nav .button:hover{background:var(--cv-red)!important;border-color:var(--cv-red)!important}
body.cv-article-page .cv-author-band{box-shadow:10px 10px 0 var(--cv-red)!important;border-color:#111!important}
body.cv-article-page .cv-author-band h2{font-family:var(--cv-display)!important}
body.cv-article-page .cv-author-band p{font-size:12px!important;color:#555!important}
body.cv-article-page .cv-author-band .cv-button{background:#111!important;color:#fff!important}
body.cv-article-page .cv-author-band .cv-button:hover{background:var(--cv-red)!important}
@media(max-width:800px){
 body.cv-article-page .breadcrumb{width:calc(100% - 28px)!important}
 body.cv-article-page .civio-article,body.cv-article-page .time-returning-embedded-page,body.cv-article-page .article-footer-nav{width:calc(100% - 28px)!important;box-shadow:7px 7px 0 rgba(17,17,17,.12)!important}
 body.cv-article-page .civio-hero,body.cv-article-page .time-returning-embedded-page .hero{padding:48px 24px 34px!important}
 body.cv-article-page .civio-title,body.cv-article-page .time-returning-embedded-page .hero h1{font-size:clamp(38px,11vw,58px)!important}
 body.cv-article-page .civio-hero figure,body.cv-article-page .time-returning-embedded-page .hero figure{width:calc(100% + 48px)!important;margin:34px -24px -34px!important}
 body.cv-article-page .civio-hero figure figcaption,body.cv-article-page .time-returning-embedded-page .hero figure figcaption{padding:9px 24px!important}
 body.cv-article-page .civio-toc,body.cv-article-page .toc,body.cv-article-page .civio-section,body.cv-article-page .civio-references,body.cv-article-page .time-returning-embedded-page .civio-section,body.cv-article-page .time-returning-embedded-page .civio-references{width:calc(100% - 40px)!important}
 body.cv-article-page .civio-toc ul{grid-template-columns:1fr!important}
 body.cv-article-page .civio-grid-2,body.cv-article-page .two-column-grid,body.cv-article-page .data-grid,body.cv-article-page .dashboard-grid{grid-template-columns:1fr!important}
 body.cv-article-page .interactive-panel,body.cv-article-page .civio-interactive{padding:20px!important;box-shadow:6px 6px 0 var(--cv-red)!important}
}
body.cv-article-page .nav-toggle span{display:block!important;width:20px!important;height:2px!important;min-height:2px!important;flex:0 0 2px!important;margin:0!important;background:#fff!important}

/* ======================================================================
   CIVIO article polish v3 — white title stage + resilient interactions
   Loaded last so legacy article styles remain functional without visual
   regressions. Does not change display/visibility state of interactive panes.
   ====================================================================== */
body.cv-article-page .civio-article,
body.cv-article-page .time-returning-embedded-page{
  box-shadow:10px 10px 0 rgba(17,17,17,.10)!important;
}

/* White title stage: article images become the visual focal point. */
body.cv-article-page .civio-hero,
body.cv-article-page .time-returning-embedded-page .hero{
  padding:68px 64px 48px!important;
  border-bottom:1px solid #d8d8d5!important;
  background:
    radial-gradient(circle at 90% 12%,rgba(181,18,27,.06),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fafafa 100%)!important;
  color:#111!important;
}
body.cv-article-page .civio-hero::before,
body.cv-article-page .time-returning-embedded-page .hero::before{
  background-image:
    linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px)!important;
  mask-image:linear-gradient(90deg,#000,transparent 92%)!important;
}
body.cv-article-page .civio-hero::after,
body.cv-article-page .time-returning-embedded-page .hero::after{
  border-color:rgba(181,18,27,.18)!important;
  box-shadow:0 0 0 70px rgba(181,18,27,.018)!important;
}
body.cv-article-page .civio-label,
body.cv-article-page .time-returning-embedded-page .label{
  color:var(--cv-red)!important;
}
body.cv-article-page .civio-title,
body.cv-article-page .time-returning-embedded-page .hero h1{
  max-width:1040px!important;
  color:#111!important;
  font-size:clamp(42px,5.8vw,76px)!important;
  line-height:1.08!important;
}
body.cv-article-page .civio-subtitle{
  color:#111!important;
}
body.cv-article-page .civio-lead,
body.cv-article-page .time-returning-embedded-page .subtitle,
body.cv-article-page .time-returning-embedded-page .lead,
body.cv-article-page .time-returning-embedded-page .intro-extra p{
  color:#555!important;
}
body.cv-article-page .civio-article-meta{
  color:#666!important;
}
body.cv-article-page .civio-article-meta span{
  border-color:#cfcfcb!important;
  background:#fff!important;
  color:#555!important;
}
body.cv-article-page .civio-hero figure,
body.cv-article-page .time-returning-embedded-page .hero figure{
  margin:48px -64px -48px!important;
  border-top:1px solid #d8d8d5!important;
  background:#f2f2f0!important;
}
body.cv-article-page .civio-hero figure img,
body.cv-article-page .time-returning-embedded-page .hero figure img{
  max-height:680px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  filter:none!important;
}
body.cv-article-page .civio-hero figure figcaption,
body.cv-article-page .time-returning-embedded-page .hero figure figcaption{
  border-top:1px solid #e1e1de!important;
  background:#fff!important;
  color:#666!important;
}

/* Interaction shell: white canvas, black structure, red state. */
body.cv-article-page .interactive-panel,
body.cv-article-page .civio-interactive,
body.cv-article-page .leviathan-simulator,
body.cv-article-page .leviathan-tab-area,
body.cv-article-page .currency-toggle,
body.cv-article-page .currency-ecosystem,
body.cv-article-page .checklist-panel{
  border:1px solid #171717!important;
  border-top:5px solid var(--cv-red)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:8px 8px 0 rgba(17,17,17,.10)!important;
}
body.cv-article-page .interactive-panel h2,
body.cv-article-page .interactive-panel h3,
body.cv-article-page .interactive-panel h4,
body.cv-article-page .civio-interactive h2,
body.cv-article-page .civio-interactive h3,
body.cv-article-page .civio-interactive h4,
body.cv-article-page .leviathan-interactive-title,
body.cv-article-page .currency-interactive-title,
body.cv-article-page .panel-title{
  color:#111!important;
}
body.cv-article-page .interactive-panel p,
body.cv-article-page .interactive-panel li,
body.cv-article-page .civio-interactive p,
body.cv-article-page .civio-interactive li,
body.cv-article-page .leviathan-simulator p,
body.cv-article-page .leviathan-tab-area p,
body.cv-article-page .currency-toggle p,
body.cv-article-page .currency-ecosystem p,
body.cv-article-page .panel-help{
  color:#555!important;
}

/* Buttons: selectors are intentionally specific, so ordinary links are untouched. */
body.cv-article-page :is(.metric-btn,.tab-btn,.tab-button,.case-button,.civio-tab,.leviathan-tab,.currency-toggle-btn,.currency-eco-btn,.reflection-button,.interactive-button){
  min-height:42px!important;
  padding:10px 15px!important;
  border:1px solid #bdbdb8!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  cursor:pointer!important;
  font-weight:900!important;
  line-height:1.45!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.cv-article-page :is(.metric-btn,.tab-btn,.tab-button,.case-button,.civio-tab,.leviathan-tab,.currency-toggle-btn,.currency-eco-btn,.reflection-button,.interactive-button):hover{
  border-color:#111!important;
  transform:translateY(-1px)!important;
}
body.cv-article-page :is(.metric-btn.active,.tab-btn.active,.tab-button.active,.case-button.active,.civio-tab.is-active,.leviathan-tab.is-active,.currency-toggle-btn.is-active,.currency-eco-btn.is-active,.reflection-button.active,.interactive-button.active){
  border-color:var(--cv-red)!important;
  background:var(--cv-red)!important;
  color:#fff!important;
}

/* Output panels. Do not alter display, opacity or visibility — JS/CSS states own them. */
body.cv-article-page :is(.tab-content,.case-display,.civio-panel,.tab-pane,.compare-panel,.interactive-output,.cycle-detail,.matrix-display,.metric-card,.leviathan-tab-panel,.currency-eco-flow,.check-result,.civio-result-box){
  border-color:#d2d2ce!important;
  background:#f7f7f5!important;
  color:#111!important;
  box-shadow:none!important;
}
body.cv-article-page :is(.tab-content,.case-display,.civio-panel,.tab-pane,.compare-panel,.interactive-output,.cycle-detail,.matrix-display,.metric-card,.leviathan-tab-panel,.currency-eco-flow,.check-result,.civio-result-box) :is(p,li,span,small){
  color:#444!important;
}
body.cv-article-page :is(.tab-content,.case-display,.civio-panel,.tab-pane,.compare-panel,.interactive-output,.cycle-detail,.matrix-display,.metric-card,.leviathan-tab-panel,.currency-eco-flow,.check-result,.civio-result-box) :is(h3,h4,strong){
  color:#111!important;
}

/* Cards and checklists must never inherit white text from older dark skins. */
body.cv-article-page :is(.civio-card,.civio-interactive-card,.civio-question-card,.data-card,.currency-card,.compare-card,.currency-reflect-card,.check-item,.check-row,.civio-check-row,.leviathan-checklist li){
  border-color:#d8d8d5!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}
body.cv-article-page :is(.civio-card,.civio-interactive-card,.civio-question-card,.data-card,.currency-card,.compare-card,.currency-reflect-card,.check-item,.check-row,.civio-check-row,.leviathan-checklist li) :is(p,span,small,label){
  color:#555!important;
}
body.cv-article-page :is(.civio-card,.civio-interactive-card,.civio-question-card,.data-card,.currency-card,.compare-card,.currency-reflect-card,.check-item,.check-row,.civio-check-row,.leviathan-checklist li) :is(h3,h4,strong){
  color:#111!important;
}
body.cv-article-page :is(.check-item.active,.check-row.checked,.civio-question-card.is-open,.currency-reflect-card.is-open){
  border-color:var(--cv-red)!important;
  background:#fff7f7!important;
}
body.cv-article-page input[type="checkbox"]{
  accent-color:var(--cv-red)!important;
}

/* Flows, grids and charts. */
body.cv-article-page :is(.civio-flow-step,.currency-flow-step,.cycle-step){
  border-color:#d5d5d1!important;
  background:#fff!important;
  color:#111!important;
}
body.cv-article-page .cycle-step.active{
  border-color:var(--cv-red)!important;
  background:#fff7f7!important;
}
body.cv-article-page :is(.civio-flow-step,.currency-flow-step,.cycle-step) :is(p,span){
  color:#555!important;
}
body.cv-article-page :is(.civio-flow-step,.currency-flow-step,.cycle-step) strong{
  color:#111!important;
}
body.cv-article-page .bar-track,
body.cv-article-page .currency-stat-bar{
  background:#e7e7e4!important;
}
body.cv-article-page .bar-fill{
  background:linear-gradient(90deg,#111,var(--cv-red))!important;
}
body.cv-article-page .leviathan-result-box{
  border:1px solid #d3d3cf!important;
  background:#f5f5f3!important;
  color:#111!important;
}
body.cv-article-page .leviathan-result-box :is(span,strong,small){
  color:#111!important;
}

/* Article-specific readability repairs. */
body.cv-article-page .question-dx-article .civio-question-card .civio-card-answer{
  color:#444!important;
}
body.cv-article-page .question-dx-article .civio-tab{
  color:#111!important;
}
body.cv-article-page .question-dx-article .civio-tab.is-active{
  color:#fff!important;
}
body.cv-article-page .ikigai-article :is(.check-text,.check-text strong),
body.cv-article-page .terada-resilient-article :is(.check-text,.check-text strong){
  color:#111!important;
}
body.cv-article-page .time-returning-embedded-page .tabs,
body.cv-article-page .time-returning-embedded-page .tab-buttons,
body.cv-article-page .time-returning-embedded-page .case-selector{
  background:#111!important;
}
body.cv-article-page .time-returning-embedded-page :is(.tabs,.tab-buttons,.case-selector) button{
  color:#fff!important;
}
body.cv-article-page .time-returning-embedded-page :is(.tabs,.tab-buttons,.case-selector) button.active{
  background:var(--cv-red)!important;
}
body.cv-article-page .time-returning-embedded-page :is(.matrix-row,.case-display,.tab-content){
  color:#111!important;
}
body.cv-article-page .time-returning-embedded-page :is(.matrix-row,.case-display,.tab-content) :is(p,span){
  color:#444!important;
}

/* Tables remain usable on small screens without deforming the whole page. */
body.cv-article-page :is(.civio-table-container,.data-table-wrap,.table-wrap){
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

@media(max-width:800px){
  body.cv-article-page .civio-hero,
  body.cv-article-page .time-returning-embedded-page .hero{
    padding:46px 24px 32px!important;
  }
  body.cv-article-page .civio-title,
  body.cv-article-page .time-returning-embedded-page .hero h1{
    font-size:clamp(34px,10.5vw,54px)!important;
  }
  body.cv-article-page .civio-hero figure,
  body.cv-article-page .time-returning-embedded-page .hero figure{
    margin:32px -24px -32px!important;
  }
  body.cv-article-page :is(.interactive-panel,.civio-interactive,.leviathan-simulator,.leviathan-tab-area,.currency-toggle,.currency-ecosystem,.checklist-panel){
    padding:20px!important;
    box-shadow:5px 5px 0 rgba(17,17,17,.10)!important;
  }
  body.cv-article-page :is(.metric-buttons,.tab-buttons,.interactive-tabs,.leviathan-tabs,.currency-toggle-buttons,.currency-eco-selector,.case-selector,.tabs){
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:6px!important;
    scrollbar-width:thin!important;
  }
  body.cv-article-page :is(.metric-btn,.tab-btn,.tab-button,.case-button,.civio-tab,.leviathan-tab,.currency-toggle-btn,.currency-eco-btn,.reflection-button,.interactive-button){
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

/* Time-returning article uses dark tab rails; keep inactive labels readable. */
body.cv-article-page .time-returning-embedded-page :is(.tabs,.tab-buttons,.case-selector) :is(button,.tab-button,.case-button){
  border-color:#3a3a3a!important;
  background:#111!important;
  color:#fff!important;
}
body.cv-article-page .time-returning-embedded-page :is(.tabs,.tab-buttons,.case-selector) :is(button,.tab-button,.case-button):hover{
  border-color:#777!important;
  background:#222!important;
  color:#fff!important;
}
body.cv-article-page .time-returning-embedded-page :is(.tabs,.tab-buttons,.case-selector) :is(button.active,.tab-button.active,.case-button.active){
  border-color:var(--cv-red)!important;
  background:var(--cv-red)!important;
  color:#fff!important;
}

@media(max-width:800px){
  /* Mobile controls wrap instead of becoming a hidden horizontal rail. */
  body.cv-article-page :is(.metric-buttons,.tab-buttons,.interactive-tabs,.leviathan-tabs,.currency-toggle-buttons,.currency-eco-selector,.case-selector,.tabs){
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:7px!important;
    padding-bottom:0!important;
  }
  body.cv-article-page :is(.metric-buttons,.tab-buttons,.interactive-tabs,.leviathan-tabs,.currency-toggle-buttons,.currency-eco-selector,.case-selector,.tabs) :is(button,.metric-btn,.tab-btn,.tab-button,.case-button,.civio-tab,.leviathan-tab,.currency-toggle-btn,.currency-eco-btn,.interactive-button){
    flex:1 1 140px!important;
    min-width:0!important;
    white-space:normal!important;
  }
}

/* 2026-07-13 alignment and compact-reading refinement */
/* Interactive modules placed directly under an article share the same centered reading axis. */
body.cv-article-page .civio-article > .civio-interactive{
  width:min(var(--article-read),calc(100% - 72px))!important;
  max-width:var(--article-read)!important;
  margin:34px auto!important;
}

/* Keep the long Socrates / Plato essay visually connected without changing its wording. */
body.cv-article-page .question-dx-article .civio-section{
  padding-top:36px!important;
  padding-bottom:36px!important;
}
body.cv-article-page .question-dx-article .civio-section h2{
  margin-bottom:20px!important;
  line-height:1.28!important;
}
body.cv-article-page .question-dx-article .civio-section h3{
  margin-top:28px!important;
  margin-bottom:12px!important;
}
body.cv-article-page .question-dx-article .civio-section p{
  margin-bottom:.72em!important;
  line-height:1.86!important;
}
body.cv-article-page .question-dx-article .civio-section :is(.civio-list,ul:not(.civio-list)){
  margin-top:16px!important;
  margin-bottom:18px!important;
}
body.cv-article-page .question-dx-article .civio-section .civio-quote{
  margin-top:22px!important;
  margin-bottom:22px!important;
}
body.cv-article-page .question-dx-article .civio-section .civio-interactive{
  margin-top:26px!important;
  margin-bottom:8px!important;
}

@media (max-width:760px){
  body.cv-article-page .civio-article > .civio-interactive{
    width:calc(100% - 32px)!important;
    margin:24px auto!important;
  }
  body.cv-article-page .question-dx-article .civio-section{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  body.cv-article-page .question-dx-article .civio-section p{
    line-height:1.82!important;
  }
}


/* Terada article: live resilience score */
body.cv-article-page.terada-resilient-article .civio-live-score{
  width:100%;
  margin:1.25rem 0 1.5rem;
  padding:clamp(18px,2.4vw,26px)!important;
  border:1px solid #111!important;
  border-top:4px solid var(--cv-red)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:7px 7px 0 #e7e7e7!important;
  text-align:left!important;
}
body.cv-article-page.terada-resilient-article .civio-live-score__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
body.cv-article-page.terada-resilient-article .civio-live-score__label{
  color:#111!important;
  font-weight:900;
  letter-spacing:.02em;
}
body.cv-article-page.terada-resilient-article .civio-live-score__head strong{
  display:flex;
  align-items:baseline;
  gap:7px;
  color:var(--cv-red)!important;
  font-size:clamp(2rem,5vw,3.6rem);
  line-height:1;
}
body.cv-article-page.terada-resilient-article .civio-live-score__head small{
  color:#555!important;
  font-size:.95rem;
  font-weight:800;
}
body.cv-article-page.terada-resilient-article .civio-score-meter{
  width:100%;
  height:12px;
  overflow:hidden;
  border:1px solid #111;
  background:#ededeb;
}
body.cv-article-page.terada-resilient-article .civio-score-meter > span{
  display:block;
  width:0;
  height:100%;
  background:var(--cv-red)!important;
  transition:width .22s ease;
}
body.cv-article-page.terada-resilient-article #civio-result-comment{
  margin:14px 0 0;
  color:#444!important;
  font-weight:700;
}
body.cv-article-page.terada-resilient-article .civio-checklist li{
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
body.cv-article-page.terada-resilient-article .civio-checklist li.is-checked label{
  border-color:var(--cv-red)!important;
  background:#fff7f7!important;
}
body.cv-article-page.terada-resilient-article .civio-score-actions{
  margin:16px 0 22px;
  text-align:right;
}
body.cv-article-page.terada-resilient-article .civio-btn--secondary{
  border:1px solid #111!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  padding:10px 16px;
  font-size:.9rem;
}
body.cv-article-page.terada-resilient-article .civio-btn--secondary:hover{
  background:#111!important;
  color:#fff!important;
}
@media (max-width:640px){
  body.cv-article-page.terada-resilient-article .civio-live-score__head{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  body.cv-article-page.terada-resilient-article .civio-score-actions{
    text-align:left;
  }
}