.tst-heading-checker { --tst-heading-accent: var(--tst-tool-control-primary, #c8f65c); --tst-heading-blue: var(--tst-tool-control-secondary, #2f73ff); --tst-heading-border: #475569; --tst-heading-field: #1e293b; --tst-heading-ink: #f8fafc; --tst-heading-muted: #cbd5e1; color: var(--tst-heading-ink); display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.tst-heading-checker * { box-sizing: border-box; }
.tst-heading-checker > * { max-width: 100%; min-width: 0; }
.tst-heading-checker :where(h2, h3, p) { margin: 0; }
.tst-heading-checker :where(h2, h3) { color: var(--tst-heading-ink); }
.tst-heading-checker h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.tst-heading-checker label { color: var(--tst-heading-ink); font-size: .82rem; font-weight: 800; }
.tst-heading-checker :where(textarea, select, input[type='file']) { background: var(--tst-heading-field); border: 1px solid var(--tst-heading-border); border-radius: .7rem; color: var(--tst-heading-ink); font: inherit; max-width: 100%; min-width: 0; padding: .75rem; width: 100%; }
.tst-heading-checker textarea { min-height: 14rem; resize: vertical; }
.tst-heading-checker__privacy, .tst-heading-checker__note { color: var(--tst-heading-muted); font-size: .82rem; }
.tst-heading-checker__file { display: grid; gap: .5rem; }
.tst-heading-checker__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem; }
.tst-heading-checker button { background: var(--tst-heading-accent); border: 1px solid var(--tst-heading-accent); border-radius: .7rem; color: #101827; cursor: pointer; font: inherit; font-size: .82rem; font-weight: 850; min-height: 2.7rem; padding: .65rem 1rem; }
.tst-heading-checker button.tst-heading-checker__secondary { background: transparent; color: var(--tst-heading-ink); }
.tst-heading-checker button:disabled { cursor: not-allowed; opacity: .55; }
.tst-heading-checker :where(textarea, select, input, button):focus-visible { outline: .2rem solid var(--tst-tool-control-focus, #8ab1ff); outline-offset: .12rem; }
.tst-heading-checker__results { border-top: 1px solid var(--tst-heading-border); display: grid; gap: 1.2rem; padding-top: 1.2rem; }
.tst-heading-checker__results[hidden] { display: none; }
.tst-heading-checker__metrics { display: grid; gap: .55rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tst-heading-checker__metrics div { background: color-mix(in srgb, var(--tst-heading-blue) 12%, transparent); border: 1px solid var(--tst-heading-border); border-radius: .65rem; display: grid; gap: .2rem; padding: .65rem; }
.tst-heading-checker__metrics span { color: var(--tst-heading-muted); font-size: .72rem; }
.tst-heading-checker__metrics strong { color: var(--tst-heading-accent); font-size: 1.15rem; }
.tst-heading-checker :where(ul, ol) { display: grid; gap: .55rem; margin: .7rem 0 0; padding-left: 1.3rem; }
.tst-heading-checker [data-tst-heading-outline] li[data-level='2'] { margin-left: .7rem; }
.tst-heading-checker [data-tst-heading-outline] li[data-level='3'], .tst-heading-checker [data-tst-heading-outline] li[data-level='4'], .tst-heading-checker [data-tst-heading-outline] li[data-level='5'], .tst-heading-checker [data-tst-heading-outline] li[data-level='6'] { margin-left: 1.4rem; }
[data-tst-site-shell][data-theme='light'] .tst-heading-checker { --tst-heading-border: #cbd5e1; --tst-heading-field: #f8fafc; --tst-heading-ink: #0f172a; --tst-heading-muted: #526071; }
@media (max-width: 36rem) { .tst-heading-checker__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }