/* Shared editorial treatment for consulting examples. A once-through working-note sequence. */
.engagement-example{padding:64px 0;background:#fff;color:#14222b}
.engagement-example__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.engagement-example__intro h2{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.7px;margin:0 0 22px;max-width:470px}
.engagement-example__intro p{font-size:17px;line-height:1.7;color:#4e5f6d;margin:0;max-width:480px}
.engagement-sheet{background:transparent;color:#17232c;border:0;padding:12px 0 12px 32px;box-shadow:none;position:relative;min-width:0}
.engagement-sheet__head{border-bottom:1px solid #d8ddd9;padding-bottom:17px;margin-bottom:2px}
.engagement-sheet__head>span{font-size:10px;letter-spacing:1.1px;color:#687b7d}
.engagement-sheet h3{font-size:22px;line-height:1.25;margin:9px 0 0;letter-spacing:-.3px;color:#17232c}
.engagement-sheet__row{padding:15px 0;border-bottom:1px solid #e0e4df}
.engagement-sheet__row b{font-size:14px;font-weight:600;color:#206f69}
.engagement-sheet__row p{font-size:14px;line-height:1.6;margin:5px 0 0;color:#495c67}
.engagement-sheet__foot{font-size:12px;line-height:1.6;color:#64747d;margin:17px 0 0}
@media(max-width:800px){.engagement-example{padding:44px 0}.engagement-example__grid{grid-template-columns:1fr;gap:28px}.engagement-example__intro h2{max-width:none}.engagement-sheet{padding:8px 0 8px 25px}.engagement-example__intro p{font-size:16px}.engagement-sheet h3{font-size:21px}}

.engagement-sheet{counter-reset:note}
.engagement-sheet:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#e2e8e5}
.engagement-sheet__head{padding-bottom:18px;border-bottom:0}
.engagement-sheet__row{position:relative;padding:14px 0 16px;border-bottom:1px solid #e3e8e6;counter-increment:note}
.engagement-sheet__row:before{content:counter(note,decimal-leading-zero);position:absolute;left:-42px;top:15px;font-size:10px;line-height:22px;width:22px;text-align:center;background:white;color:#91783e}
.engagement-sheet__foot{padding-top:5px;color:#254e50;font-weight:500;min-height:3.2em}
@keyframes note-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:800px){.engagement-sheet__row:before{left:-35px}.engagement-sheet__row{padding-block:12px}.engagement-sheet__head>span{letter-spacing:1.4px}}

.engagement-sheet__row.note-played{animation:note-in 1.1s ease both}
.engagement-sheet.notes-paused .engagement-sheet__row{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.engagement-sheet__row.note-played{animation:none}}
