/* v11.17 – editorial replacement for the relocated homepage timeline. */
.cb117-approach{padding:clamp(48px,7vw,100px) 0;background:var(--paper,#f6f4ee);color:#211b35}
.cb117-approach .wrap{max-width:var(--container,1200px)}
.cb117-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,4vw,70px);align-items:end;margin:16px 0 clamp(24px,4vw,48px)}
.cb117-intro h2{max-width:720px;margin:0;line-height:1.07}
.cb117-intro p{max-width:420px;margin:0;color:#5d5967;font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.cb117-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cb117-grid article{padding:clamp(20px,2.4vw,34px);min-width:0;border:1px solid rgba(51,41,70,.12);border-radius:12px;background:rgba(255,255,255,.45);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.cb117-grid article:hover{transform:translateY(-3px);border-color:rgba(85,67,155,.32);box-shadow:0 14px 35px rgba(33,27,53,.06)}
.cb117-grid article>span{font-size:13px;font-weight:600;letter-spacing:.08em;color:#6852a3}
.cb117-grid h3{font-size:clamp(20px,1.8vw,26px);line-height:1.2;margin:28px 0 12px;color:#211b35}
.cb117-grid p{font-size:15px;line-height:1.65;margin:0;color:#615b6c}
.cb117-home-followup{text-align:right;padding:0 0 clamp(30px,4vw,65px);margin-top:calc(-1 * clamp(20px,3vw,45px))}
.cb117-home-followup a{font-weight:600;text-decoration:none;color:#51408f;border-bottom:1px solid rgba(81,64,143,.35);padding-bottom:5px}
.cb117-home-followup a:hover{border-bottom-color:currentColor}
@media(max-width:900px){.cb117-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb117-intro{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.cb117-grid{grid-template-columns:1fr}.cb117-home-followup{text-align:left;margin-top:0}}
@media(prefers-reduced-motion:reduce){.cb117-grid article{transition:none}.cb117-grid article:hover{transform:none}}