.extensions-intro-note { max-width:760px; font-size:.9rem; margin-top:22px; }
.extensions-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
.extensions-process { margin:0; }
.extensions-process-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:18px; margin:0; padding:0; }
.extensions-process-steps li { position:relative; padding:26px 22px; border:1px solid var(--line); border-radius:9px; background:var(--theme-surface,#fff); }
.extensions-process-steps li:not(:last-child)::after { content:"→"; position:absolute; right:-17px; top:45%; color:var(--theme-accent,#133b30); }
.extensions-process-steps .eyebrow { display:block; font-size:.58rem; margin-bottom:18px; }
.extensions-process-steps h3 { font-size:1.1rem; line-height:1.3; margin-bottom:14px; }
.extensions-process-steps p { font-size:.8rem; line-height:1.75; margin:0; }
.extensions-subheading { margin:46px 0 24px; }
.extensions-subheading h3 { font-size:1.4rem; margin-bottom:10px; }
.extensions-subheading p { font-size:.9rem; }
.extensions-strategies,.extensions-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.extensions-strategies .content-card { padding:26px; }
.extensions-strategies .eyebrow { font-size:.58rem; margin-bottom:14px; }
.extensions-strategies h3 { font-size:1.2rem; }
.extensions-strategies p:last-child { margin-bottom:0; }
.extensions-detail { max-width:940px; font-size:.86rem; margin-top:28px; }
.extensions-split { align-items:start; }
.extensions-split h2 { margin-bottom:26px; }
.extensions-history { margin:0; }
.extensions-history-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding-bottom:34px; }
.extensions-history-sources>div { position:relative; padding:23px 18px; border:1px solid var(--line); border-radius:8px; background:var(--theme-surface,#fff); }
.extensions-history-sources>div::after { content:"↓"; position:absolute; bottom:-30px; left:calc(50% - 6px); font-size:1.2rem; color:var(--theme-accent,#133b30); }
.extensions-history h3 { font-size:1.12rem; line-height:1.35; margin-bottom:12px; }
.extensions-history .eyebrow { display:block; font-size:.53rem; margin-bottom:14px; }
.extensions-history p:not(.diagram-label) { font-size:.79rem; line-height:1.75; }
.extensions-history-target { padding:26px; border:1px solid var(--line); border-radius:8px; background:var(--theme-soft,#edf1e5); text-align:center; }
.extensions-history-target h3 { font-size:1.45rem; }
.extensions-history-target p { margin-bottom:0; }
.extensions-history .diagram-note { margin-top:24px; }
.extensions-examples h2 { font-size:2rem; margin-bottom:24px; }
.extensions-examples p { font-size:.9rem; }
.extensions-benefit { border-top:1px solid var(--line); padding-top:22px; margin-top:26px; margin-bottom:0; }
.extensions-benefit strong { color:var(--ink); }

@media(max-width:1000px) {
    .extensions-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .extensions-process-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
    .extensions-process-steps li::after { display:none; }
    .extensions-split { grid-template-columns:1fr; }
    .extensions-history { max-width:720px; width:100%; }
}
@media(max-width:640px) {
    .extensions-nav { grid-template-columns:1fr; gap:18px; }
    .extensions-process-steps,.extensions-strategies,.extensions-examples { grid-template-columns:1fr; }
    .extensions-process-steps li:not(:last-child)::after { display:block; content:"↓"; right:auto; left:calc(50% - 6px); top:auto; bottom:-24px; }
    .extensions-process-steps li { padding:22px; }
    .extensions-examples h2 { font-size:1.7rem; }
    .extensions-history-sources { gap:10px; }
    .extensions-history-sources>div { padding:18px 12px; }
    .extensions-history-sources h3 { font-size:.93rem; }
    .extensions-history-sources p { font-size:.72rem!important; }
    .extensions-history .eyebrow { font-size:.5rem; letter-spacing:.08em; }
    .extensions-history-target { padding:23px 18px; }
}
@media print {
    .extensions-process-steps li,.extensions-strategies .content-card,.extensions-examples .content-card,.extensions-history { break-inside:avoid; }
    .extensions-process-steps li,.extensions-history-sources>div { background:#fff; color:#17362e; }
    .extensions-history-target { background:#edf1e5; color:#17362e; }
}