body[data-article-page="true"]{
  --de-background-primary:var(--cabreum-bg-primary);
  --de-background-secondary:var(--cabreum-bg-secondary);
  --de-surface:var(--cabreum-surface);
  --de-surface-elevated:var(--cabreum-surface-elevated);
  --de-text-primary:var(--cabreum-text-primary);
  --de-text-secondary:var(--cabreum-text-secondary);
  --de-accent:var(--cabreum-accent);
  --de-border:var(--cabreum-border);
  --de-link:#ffb36b;
  --de-focus:#75c7ff;
  --de-success:#45c98a;
  --de-warning:#f3b84b;
  --de-error:#ff7d72;
  background:var(--de-background-primary);
  color:var(--de-text-primary);
}
body[data-article-page="true"] .site-header{background:rgba(8,23,33,.94);border-color:rgba(73,105,122,.55)}
body[data-article-page="true"] .site-header .brand,
body[data-article-page="true"] .site-header nav>a{color:var(--de-text-primary)}
body[data-article-page="true"] .site-header .brand span{color:var(--de-text-secondary)}
body[data-article-page="true"] .site-header .brand strong:after{background:var(--de-accent)}
body[data-article-page="true"] .site-header .nav-cta{background:var(--de-accent);color:var(--de-background-primary)}
body[data-article-page="true"] .menu-button{background:var(--de-surface);border-color:var(--de-border);color:var(--de-text-primary)}
body[data-article-page="true"] .article-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(242,138,46,.1),transparent 24%),linear-gradient(180deg,var(--de-background-secondary) 0, var(--de-background-primary) 660px)}
body[data-article-page="true"] .article-shell:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--de-accent),transparent);opacity:.5}
body[data-article-page="true"] .article-header{position:relative;padding-top:clamp(22px,3vw,42px)}
body[data-article-page="true"] .article-header .breadcrumb{color:var(--de-text-secondary);font-size:13px}
body[data-article-page="true"] .article-header .breadcrumb a{color:var(--de-link)}
body[data-article-page="true"] .article-header .eyebrow{color:var(--de-accent);font-size:12px;letter-spacing:.14em;text-transform:none}
body[data-article-page="true"] .article-header h1{max-width:19ch;color:var(--de-text-primary);font-size:clamp(38px,5vw,60px);font-weight:780;letter-spacing:-.04em;text-wrap:balance}
body[data-article-page="true"] .byline{color:var(--de-text-secondary);font-size:13px;border-top:1px solid rgba(73,105,122,.48);padding-top:17px;max-width:780px}
body[data-article-page="true"] .article-intro{max-width:780px;color:var(--de-text-primary);font-size:clamp(18px,1.8vw,21px);line-height:1.72}
body[data-article-page="true"] .article-intro p:first-child{color:var(--de-link);font-size:1.08em}
body[data-article-page="true"] .article-header>picture{display:block;margin-top:42px}
body[data-article-page="true"] .article-header>picture img{margin-top:0;border:1px solid rgba(73,105,122,.72);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.34);background:var(--de-surface)}
body[data-article-page="true"] .article-layout{grid-template-columns:220px minmax(0,760px);gap:clamp(38px,7vw,92px);padding-top:clamp(54px,7vw,88px);padding-bottom:clamp(70px,9vw,124px)}
body[data-article-page="true"] .toc{top:112px;padding:22px;border:1px solid rgba(73,105,122,.68);border-radius:18px;background:rgba(16,42,58,.72);box-shadow:0 18px 50px rgba(0,0,0,.14)}
body[data-article-page="true"] .toc strong{color:var(--de-text-primary);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
body[data-article-page="true"] .toc a{color:var(--de-text-secondary);line-height:1.35}
body[data-article-page="true"] .toc a:hover,
body[data-article-page="true"] .toc a:focus-visible{color:var(--de-link)}
body[data-article-page="true"] .prose{max-width:760px;color:var(--de-text-primary);font-size:17px;line-height:1.76}
body[data-article-page="true"] .prose h2{color:var(--de-text-primary);font-size:clamp(29px,3vw,38px);line-height:1.16;letter-spacing:-.03em;margin-top:2.3em;text-wrap:balance}
body[data-article-page="true"] .prose h2:after{content:"";display:block;width:48px;height:3px;margin-top:18px;background:var(--de-accent);border-radius:99px}
body[data-article-page="true"] .prose h3{color:var(--de-text-primary);font-size:clamp(21px,2vw,26px);line-height:1.25;letter-spacing:-.018em;margin-top:2em}
body[data-article-page="true"] .prose p,
body[data-article-page="true"] .prose li{color:var(--de-text-primary)}
body[data-article-page="true"] .prose strong{color:#fff8ed;font-weight:720}
body[data-article-page="true"] .prose a:link{color:var(--de-link)}
body[data-article-page="true"] .prose a:visited{color:#ddb3f2}
body[data-article-page="true"] .prose a:hover{text-decoration-thickness:2px}
body[data-article-page="true"] .prose hr{border-color:rgba(73,105,122,.5);margin:58px 0}
body[data-article-page="true"] .prose blockquote{position:relative;padding:24px 26px;border-left-color:var(--de-accent);background:var(--de-surface);color:var(--de-text-primary);box-shadow:0 12px 34px rgba(0,0,0,.12)}
body[data-article-page="true"] .prose blockquote:before{content:"“";position:absolute;right:18px;top:-12px;color:rgba(242,138,46,.22);font:700 76px/1 Georgia,serif}
body[data-article-page="true"] .code-lines code{background:var(--de-surface-elevated);border:1px solid var(--de-border);color:var(--de-text-primary)}
body[data-article-page="true"] .article-image{width:min(920px,calc(100vw - 32px));margin:54px 50% 54px;transform:translateX(-50%)}
body[data-article-page="true"] .article-image img{width:100%;border:1px solid rgba(73,105,122,.78);border-radius:20px;background:var(--de-surface);box-shadow:0 26px 70px rgba(0,0,0,.3)}
body[data-article-page="true"] .article-image figcaption{margin-top:12px;color:var(--de-text-secondary);font-size:13px}
body[data-article-page="true"] .commercial-cta{padding:28px 30px;border:1px solid var(--de-border);background:linear-gradient(135deg,var(--de-surface),var(--de-background-secondary));box-shadow:none}
body[data-article-page="true"] .commercial-cta h3{font-size:23px}
body[data-article-page="true"] .commercial-cta p{color:var(--de-text-secondary)}
body[data-article-page="true"] .final-cta{padding:clamp(28px,5vw,46px);border:1px solid var(--de-accent);background:linear-gradient(145deg,var(--de-surface-elevated),var(--de-surface));box-shadow:0 24px 62px rgba(0,0,0,.25)}
body[data-article-page="true"] .final-cta p{color:var(--de-text-secondary)}
body[data-article-page="true"] .button{background:var(--de-accent);color:var(--de-background-primary)}
body[data-article-page="true"] .button:hover{background:var(--de-link)}
body[data-article-page="true"] .button.secondary{border-color:var(--de-border);background:transparent;color:var(--de-link)}
body[data-article-page="true"] .button.secondary:hover{border-color:var(--de-link);background:rgba(255,179,107,.08)}
body[data-article-page="true"] .thirty-second{padding:clamp(26px,4vw,38px);border-color:rgba(69,201,138,.55);background:linear-gradient(145deg,rgba(69,201,138,.12),var(--de-surface))}
body[data-article-page="true"] .thirty-second .timer{background:var(--de-success);color:var(--de-background-primary);box-shadow:0 0 0 7px rgba(69,201,138,.1)}
body[data-article-page="true"] .thirty-second .fine-print{color:var(--de-text-secondary)}
body[data-article-page="true"] .faq{margin-top:58px}
body[data-article-page="true"] .faq details{border-color:rgba(73,105,122,.64);padding:20px 2px}
body[data-article-page="true"] .faq summary{color:var(--de-text-primary);font-size:18px}
body[data-article-page="true"] .faq summary::marker{color:var(--de-accent)}
body[data-article-page="true"] .sources-section{margin-top:58px;padding:28px;border:1px solid rgba(73,105,122,.64);border-radius:18px;background:rgba(16,42,58,.56)}
body[data-article-page="true"] .sources-section h2{margin-top:0;font-size:28px}
body[data-article-page="true"] .sources-section li{color:var(--de-text-secondary)}
body[data-article-page="true"] .related-resource{margin-top:58px;padding:28px 30px;border:1px solid var(--de-border);border-radius:18px;background:linear-gradient(135deg,var(--de-surface),var(--de-background-secondary))}
body[data-article-page="true"] .related-resource h2{margin-top:8px;font-size:28px}
body[data-article-page="true"] .related-resource h2:after{display:none}
body[data-article-page="true"] .related-resource p{color:var(--de-text-secondary)}
body[data-article-page="true"] .sources,
body[data-article-page="true"] .module,
body[data-article-page="true"] .comparison,
body[data-article-page="true"] .related,
body[data-article-page="true"] .share{border-color:var(--de-border);background:var(--de-surface);color:var(--de-text-primary)}
body[data-article-page="true"] .warning{border-left:4px solid var(--de-warning)}
body[data-article-page="true"] .tip,
body[data-article-page="true"] .quick{border-left:4px solid var(--de-accent)}
body[data-article-page="true"] .glossary{color:var(--de-link);text-decoration-color:var(--de-border)}
body[data-article-page="true"] :focus-visible{outline:3px solid var(--de-focus);outline-offset:4px;border-radius:4px}
body[data-article-page="true"] .site-footer{background:#06131c;border-top:1px solid rgba(73,105,122,.45)}
body[data-article-page="true"] .site-footer .brand,
body[data-article-page="true"] .site-footer strong{color:var(--de-text-primary)}
body[data-article-page="true"] .site-footer a,
body[data-article-page="true"] .site-footer p{color:var(--de-text-secondary)}
body[data-article-page="true"] .capture-card{background:var(--de-surface-elevated);border-color:var(--de-border);color:var(--de-text-primary)}
body[data-article-page="true"] .capture-card input{background:var(--de-background-primary);border-color:var(--de-border);color:var(--de-text-primary)}
@media(max-width:860px){body[data-article-page="true"] .site-header nav{background:var(--de-surface);border-color:var(--de-border)}body[data-article-page="true"] .article-layout{grid-template-columns:1fr}body[data-article-page="true"] .toc{position:static}body[data-article-page="true"] .article-image{width:100%;margin-inline:0;transform:none}}
@media(max-width:560px){body[data-article-page="true"] .article-shell{background:linear-gradient(180deg,var(--de-background-secondary) 0,var(--de-background-primary) 520px)}body[data-article-page="true"] .article-header h1{font-size:clamp(36px,10vw,44px);line-height:1.08}body[data-article-page="true"] .article-intro{font-size:18px;line-height:1.68}body[data-article-page="true"] .prose{font-size:16px;line-height:1.74}body[data-article-page="true"] .prose h2{font-size:clamp(27px,8vw,34px)}body[data-article-page="true"] .prose h3{font-size:22px}body[data-article-page="true"] .article-header>picture{margin-top:32px}body[data-article-page="true"] .article-header>picture img,body[data-article-page="true"] .article-image img{border-radius:16px}body[data-article-page="true"] .commercial-cta,body[data-article-page="true"] .final-cta{padding:24px}body[data-article-page="true"] .thirty-second{padding:24px}}
@media(prefers-contrast:more){body[data-article-page="true"]{--de-text-secondary:#d8e1e6;--de-border:#6e8a99}body[data-article-page="true"] .toc,body[data-article-page="true"] .commercial-cta,body[data-article-page="true"] .final-cta{border-width:2px}}

/* Editorial variation derived from the master institutional background. */
body[data-article-page="true"] .site-header{background:rgba(9,13,17,.94);border-color:rgba(83,97,110,.55)}
body[data-article-page="true"] .toc{border-color:rgba(83,97,110,.68);background:rgba(23,31,39,.78)}
body[data-article-page="true"] .article-header>picture img,
body[data-article-page="true"] .article-image img{border-color:rgba(83,97,110,.76)}
body[data-article-page="true"] .sources-section{border-color:rgba(83,97,110,.64);background:rgba(23,31,39,.7)}
body[data-article-page="true"] .site-footer{background:var(--cabreum-bg-primary);border-color:rgba(83,97,110,.45)}
