.oht{--c-accent:#067957;--c-accent-h:#055f45;--c-soft:#ecfbf5;--c-ink:#172033;--c-muted:#5b687e;--c-line:#dfe5ec;--c-bg:#f8fafc;--c-bad:#b42318;--c-warn:#976000;
box-sizing:border-box;max-width:880px;margin:0 auto 1.5em;padding:16px;background:#fff;border:1px solid var(--c-line);border-radius:14px;color:var(--c-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 1px 3px rgba(23,32,51,.06)}
.oht *,.oht *::before,.oht *::after{box-sizing:border-box}
.oht .oht-title{margin:0 0 4px;font-size:1.45em;line-height:1.2;color:var(--c-ink)}
.oht .oht-intro{margin:0 0 12px;color:var(--c-muted)}
.oht-tabs{border:0;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.oht-tabs legend{font-weight:700;margin-bottom:6px;padding:0;width:100%}
.oht-tabs label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--c-line);border-radius:999px;background:#fff;font-weight:600;font-size:.93em;cursor:pointer}
.oht-tabs input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.oht-tabs label.is-on{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.oht-tabs label:focus-within{outline:3px solid var(--c-accent);outline-offset:2px}
.oht-panel{background:var(--c-bg);border:1px solid var(--c-line);border-radius:12px;padding:14px}
.oht-panel[hidden],.oht-step[hidden],.oht [hidden]{display:none}
.oht-panel>p{margin:0 0 10px}
.oht .oht-h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1.1em}
.oht .oht-h3:focus{outline:0}
.oht-h3 span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:.85em}
.oht-list{margin:0 0 12px;padding-left:1.2em}
.oht-list li{margin:4px 0}
.oht-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.oht-choice{margin:12px 0}
.oht-label{display:block;font-weight:700;margin-bottom:6px;font-size:.93em}
.oht-seg{display:grid;gap:6px}
.oht-seg label{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--c-line);border-radius:10px;background:#fff;cursor:pointer}
.oht-seg input{width:18px;height:18px;accent-color:var(--c-accent);margin:0}
.oht .oht-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--c-line);border-radius:10px;background:#fff;color:var(--c-ink);font:inherit;font-weight:600;cursor:pointer}
.oht .oht-btn:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-accent)}
.oht .oht-btn:disabled{opacity:.5;cursor:not-allowed}
.oht .oht-sm{min-height:40px;font-size:.92em}
.oht .oht-primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.oht .oht-primary:hover:not(:disabled){background:var(--c-accent-h);color:#fff}
.oht .oht-btn[aria-pressed=true]{background:var(--c-soft);border-color:var(--c-accent);color:var(--c-accent)}
.oht .oht-btn:focus-visible,.oht .oht-hear:focus-visible,.oht input:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}
.oht-status{margin:0 0 8px;font-weight:700;min-height:1.5em}
.oht-prog{height:8px;border-radius:999px;background:#e3e8ee;overflow:hidden;margin-bottom:14px}
.oht-prog i{display:block;height:100%;background:var(--c-accent);transition:width .3s}
.oht .oht-hear{appearance:none;display:block;width:100%;min-height:120px;margin:0 0 10px;border:0;border-radius:16px;background:var(--c-accent);color:#fff;font:inherit;font-size:1.5em;font-weight:800;cursor:pointer;touch-action:manipulation;transition:transform .08s}
.oht .oht-hear:hover{background:var(--c-accent-h)}
.oht .oht-hear.is-on{transform:scale(.98);background:var(--c-accent-h)}
.oht-note{margin:6px 0;font-weight:600;min-height:1.5em}
.oht-small{font-size:.85em;color:var(--c-muted);margin:6px 0}
.oht-chart{background:#fff;border:1px solid var(--c-line);border-radius:10px;overflow:hidden;margin-bottom:10px}
.oht-chart svg{display:block;width:100%;height:auto}
.oht-summary ul{margin:6px 0 10px;padding-left:1.2em}
.oht-summary li{margin:4px 0}
.oht-verdict{margin:0 0 6px;padding:10px 12px;border-radius:10px;background:var(--c-soft);border:1px solid #cdeee0}
.oht-verdict.is-flag{background:#fff8ea;border-color:#f1d9a6}
.oht-flag{color:var(--c-bad);font-weight:600}
.oht-tw{overflow-x:auto}
.oht-tw table{border-collapse:collapse;width:100%;font-size:.93em;background:#fff}
.oht-tw th,.oht-tw td{border:1px solid var(--c-line);padding:6px 9px;text-align:left;font-variant-numeric:tabular-nums}
.oht-tw thead th{background:var(--c-bg)}
.oht-freq{font-size:2em;font-weight:800;margin:6px 0;font-variant-numeric:tabular-nums}
.oht-disclaimer{margin:12px 0 0;font-size:.88em;color:var(--c-muted)}
.oht-warn{color:var(--c-bad);font-weight:600}
@media (min-width:640px){.oht{padding:22px}.oht-seg{grid-template-columns:repeat(2,minmax(0,1fr))}}