/* Scoped editorial additions. Existing sections, controls and media are untouched. */
.additional-content{max-width:1200px;margin:0 auto;padding:24px 40px 64px;color:#222631}
.content-block{position:relative;display:grid;gap:32px 48px;margin:0;padding:76px 0;border-top:1px solid #dce0e6;isolation:isolate}
.content-block h2{font-family:Innovator,Inter,sans-serif;font-weight:400;font-size:clamp(28px,3.1vw,44px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;max-width:780px;text-wrap:balance}
.block-intro,.block-point p{font-size:16px;line-height:1.65;color:#505765;margin:0}
.block-point h3{font-family:Inter,sans-serif;font-size:16px;line-height:1.4;font-weight:600;margin:0 0 9px;letter-spacing:-.015em;color:#222631}
.block-points{display:grid;gap:25px;min-width:0}
.block-copy{min-width:0}
.block-visual{margin:0;min-width:0;border:1px solid #dce0e6;border-radius:24px;background:#fff;align-self:start;overflow:hidden}
.diagram-heading{display:flex;align-items:center;gap:9px;padding:19px 24px;font-size:12px;color:#626a78;letter-spacing:.025em;border-bottom:1px solid #e7e9ee}
.diagram-dot{width:7px;height:7px;border-radius:50%;background:#d62d70;flex-shrink:0}
.diagram-corner{margin-left:auto;font-size:17px;color:#9096a2}
.diagram-body{padding:26px;display:grid;gap:16px;min-width:0}
.diagram-item{position:relative;display:grid;grid-template-columns:26px 1fr;gap:7px 12px;min-width:0;transition:background-color .2s ease,transform .3s ease}
.diagram-index{grid-row:1/3;font-size:11px;line-height:22px;color:#7b8290;font-variant-numeric:tabular-nums}
.diagram-item strong{font-size:15px;line-height:1.45;font-weight:600;color:#222631}
.diagram-value{font-size:14px;line-height:1.6;color:#505765;min-width:0;overflow-wrap:anywhere}
.block-visual figcaption{font-size:12px;line-height:1.55;color:#626a78;margin:0;padding:18px 24px;background:#f5f6f8;border-top:1px solid #e7e9ee}
.composition-split{grid-template-columns:1fr 1fr;grid-template-areas:'copy visual' 'points visual'}
.composition-split .block-copy{grid-area:copy}.composition-split .block-points{grid-area:points}.composition-split .block-visual{grid-area:visual;margin-top:7px}
.composition-wide{grid-template-columns:1fr 1fr;grid-template-areas:'copy copy' 'visual visual' 'points points'}
.composition-wide .block-copy{grid-area:copy;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.composition-wide .block-copy h2{margin:0}.composition-wide .block-visual{grid-area:visual}.composition-wide .block-points{grid-area:points;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.composition-editorial{grid-template-columns:.88fr 1.12fr;grid-template-areas:'copy points' 'visual points'}
.composition-editorial .block-copy{grid-area:copy}.composition-editorial .block-points{grid-area:points;border-left:1px solid #dce0e6;padding-left:40px;gap:32px}.composition-editorial .block-visual{grid-area:visual}
.composition-inset{grid-template-columns:1fr 1fr;grid-template-areas:'copy copy' 'points visual';padding:48px;margin:24px 0 0;border:1px solid #dce0e6;border-radius:28px;background:#eef1f5}
.composition-inset .block-copy{grid-area:copy;max-width:860px}.composition-inset .block-points{grid-area:points}.composition-inset .block-visual{grid-area:visual}
.diagram-editor .diagram-item{padding:16px;background:#f6f7f9;border-left:3px solid #c5cbd4;grid-template-columns:1fr}
.diagram-editor .diagram-index{display:none}.diagram-editor .diagram-item:nth-child(2){border-left-color:#d62d70;background:#fff1f6}.diagram-editor .diagram-item strong{font-size:11px;text-transform:uppercase;letter-spacing:.065em;color:#626a78}
.diagram-brief .diagram-body{gap:0}.diagram-brief .diagram-item{padding:16px 0;border-bottom:1px solid #e7e9ee}.diagram-brief .diagram-item:last-child{border:0}.diagram-brief .diagram-item strong{font-size:12px;color:#626a78}.diagram-brief .diagram-value{font-size:18px;color:#222631}
.diagram-compare .diagram-body{grid-template-columns:1fr 1fr;gap:0;padding:0}.diagram-compare .diagram-item{padding:28px;grid-template-columns:1fr;gap:14px}.diagram-compare .diagram-item+.diagram-item{border-left:1px solid #dce0e6;background:#fff5f8}.diagram-compare .diagram-index{grid-row:auto;color:#aa315e}
.diagram-timeline .diagram-body{gap:0}.diagram-timeline .diagram-item{padding:0 0 28px 14px;border-left:2px solid #dde2e9;grid-template-columns:26px 1fr}.diagram-timeline .diagram-item:last-child{padding-bottom:0}.diagram-timeline .diagram-item::before{content:'';position:absolute;top:5px;left:-5px;width:8px;height:8px;border-radius:50%;background:#d62d70}.diagram-timeline .diagram-value{grid-column:2}
.diagram-sequence .diagram-body{gap:26px}.diagram-sequence .diagram-item{padding:15px 18px;border:1px solid #dce0e6;border-radius:12px;background:#f6f7f9}.diagram-sequence .diagram-item:not(:last-child)::after{content:'↓';position:absolute;bottom:-25px;left:28px;color:#aa315e;font-size:18px}
.diagram-matrix .diagram-body{padding:10px 24px;gap:0}.diagram-matrix .diagram-item{grid-template-columns:minmax(85px,.65fr) 1.35fr;padding:20px 0;border-bottom:1px solid #e7e9ee;align-items:start}.diagram-matrix .diagram-item:last-child{border:0}.diagram-matrix .diagram-index{display:none}
.diagram-files .diagram-item{padding:15px;border:1px solid #e2e5eb;border-radius:10px;background:#f6f7f9}.diagram-files .diagram-item strong{font-size:13px;overflow-wrap:anywhere}.diagram-files .diagram-index{font-size:0;border:1px solid #c5cbd4;width:19px;height:25px;border-radius:3px;background:#fff;margin-top:2px}.diagram-files .diagram-item:nth-child(2) .diagram-index{border-color:#d62d70;background:#fff1f6}
.diagram-map .diagram-body{gap:12px}.diagram-map .diagram-item{text-align:center;grid-template-columns:1fr;padding:18px;background:#f6f7f9;border-radius:12px}.diagram-map .diagram-index{display:none}.diagram-map .diagram-item:nth-child(2){border:1px solid #dc9ab5;background:#fff1f6;margin:0 24px}
.diagram-channels .diagram-item{grid-template-columns:70px 1fr;padding:18px 0;border-bottom:1px solid #e7e9ee}.diagram-channels .diagram-index{grid-column:2;grid-row:2;height:8px;margin-top:8px;font-size:0;border-radius:4px;background:#d62d70;max-width:75%}.diagram-channels .diagram-item:nth-child(2) .diagram-index{background:#237b67;max-width:90%}.diagram-channels .diagram-item:nth-child(3) .diagram-index{background:#4674a7;max-width:65%}.diagram-channels .diagram-value{grid-column:2;grid-row:1}
.diagram-equation .diagram-body{grid-template-columns:1fr 1fr 1fr;gap:32px}.diagram-equation .diagram-item{grid-template-columns:1fr;gap:12px}.diagram-equation .diagram-index{display:none}.diagram-equation .diagram-item:not(:last-child)::after{content:'×';position:absolute;top:4px;right:-22px;font-size:20px;color:#aa315e}.diagram-equation .diagram-item:nth-child(2)::after{content:'≈'}
.diagram-branch .diagram-body{grid-template-columns:1fr 1fr;gap:24px 16px}.diagram-branch .diagram-item{grid-template-columns:1fr;padding:17px;background:#f6f7f9;border-radius:12px;border:1px solid #e2e5eb}.diagram-branch .diagram-item:first-child{grid-column:1/-1;border-color:#dc9ab5;background:#fff1f6}.diagram-branch .diagram-index{display:none}.diagram-branch .diagram-item:not(:first-child)::before{content:'↓';position:absolute;top:-25px;left:24px;color:#aa315e}
/* Four once-only reveal treatments; content remains visible without JavaScript. */
.block-motion-ready [data-block-motion] .block-visual{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s ease,clip-path .8s cubic-bezier(.2,.7,.2,1)}
.block-motion-ready [data-block-motion=mask]:not(.block-visible) .block-visual{clip-path:inset(0 0 100% 0 round 24px)}
.block-motion-ready [data-block-motion=slide]:not(.block-visible) .block-visual{transform:translateX(-20px);opacity:0}
.block-motion-ready [data-block-motion=draw] .diagram-item{transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--item)*90ms)}
.block-motion-ready [data-block-motion=draw]:not(.block-visible) .diagram-item{opacity:0;transform:translateX(12px)}
.block-motion-ready [data-block-motion=settle]:not(.block-visible) .block-visual{transform:scale(.97);opacity:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.diagram-item:hover{transform:translateX(3px)}.diagram-compare .diagram-item:hover,.diagram-map .diagram-item:hover,.diagram-branch .diagram-item:hover{transform:translateY(-2px)}}
@media(max-width:1024px){.additional-content{padding-left:32px;padding-right:32px}.content-block{gap:28px 32px;padding-top:56px;padding-bottom:56px}.composition-wide .block-copy{gap:32px}.composition-editorial .block-points{padding-left:28px}.composition-inset{padding:32px}.diagram-body{padding:22px}.diagram-equation .diagram-body{gap:24px}.diagram-equation .diagram-item:not(:last-child)::after{right:-18px}}
@media(max-width:768px){.additional-content{padding:12px 24px 48px}.content-block{grid-template-columns:1fr;gap:26px;grid-template-areas:'copy' 'visual' 'points';padding:44px 0}.composition-wide .block-copy{display:block}.composition-wide .block-copy h2{margin-bottom:20px}.composition-wide .block-points{grid-template-columns:1fr;gap:24px}.composition-editorial .block-points{border:0;padding:0}.composition-inset{padding:28px;margin-top:8px;border-radius:22px}.content-block h2{font-size:32px}.block-intro,.block-point p{font-size:15px}.composition-split .block-visual{margin-top:0}.diagram-equation .diagram-body{grid-template-columns:1fr;gap:26px}.diagram-equation .diagram-item:not(:last-child)::after{content:'↓';left:0;right:auto;top:auto;bottom:-27px}.diagram-equation .diagram-item:nth-child(2)::after{content:'≈'}}
@media(max-width:390px){.additional-content{padding-left:18px;padding-right:18px}.content-block h2{font-size:28px}.composition-inset{padding:22px 16px}.diagram-heading{padding:16px 18px;font-size:11px}.diagram-body{padding:18px}.block-visual figcaption{padding:16px 18px}.diagram-compare .diagram-body{grid-template-columns:1fr;padding:0}.diagram-compare .diagram-item{padding:22px}.diagram-compare .diagram-item+.diagram-item{border-left:0;border-top:1px solid #dce0e6}.diagram-matrix .diagram-body{padding:8px 18px}.diagram-matrix .diagram-item{grid-template-columns:1fr;gap:9px}.diagram-branch .diagram-body{grid-template-columns:1fr}.diagram-branch .diagram-item:first-child{grid-column:auto}.diagram-branch .diagram-item{padding:14px}.diagram-map .diagram-item:nth-child(2){margin:0 10px}}
@media(prefers-reduced-motion:reduce){.additional-content *,.additional-content *::before,.additional-content *::after{animation:none!important;transition:none!important;transform:none!important;clip-path:none!important;opacity:1!important}}
