/* MultiTom CP12 – complementary visual system scoped to 16 articles */
.header-wrap.forest-sky.cp12-header{position:relative;isolation:isolate;overflow:hidden;padding-bottom:clamp(32px,5vw,66px);background:radial-gradient(ellipse at 74% 6%,#0f7045,transparent 56%),linear-gradient(107deg,#041b11,#06422e 62%,#08211e)!important}
.cp12-header .cp12-waves{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cp12-waves path{fill:none;stroke:#55f9a5;stroke-width:1.8;opacity:.22;animation:cp12shift 13s ease-in-out infinite alternate}
.cp12-waves path:first-child{stroke-width:4;opacity:.58;filter:drop-shadow(0 0 6px #52f8a588)}
.cp12-header>.site-head,.cp12-header>.article-intro{position:relative;z-index:2}
.cp12-header .article-intro :is(h1,p){color:#fff!important}
.cp12-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:56px;z-index:1;background:white;clip-path:polygon(0 72%,13% 82%,29% 66%,43% 89%,60% 49%,79% 81%,100% 30%,100% 100%,0 100%)}
@keyframes cp12shift{from{transform:translate3d(-12px,3px,0)}to{transform:translate3d(12px,-5px,0)}}
.cp12-diagram{border:1px solid #e0e8ed;background:#f8fafc;border-radius:20px;padding:clamp(17px,2.5vw,28px);margin:24px 0 32px;color:#23344b;box-shadow:0 9px 26px #0f2e5510;max-width:100%;min-width:0}
.cp12-diagram .cp12-eyebrow{color:#17744e;font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;margin:0 0 7px}
.cp12-diagram h3{font-size:clamp(21px,2.5vw,27px);line-height:1.25;color:#142941;margin:0 0 12px}
.cp12-diagram .cp12-lead{font-size:15px;line-height:1.65;color:#354b62;margin:0 0 18px}
.cp12-diagram svg{display:block;width:100%;height:auto;max-height:245px;border-radius:15px}
.cp12-diagram .cp12-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:14px 0 9px;list-style:none}
.cp12-diagram .cp12-legend li{text-align:center;background:#e8f7ee;color:#126044;padding:9px 6px;border-radius:10px;font-size:12px;font-weight:700}
.cp12-diagram .cp12-legend li:nth-child(2){background:#ebf2ff;color:#2b5bab}
.cp12-diagram .cp12-legend li:nth-child(3){background:#f1eaff;color:#6741aa}
.cp12-diagram .cp12-note{font-size:12px;line-height:1.6;color:#596b80;margin:14px 0 0}
@media(max-width:600px){.cp12-header:after{height:34px}.cp12-diagram{padding:14px;border-radius:15px}.cp12-diagram .cp12-legend{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cp12-waves path{animation:none!important}}