/* Accessibility tools – shared styles (uses site tokens so light/dark both work) */
.a11y-disclaimer{font-size:1rem;font-weight:500;border-left-width:6px;color:var(--warn)}
[data-tool-id="html-accessibility-checker"] .tool-note{background:var(--warn-bg);border-color:#e2b04d;border-left-width:6px;color:var(--warn);font-size:1.02rem;font-weight:600}
[data-tool-id="html-accessibility-checker"] .tool-note .ico{color:var(--warn)}
.badge.a11y-info{background:var(--primary-soft);color:var(--primary)}
.a11y-matrix table,.a11y-tbl table{width:100%;border-collapse:collapse;font-size:.92rem}
.a11y-matrix th,.a11y-matrix td,.tbl-wrap th,.tbl-wrap td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.tbl-wrap thead th{background:var(--surface-2);font-weight:700}
.tbl-wrap code,.a11y-snip{font-family:var(--mono);font-size:.82rem;overflow-wrap:anywhere;word-break:break-word}
.a11y-sample{border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:16px 18px;margin:0 0 10px}
.a11y-sample p{margin:0 0 8px}
.a11y-sample .s-normal{font-size:16px}
.a11y-sample .s-large{font-size:24px}
.a11y-sample .s-bold{font-size:18.66px;font-weight:700}
.a11y-fix{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.a11y-fix .a11y-chip{display:inline-block;min-width:150px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:6px;font-weight:600}
.a11y-chipbox{display:inline-flex;gap:6px;align-items:center}
.a11y-sw{display:flex;align-items:center;justify-content:center;min-width:92px;min-height:40px;padding:4px 8px;border:1px solid var(--border-strong);border-radius:6px;font-weight:700;font-size:.85rem}
.a11y-chips{display:flex;flex-wrap:wrap;gap:8px}
.a11y-figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.a11y-figs figure{margin:0;border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;background:var(--surface)}
.a11y-figs canvas{width:100%;height:auto;background:#fff}
.a11y-figs figcaption{font-size:.88rem;margin-top:6px}
.a11y-figs figcaption strong{display:block}
.a11y-outline,.a11y-outline ul{margin:4px 0;padding-left:22px}
.a11y-outline li{margin:3px 0}
.a11y-outline .lv{display:inline-block;min-width:2.2em;font-family:var(--mono);font-weight:700;margin-right:6px}
.a11y-group{border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;margin:0 0 12px;background:var(--surface)}
.a11y-group h4{margin:0 0 6px;font-size:1.02rem}
.a11y-group ul{margin:8px 0 0;padding-left:20px}
.a11y-group li{margin:6px 0}
.a11y-ref{list-style:none;margin:0;padding:0}
.a11y-ref>li{margin:0 0 8px}
.a11y-ref details{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);padding:8px 12px}
.a11y-ref summary{cursor:pointer;font-weight:650}
.a11y-ref pre{overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:.82rem;white-space:pre-wrap}
.a11y-ref dl{margin:8px 0}
.a11y-ref dt{font-weight:700;margin-top:6px}
.a11y-ref dd{margin:0}
[data-out="list"] .out-html{max-height:none}
.a11y-kb fieldset{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;margin:0 0 10px;background:var(--surface);min-width:0}
.a11y-kb legend{font-weight:650;padding:0 6px}
.a11y-kb .how{margin:2px 0 6px;color:var(--text-2);font-size:.9rem}
.a11y-kb h4{margin:16px 0 8px}
.a11y-kb .sc{font-size:.8rem;font-weight:700;color:var(--text-2);margin-left:6px}
.a11y-kb .radio-group{margin-top:4px}
.a11y-kb [hidden]{display:none}
@media (max-width:520px){.a11y-sw{min-width:72px}.a11y-fix .a11y-chip{min-width:0}}

.tool-layout>article,.tool .outputs,.tool .out{min-width:0}