.sdn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 8px;display:flex}.sdn-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:140px;min-width:0;padding:14px}.sdn-icon{font-size:1.6rem}.sdn-title{color:#111;margin:6px 0 4px;font-size:.82rem;font-weight:800}.sdn-text{color:#555;font-size:.72rem;line-height:1.35}.sdn-caption{text-align:center;color:#888;margin:4px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.sdn-card{flex-basis:100%}}
.wbd-wrap{margin:30px 4px 6px}.wbd-track{background:linear-gradient(90deg,#16a34a,#f59e0b 55%,#dc2626);border-radius:9px;height:18px;position:relative}.wbd-marker{text-align:center;position:absolute;top:-28px;transform:translate(-50%)}.wbd-dot{border-radius:50%;width:12px;height:12px;margin:0 auto 4px;box-shadow:0 0 0 3px #fff}.wbd-marker.good .wbd-dot{background:#15803d}.wbd-marker.risky .wbd-dot{background:#b91c1c}.wbd-marker-label{white-space:nowrap;font-size:.66rem;font-weight:700}.wbd-marker.good .wbd-marker-label{color:#15803d}.wbd-marker.risky .wbd-marker-label{color:#b91c1c}.wbd-ends{color:#888;justify-content:space-between;margin-top:4px;font-size:.68rem;display:flex}.wbd-caption{text-align:center;color:#888;margin:6px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.wbd-marker-label{font-size:.6rem}.wbd-ends{font-size:.62rem}}
.mdc-chart{height:90px;margin:34px 4px 6px;position:relative}.mdc-zone{background:#ef444414;border:1px dashed #ef444459;border-radius:8px;position:absolute;inset:0 46% 22px 20%}.mdc-baseline{background:#e2e8f0;height:1px;position:absolute;bottom:22px;left:0;right:0}.mdc-cols{height:68px;display:flex;position:relative}.mdc-col{flex:1 1 0;min-width:0;height:100%;position:relative}.mdc-dot{background:#0ea5e9;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%,50%)}.mdc-col.zone .mdc-dot{background:#ef4444}.mdc-time{color:#6b7280;white-space:nowrap;font-size:.64rem;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.mdc-caption{text-align:center;color:#888;margin:4px 0 0;font-size:.8rem;font-style:italic}@media (max-width:480px){.mdc-time{font-size:.56rem}}