.dcl-ladder{flex-direction:column;gap:8px;margin:16px 0 8px;display:flex}.dcl-row{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex}.dcl-row.safe{background:#f0fdf4;border:1px solid #bbf7d0}.dcl-row.caution{background:#fffbeb;border:1px solid #fde68a}.dcl-row.danger{background:#fef2f2;border:1px solid #fecaca}.dcl-source{color:#1e293b;min-width:0;font-size:.8rem;font-weight:700}.dcl-db{color:#334155;white-space:nowrap;background:#0000000f;border-radius:10px;flex-shrink:0;padding:3px 9px;font-size:.72rem;font-weight:800}.dcl-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}
.net-wrap{flex-direction:column;gap:8px;margin:16px 0 8px;display:flex}.net-row{align-items:center;gap:10px;display:flex}.net-vol{color:#1e293b;flex:0 0 56px;font-size:.72rem;font-weight:800}.net-track{background:#f1f5f9;border-radius:8px;flex:auto;min-width:0;height:16px;overflow:hidden}.net-fill{background:linear-gradient(90deg,#22c55e,#ef4444);border-radius:8px;height:100%}.net-time{text-align:right;color:#475569;flex:0 0 60px;font-size:.7rem;font-weight:700}.net-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}
.hcd-wrap{flex-wrap:wrap;justify-content:center;gap:24px;margin:18px 0 8px;display:flex}.hcd-group{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.hcd-cells{align-items:flex-end;gap:4px;height:34px;display:flex}.hcd-cell{transform-origin:bottom;background:#34d399;border-radius:3px 3px 0 0;width:5px;height:30px}.hcd-group.damaged .hcd-cell{background:#f87171;height:14px;transform:rotate(35deg)}.hcd-group.damaged .hcd-cell:nth-child(2){height:11px;transform:rotate(45deg)}.hcd-group.damaged .hcd-cell:nth-child(4){height:16px;transform:rotate(28deg)}.hcd-label{color:#1e293b;text-align:center;font-size:.78rem;font-weight:700}.hcd-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}
.hft-wrap{margin:16px 0 8px}.hft-instructions{color:#475569;margin-bottom:14px;font-size:.85rem}.hft-list{flex-direction:column;gap:10px;display:flex}.hft-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.hft-freq{color:#1e293b;flex-shrink:0;min-width:64px;font-size:.85rem;font-weight:800}.hft-play{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #93c5fd;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:700}.hft-play:disabled{opacity:.7;cursor:default}.hft-answers{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.hft-answer{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-shrink:0;padding:6px 10px;font-size:.72rem;font-weight:700}.hft-answer.yes.active{color:#166534;background:#dcfce7;border-color:#86efac}.hft-answer.no.active{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.hft-progress{text-align:center;color:#64748b;margin-top:10px;font-size:.8rem}.hft-result{text-align:center;border-radius:12px;margin-top:14px;padding:14px}.hft-result.good{background:#f0fdf4;border:1px solid #bbf7d0}.hft-result.mild{background:#fffbeb;border:1px solid #fde68a}.hft-result.moderate{background:#fff7ed;border:1px solid #fdba74}.hft-result.attention{background:#fef2f2;border:1px solid #fecaca}.hft-result p{color:#1e293b;margin-bottom:10px;font-size:.85rem}.hft-reset{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700}.hft-disclaimer{color:#888;margin-top:14px;font-size:.78rem;font-style:italic}