.oab-wrap{flex-direction:column;gap:10px;margin:20px 0;display:flex}.oab-row{align-items:center;gap:10px;display:flex}.oab-alt-label{color:#374151;text-align:right;flex:0 92px;min-width:54px;font-size:.76rem;font-weight:700}.oab-track{background:#e2e8f0;border-radius:9px;flex:auto;min-width:0;height:18px;overflow:hidden}.oab-fill{background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:9px;height:100%}.oab-pct{color:#0284c7;text-align:right;flex:0 44px;min-width:34px;font-size:.78rem;font-weight:700}.oab-caption{text-align:center;color:#888;margin:4px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.oab-alt-label{min-width:44px;font-size:.68rem}.oab-pct{min-width:28px;font-size:.7rem}.oab-track{height:14px}}
.svm-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.svm-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:140px;min-width:0;padding:14px}.svm-card.sea{background:#f0f9ff;border-color:#38bdf8}.svm-card.mountain{background:#f5f3ff;border-color:#a78bfa}.svm-title{text-align:center;margin-bottom:8px;font-size:.86rem;font-weight:800}.svm-row{color:#374151;border-top:1px dashed #0000001a;justify-content:space-between;gap:8px;padding:5px 0;font-size:.74rem;display:flex}.svm-row:first-of-type{border-top:none}.svm-row span:first-child{color:#6b7280;flex:0 auto;min-width:0}.svm-row span:last-child{text-align:right;flex:0 auto;min-width:0;font-weight:700}.svm-vs{color:#fff;background:#111827;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:.68rem;font-weight:800;display:flex}@media (max-width:480px){.svm-card{flex-basis:100%}.svm-title{font-size:.8rem}.svm-row{font-size:.7rem}}
.atl-track{justify-content:space-between;align-items:flex-start;gap:6px;margin:30px 4px 10px;display:flex;position:relative}.atl-track:before{content:"";z-index:0;background:linear-gradient(90deg,#fca5a5,#fde68a,#86efac);border-radius:2px;height:3px;position:absolute;top:14px;left:14px;right:14px}.atl-stage{z-index:1;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.atl-dot{background:#fff;border:3px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.atl-stage.day1 .atl-dot{border-color:#ef4444}.atl-stage.day3 .atl-dot{border-color:#f59e0b}.atl-stage.day5 .atl-dot{border-color:#22c55e}.atl-label{text-align:center;color:#374151;font-size:.72rem;font-weight:700}.atl-text{color:#666;text-align:center;font-size:.66rem;line-height:1.3}.atl-caption{text-align:center;color:#888;margin:4px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.atl-dot{width:24px;height:24px;font-size:.78rem}.atl-label{font-size:.64rem}.atl-text{font-size:.58rem}}