.stb-form { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important; }
.stb-hint { font: 400 0.8125rem/1.4 var(--f-body); color: var(--ink-soft); letter-spacing: 0; }
.stb .tool-actions { margin-top: 16px; }
.stb-out { display: grid; gap: 16px; }
.stb-out > * { margin-block: 0; }
.stb .tool-result__big { font-size: clamp(1.7rem, 4.2vw, 2.8rem); }
.stb-levels { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.stb-level { border: 1px solid var(--rule); background: #fff; padding: 12px 14px; }
.stb-level p { margin: 0; }
.stb-level__n { font: 600 0.75rem var(--f-mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-soft); }
.stb-level__name { font: 700 1.05rem/1.3 var(--f-display); color: var(--ink); }
.stb-level__when { font: 400 0.8125rem var(--f-mono); color: var(--ink-soft); }
.stb-level__t { margin-top: 6px !important; font: 800 1.6rem/1.1 var(--f-display); color: var(--ink); letter-spacing: -0.02em; }
.stb-level__t small { font: 400 0.8125rem var(--f-mono); color: var(--ink-soft); letter-spacing: 0; }
.stb-level__note { font-size: 0.9rem; color: var(--ink-soft); }
.stb .tool-result th { width: 30%; }
.stb-caveats { border: 1px solid var(--rule); background: #fff; padding: 14px 16px; }
.stb-caveats p { margin: 0; }
.stb-caveats__h, .stb-h { font: 700 1.15rem/1.3 var(--f-display); color: var(--ink); letter-spacing: -0.01em; }
.stb-caveats ul { margin: 8px 0 0; padding-left: 1.2em; display: grid; gap: 6px; font-size: 0.95rem; }
.stb-desc { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--rule); display: grid; gap: 10px; }
.stb-h, .stb-help { margin: 0; }
.stb-help { font-size: 0.95rem; color: var(--ink-soft); }
.stb-desc .tool-actions { margin-top: 0; }
.stb-ta textarea { font-family: var(--f-body); resize: vertical; }
.stb-score { margin: 6px 0 0; font: 700 1.25rem var(--f-display); color: var(--ink); }
.stb-list { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 6px; }
.stb-check { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; padding: 8px 12px; border: 1px solid var(--rule); border-left: 4px solid var(--teal); background: #fff; font-size: 0.95rem; }
.stb-check--warn { border-left-color: var(--ochre); }
.stb-check--fail { border-left-color: var(--alert); }
.stb-mark { font: 700 1rem var(--f-mono); color: var(--ink); }
