/* P19.24 scoped style segment: 07-regulatory-change-containment.css */

/* R52.6 - Regulatory Change Containment: visual architecture principle, not an efficiency KPI. */
.change-containment-home{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(13,91,215,.08),transparent 30%),linear-gradient(180deg,#f7fbfc 0%,#fff 100%);border-top:1px solid #edf3f6;border-bottom:1px solid #edf3f6}.change-containment-home:before{content:"";position:absolute;right:-170px;bottom:-240px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(8,127,140,.08);box-shadow:0 0 0 48px rgba(8,127,140,.025),0 0 0 96px rgba(13,91,215,.018)}.change-containment-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:64px;align-items:end;margin-bottom:32px}.change-containment-intro h2{max-width:14ch;margin-bottom:0}.change-containment-copy{padding-left:26px;border-left:1px solid #cfe0e6}.change-containment-copy p{margin:0;color:var(--muted)}.change-containment-copy p+p{margin-top:14px}.change-containment-lead{font-size:1.16rem!important;line-height:1.5;color:var(--ink)!important;font-weight:750;letter-spacing:-.015em}.containment-dashboard{position:relative;z-index:1;padding:28px;border-radius:32px;background:radial-gradient(circle at 78% 22%,rgba(38,199,184,.13),transparent 28%),linear-gradient(145deg,#06182b,#09263a 68%,#0a3245);color:#fff;box-shadow:0 26px 70px rgba(6,24,43,.16)}.containment-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08)}.containment-metric{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:20px;background:rgba(3,18,31,.72)}.containment-ring{position:relative;grid-row:1/3;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;box-shadow:0 10px 26px rgba(0,0,0,.16)}.containment-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#081d30;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 4px rgba(255,255,255,.025)}.containment-ring:after{content:"";position:absolute;inset:17px;border-radius:50%;border:1px dashed rgba(126,224,211,.36)}.containment-ring span{position:relative;z-index:2;font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.06em;color:#fff}.containment-ring-one{background:conic-gradient(#63d8ca 0deg 360deg)}.containment-ring-four{background:conic-gradient(from -45deg,#63d8ca 0deg 84deg,transparent 84deg 90deg,#4f8ff0 90deg 174deg,transparent 174deg 180deg,#5fa9a1 180deg 264deg,transparent 264deg 270deg,#8ba6c3 270deg 354deg,transparent 354deg 360deg)}.containment-ring-three{background:conic-gradient(from -30deg,#63d8ca 0deg 114deg,transparent 114deg 120deg,#4f8ff0 120deg 234deg,transparent 234deg 240deg,#739bb9 240deg 354deg,transparent 354deg 360deg)}.containment-metric strong{align-self:end;font-size:.96rem}.containment-metric small{align-self:start;margin-top:5px;color:#90a9ba;font-size:.72rem;line-height:1.42}.containment-flow{display:grid;grid-template-columns:minmax(120px,.85fr) 34px minmax(210px,1.35fr) 34px minmax(180px,1.05fr) 34px minmax(150px,.92fr);gap:10px;align-items:center}.containment-flow-node,.containment-flow-contract,.containment-flow-hosts,.containment-flow-core{min-height:158px;border-radius:20px}.containment-flow-node,.containment-flow-contract,.containment-flow-hosts{padding:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.containment-flow-node,.containment-flow-contract{display:flex;flex-direction:column;justify-content:center}.containment-flow-node span,.containment-flow-contract span,.containment-flow-hosts>span,.containment-flow-core>span{display:block;margin-bottom:8px;color:#6ce2d5;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.containment-flow-node strong,.containment-flow-contract strong{font-size:.94rem;line-height:1.35}.containment-flow-node small,.containment-flow-contract small{margin-top:7px;color:#8fa7b8;font-size:.7rem;line-height:1.4}.containment-flow-core{padding:20px;border:1px solid rgba(108,226,213,.28);background:linear-gradient(180deg,rgba(21,103,111,.28),rgba(7,30,47,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.containment-flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px}.containment-flow-steps b,.containment-flow-hosts b{padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.05);font-size:.7rem}.containment-flow-hosts{display:grid;align-content:center;gap:7px}.containment-flow-hosts>span{margin-bottom:2px}.containment-flow-arrow{text-align:center;color:#70ddd0;font-size:1.25rem;font-weight:900}.containment-model-note{margin:20px 2px 0;color:#7894a8;font-size:.72rem}.containment-punchline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;padding:24px 28px;border:1px solid #d6e4e9;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(8,31,53,.045)}.containment-punchline span{display:block;margin-bottom:4px;color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.containment-punchline strong{font-size:1.32rem;letter-spacing:-.02em}
.containment-platform-section{scroll-margin-top:96px;background:linear-gradient(180deg,#f7fafc 0%,#fff 100%);border-top:1px solid #e7eff3;border-bottom:1px solid #e7eff3}.containment-platform-section .section-head h2{max-width:17ch}.containment-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.containment-compare-card{position:relative;overflow:hidden;padding:28px;border:1px solid #d7e4e9;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(8,31,53,.055)}.containment-compare-card:before{content:"";position:absolute;right:-90px;top:-90px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(8,127,140,.08);box-shadow:0 0 0 28px rgba(8,127,140,.02)}.containment-compare-label{position:relative;z-index:1;margin-bottom:24px}.containment-compare-label span{display:block;margin-bottom:5px;color:#708697;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.containment-compare-label strong{font-size:1.18rem}.containment-compare-card p{position:relative;z-index:1;margin:22px 0 0;color:var(--muted);font-size:.88rem}.containment-compare-bounded{border-color:#b9ded9;background:radial-gradient(circle at 86% 12%,rgba(8,127,140,.07),transparent 31%),#fff}.containment-compare-bounded .containment-compare-label span{color:var(--accent)}.change-spread-diagram{position:relative;z-index:1;display:grid;grid-template-columns:96px 70px 1fr;gap:12px;align-items:center;min-height:210px}.change-spread-source,.change-bounded-source,.change-bounded-contract{display:grid;place-items:center;min-height:76px;padding:12px;border-radius:16px;border:1px solid #d6e3e8;background:#f5f9fa;text-align:center;font-size:.75rem;font-weight:850;line-height:1.3}.change-spread-lines{display:grid;gap:27px}.change-spread-lines i{display:block;height:1px;background:linear-gradient(90deg,#a8bcc6,#5a8e9c);position:relative}.change-spread-lines i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #5a8e9c;border-right:1px solid #5a8e9c;transform:rotate(45deg)}.change-spread-targets{display:grid;gap:8px}.change-spread-targets span{padding:10px 12px;border:1px solid #d9e5ea;border-radius:11px;background:#fafcfd;color:#40596b;font-size:.76rem;font-weight:750}.change-bounded-diagram{position:relative;z-index:1;display:grid;grid-template-columns:82px 30px minmax(150px,1fr) 30px 92px;gap:8px;align-items:center;min-height:160px}.change-bounded-source{border-color:#d6e3e8}.change-bounded-core{padding:18px;border-radius:18px;background:#071d30;color:#fff;box-shadow:0 14px 32px rgba(5,24,42,.14)}.change-bounded-core span{display:block;color:#6fe0d3;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.change-bounded-core strong,.change-bounded-core small{display:block}.change-bounded-core strong{margin-top:4px;font-size:.94rem}.change-bounded-core small{margin-top:8px;color:#8fa8b9;font-size:.68rem}.change-bounded-arrow{text-align:center;color:#0a8a95;font-weight:900}.change-bounded-contract{border-color:#a9d6d1;background:#eef9f7;color:#17635f}.change-bounded-hosts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.change-bounded-hosts span{padding:9px;border:1px solid #d8e5e9;border-radius:11px;background:#fff;text-align:center;color:#536b7d;font-size:.72rem;font-weight:750}.containment-control-grid{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:46px;align-items:center;margin-top:34px;padding:30px;border:1px solid #d8e5ea;border-radius:28px;background:#fff}.containment-control-copy h3{font-size:1.55rem;max-width:18ch}.containment-control-copy p{margin-bottom:0;color:var(--muted);font-size:.86rem}.containment-control-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.containment-control-rings>div{display:grid;justify-items:center;text-align:center;padding:16px 10px;border:1px solid #e0e9ed;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfc)}.containment-control-rings span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:12px;border-radius:50%;background:conic-gradient(from 0deg,#0b8893 0deg,#63d8ca 180deg,#0b8893 360deg);box-shadow:inset 0 0 0 7px #fff,0 8px 22px rgba(8,31,53,.07);color:#0a5360;font-size:.88rem;font-weight:900}.containment-control-rings>div:nth-child(2) span{background:conic-gradient(from 0deg,#176de2 0deg,#6ea7f4 180deg,#176de2 360deg)}.containment-control-rings>div:nth-child(3) span{background:conic-gradient(from 0deg,#49a9a0 0deg,#89d0c9 180deg,#49a9a0 360deg)}.containment-control-rings>div:nth-child(4) span{background:conic-gradient(from 0deg,#7892b2 0deg,#aebed1 180deg,#7892b2 360deg)}.containment-control-rings strong{font-size:.78rem}.containment-control-rings small{margin-top:5px;color:#6a8090;font-size:.68rem;line-height:1.38}.containment-guardrail{margin-top:18px;padding:18px 20px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:#eef7f6;color:#345c5a;font-size:.84rem}.containment-guardrail .text-link{margin-left:5px}
@media(max-width:1050px){.change-containment-intro{grid-template-columns:1fr;gap:26px}.change-containment-copy{padding-left:0;border-left:0}.containment-metric{grid-template-columns:80px 1fr}.containment-ring{width:70px;height:70px}.containment-flow{grid-template-columns:1fr}.containment-flow-arrow{transform:rotate(90deg)}.containment-flow-node,.containment-flow-contract,.containment-flow-hosts,.containment-flow-core{min-height:auto}.containment-compare{grid-template-columns:1fr}.containment-control-grid{grid-template-columns:1fr}.containment-control-rings{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;padding-bottom:4px}}
@media(max-width:760px){.containment-dashboard{padding:20px;border-radius:24px}.containment-metrics{grid-template-columns:1fr}.containment-metric{grid-template-columns:72px 1fr;padding:16px}.containment-punchline{align-items:flex-start;flex-direction:column}.containment-compare-card{padding:22px}.change-spread-diagram{grid-template-columns:76px 34px 1fr}.change-bounded-diagram{grid-template-columns:1fr;gap:9px}.change-bounded-arrow{transform:rotate(90deg)}.change-bounded-hosts{grid-template-columns:1fr}.containment-control-grid{padding:22px}.containment-control-rings{grid-template-columns:repeat(2,1fr);overflow:visible}.containment-model-note{font-size:.68rem}}
@media(max-width:480px){.containment-control-rings{grid-template-columns:1fr}.change-spread-diagram{grid-template-columns:1fr}.change-spread-lines{display:none}.change-spread-targets{grid-template-columns:1fr 1fr}.containment-punchline strong{font-size:1.16rem}}
@media(prefers-reduced-motion:reduce){.containment-ring,.containment-control-rings span{transition:none!important;transform:none!important}}