
/* Adapt Arsalan's three-track cadence diagram; keep labels as responsive HTML. */
.metis-v40 #depth.m40-capture-depth{margin-top:40px;padding:32px;border:1px solid #d9dce2;border-radius:12px;background:#fff;scroll-margin-top:104px}
.metis-v40 .m40-support-heading h3,.metis-v40 .m40-built-on-chap h3{font-size:28px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.metis-v40 .m40-support-heading>p,.metis-v40 .m40-built-on-chap>p{font-size:17px;line-height:1.6;color:#56585d;max-width:76ch;margin:0}
.metis-v40 .m40-rhythms{margin:30px 0 0;padding:0;border:0;background:none}
.m40-rhythm-row{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;column-gap:40px;padding:18px 0;border-top:1px solid #e0e2e6}
.m40-rhythm-label p{font-size:14px;color:#b64211;margin:0 0 5px;line-height:1.5}
.m40-rhythm-label h4{font-size:18px;font-weight:500;line-height:1.4;margin:0;color:#282829}
.m40-rhythm-track{height:64px;position:relative;min-width:0}
.m40-rhythm-track:before{content:'';position:absolute;left:0;right:0;top:31px;height:2px;background:#d9dce2}
.m40-discovery-point,.m40-followup-point{position:absolute;top:15px;width:34px;height:34px;background:white;border:2px solid #ea4700;display:grid;place-items:center;z-index:1;color:#484b51;box-sizing:border-box}
.m40-discovery-point{left:8%;transform:translateX(-50%) rotate(45deg);border-radius:3px}
.m40-discovery-point svg{transform:rotate(-45deg)}
.m40-discovery-point+span{left:92%}
.m40-refresh-tick{position:absolute;width:3px;height:20px;top:22px;left:var(--tick-position);background:#e7782d;border-radius:2px;transform:translateX(-50%);animation:m40-refresh-pulse 3.6s ease-in-out infinite;animation-delay:var(--tick-delay)}
.m40-refresh-tick.is-question{height:34px;top:15px;background:#ea4700}
.m40-followup-point{left:52%;border-radius:50%;transform:translateX(-50%)}
.m40-followup-point:after{content:'';position:absolute;inset:-8px;border:1px solid #e79a76;border-radius:50%;animation:m40-followup-pulse 3.6s ease-out infinite}
.metis-v40 .m40-rhythms figcaption{font-size:14px;line-height:1.6;color:#62646a;margin:16px 0 0;padding:0;border:0;text-align:left}
.metis-v40 .m40-capture-methods{margin:24px 0 0;border:0;border-top:1px solid #d9dce2;padding:0}
.m40-capture-methods>summary{font-size:15px;line-height:1.5;font-weight:500;min-height:48px;padding:18px 0 0;cursor:pointer;color:#484b51}
.m40-method-copy{padding:22px 0 0}
.metis-v40 .m40-method-copy>.lede{font-size:16px;line-height:1.6;color:#56585d;max-width:76ch;margin:0 0 24px}
.metis-v40 .m40-method-copy .three{gap:28px;margin:0;padding:0}
.metis-v40 .m40-method-copy .three h4{font-size:18px;line-height:1.4;font-weight:500}
.metis-v40 .m40-method-copy .three p{font-size:15px;line-height:1.6}
.metis-v40 .m40-built-on-chap{margin-top:36px;padding:28px 0 0;border-top:1px solid #d9dce2;scroll-margin-top:104px}
.m40-chap-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0 0}
.m40-chap-links a{display:inline-block;min-height:44px;font-size:16px;line-height:1.5;color:#b64211;text-underline-offset:4px;padding:8px 0}
.m40-chap-links a span{margin-left:6px}
@keyframes m40-refresh-pulse{0%,100%{opacity:.5}45%{opacity:1}}
@keyframes m40-followup-pulse{0%{opacity:.6;transform:scale(.85)}75%,100%{opacity:0;transform:scale(1.4)}}
@media(max-width:1000px){
 .m40-rhythm-row{grid-template-columns:220px minmax(0,1fr);column-gap:24px}
 .metis-v40 .m40-method-copy .three{grid-template-columns:1fr;gap:24px}
}
@media(max-width:700px){
 .metis-v40 #depth.m40-capture-depth{margin-top:28px;padding:24px 20px}
 .metis-v40 .m40-support-heading h3,.metis-v40 .m40-built-on-chap h3{font-size:25px}
 .metis-v40 .m40-support-heading>p,.metis-v40 .m40-built-on-chap>p{font-size:16px}
 .metis-v40 .m40-rhythms{margin-top:24px}
 .m40-rhythm-row{grid-template-columns:1fr;gap:10px;padding:20px 0 12px}
 .m40-rhythm-track{height:56px}.m40-rhythm-track:before{top:27px}
 .m40-discovery-point,.m40-followup-point{top:11px}
 .m40-refresh-tick{top:18px}.m40-refresh-tick.is-question{top:11px}
 .m40-rhythm-label h4{font-size:18px}
 .metis-v40 .m40-rhythms figcaption{font-size:14px;margin-top:10px}
 .metis-v40 .m40-built-on-chap{margin-top:28px;padding-top:26px}
 .m40-chap-links{display:block;margin-top:12px}.m40-chap-links a{display:block}
}
@media(prefers-reduced-motion:reduce){
 .m40-refresh-tick,.m40-followup-point:after{animation:none!important}
 .m40-followup-point:after{opacity:.35}
}

