/* V8: relative month labels and distinct colours for obligation diagrams. */
.team-foot.team-foot-partners{grid-template-columns:minmax(0,1fr)}
.team-foot-partners .partners{max-width:none}
.ruler .rl-grid{padding-top:44px}
.ruler .rl-months span{width:8.3333%;padding:6px 0 0 4px;letter-spacing:0;text-transform:none}
.ruler .rl-months span:nth-child(n){color:var(--d3)}
.rl-months small{display:block;font-size:.67rem;line-height:1.2;font-weight:400}
.rl-months b{display:block;font-size:.8rem;line-height:1.3;font-weight:600;color:var(--d2)}
.mr-tone-1{--mr-accent:#258c77;--mr-ink:#176859;--mr-light:#e8f3ef}
.mr-tone-2{--mr-accent:#c16a4b;--mr-ink:#8e482f;--mr-light:#f6ece6}
.mr-tone-3{--mr-accent:#3d7db7;--mr-ink:#285d8b;--mr-light:#e9f0f7}
.mr-tone-4{--mr-accent:#a06eaa;--mr-ink:#76507e;--mr-light:#f1ebf4}
.mr-tone-5{--mr-accent:#32979b;--mr-ink:#246f71;--mr-light:#e7f2f2}
.mruler{border-top:0}
.mr-row{position:relative;background:linear-gradient(105deg,var(--mr-light),transparent 67%);border-bottom:1px solid color-mix(in srgb,var(--mr-accent) 22%,var(--line));border-left:3px solid var(--mr-accent);padding:28px 22px;margin-top:10px}
.mr-scale{padding-left:25px;padding-right:22px}
.mr-what span{color:var(--mr-ink)}
.mr-track::before{background:color-mix(in srgb,var(--mr-accent) 25%,var(--line-2))}
.mr-span{height:5px;margin-top:-2.5px;background:linear-gradient(90deg,color-mix(in srgb,var(--mr-accent) 15%,transparent),var(--mr-accent));border-radius:4px;transform-origin:left center}
.mr-mark{border-color:var(--mr-accent);background:var(--paper)}
.mr-mark.is-key{background:var(--mr-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--mr-accent) 16%,transparent),0 0 0 10px color-mix(in srgb,var(--mr-accent) 5%,transparent)}
.mr-zero{background:var(--mr-accent);box-shadow:0 0 0 3px var(--paper)}
.mr-alerts{color:var(--mr-ink)}
.mr-cycle{border-color:var(--mr-accent);color:var(--mr-ink)}
.on-dark .mr-row{background:linear-gradient(105deg,color-mix(in srgb,var(--mr-accent) 12%,var(--ink)),transparent 70%);border-left-color:var(--mr-accent)}
.on-dark .mr-zero{background:var(--mr-accent);box-shadow:0 0 0 3px var(--ink)}
.on-dark .mr-mark.is-key{background:var(--mr-accent)}
.on-dark .mr-alerts{color:color-mix(in srgb,var(--mr-accent) 55%,white)}
.on-dark .mr-what span{color:var(--d3)}
.on-dark .mr-cycle{color:var(--d2)}
.js .mr-row[data-reveal] .mr-span{transform:scaleX(0);transition:transform .95s var(--ease) .15s}
.js .mr-row[data-reveal].is-in .mr-span{transform:scaleX(1)}
@media(max-width:900px){.mr-row{padding:24px 20px}.mr-scale{padding-left:23px;padding-right:20px}}
@media(max-width:440px){
 .ruler .rl-months span{padding-left:2px}
 .rl-months small{font-size:.58rem}
 .rl-months b{font-size:.72rem}
 .mr-row{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
 .js .mr-row[data-reveal] .mr-span{transform:none;transition:none}
}



/* Narrow-screen fit, including the inherited comparison table. */
@media(max-width:380px){
 .wf-panel{padding:20px 12px 24px}
 .wf-item{padding-left:26px}
 .wf-waypoint::after{width:10px}
 .wf-summary{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:18px 12px}
 .wf-title{font-size:1.15rem}
 .wf-number{font-size:2.8rem}
 .wf-icon{width:28px;height:28px}
 .wf-panel-meta{font-size:.52rem;gap:8px}
 .ruler .rl-months small{font-size:.52rem}
 .cmp-cell{grid-template-columns:minmax(0,1fr);min-width:0}
 .cmp-cell small,.cmp-cell b{overflow-wrap:anywhere}
 .cmp-flag{white-space:normal;max-width:100%}
}