.mechanics-breadcrumb{margin-block:16px;color:var(--muted)}
.mechanics-toc{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--border,#ddd);padding-block:16px;margin-block:24px}
.mechanics-toc a{min-height:44px;display:flex;align-items:center}
.mechanics-guide{max-width:78ch}
.mechanics-guide h2{scroll-margin-top:100px;margin-top:var(--reading-section-gap,32px)}
.mechanics-guide h3{scroll-margin-top:100px}
.mechanics-figure{margin:24px 0;border:1px solid var(--border,#ddd);border-radius:var(--radius-card,8px);overflow:hidden}
.mechanics-figure-scroll{overflow-x:auto;background:#faf7ee;padding:8px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.mechanics-frames{list-style:none;margin:0;padding:0;background:#faf7ee}
.mechanics-sequence{display:flex;gap:12px;scroll-snap-type:x proximity}
.mechanics-panel{margin:0;min-width:0}
.mechanics-sequence .mechanics-panel{flex:0 0 clamp(280px,80vw,360px);scroll-snap-align:start}
.mechanics-panel img{display:block;width:100%;height:auto;object-fit:contain}
.mechanics-panel-label{display:flex;flex-direction:column;gap:4px;margin:0;padding:10px 14px;line-height:1.4;color:#28323c}
.mechanics-panel-label span{font-size:.875rem}
.mechanics-figure figcaption{padding:12px 16px;font-size:.95rem;color:var(--muted);line-height:1.5}
.mechanics-figure-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.mechanics-related{border-block-start:1px solid var(--border,#ddd);padding-block:16px;margin-block:24px}
@media(prefers-reduced-motion:reduce){.mechanics-figure-scroll{scroll-behavior:auto}}
.mechanics-leg-stages{display:grid;gap:8px;margin:0;padding:0 14px 14px;color:#28323c;background:#faf7ee;font-size:.875rem;line-height:1.45}
.mechanics-leg-stages>div{padding-inline-start:10px;border-inline-start:4px solid}
.mechanics-leg-tracked{border-color:#bd4935!important}.mechanics-leg-other{border-color:#315a7b!important}
.mechanics-leg-stages dt{font-weight:700}.mechanics-leg-stages dd{margin:2px 0 0;display:flex;flex-direction:column;gap:2px}
.mechanics-phase-overview{overflow-x:auto;padding:14px;background:#faf7ee;color:#28323c;overscroll-behavior-inline:contain}
.mechanics-phase-overview:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.mechanics-phase-table{border-collapse:collapse;width:100%;min-width:780px;font-size:.875rem;line-height:1.45}
.mechanics-phase-table caption{text-align:left;font-size:1rem;font-weight:700;padding-block-end:12px}
.mechanics-phase-table th,.mechanics-phase-table td{padding:12px;border:1px solid #c7ccc6;vertical-align:top;text-align:left}
.mechanics-phase-table tbody th{min-width:130px}.mechanics-phase-table td{min-width:120px}
.mechanics-phase-table td span{display:block;margin-block-start:5px;font-size:.8rem}
.mechanics-lane-tracked th{border-inline-start:5px solid #bd4935}.mechanics-lane-other th{border-inline-start:5px solid #315a7b}
.mechanics-lane-tracked td{background:#f9e4d9}.mechanics-lane-other td{background:#e4eef3}
.mechanics-phase-note{margin:0;padding:0 14px 14px;background:#faf7ee;color:#46515a;font-size:.85rem;line-height:1.5}