.check-tool { scroll-margin-top: 6rem; }
.check-tool-hero { padding-bottom: clamp(1.7rem, 4vw, 3rem); }
.check-tool-hero .narrow-hero h1 { font-size: clamp(2.5rem, 10.5vw, 4.6rem); max-width: 16ch; }
.check-tool-hero .narrow-hero .lead { margin-top: 1rem; }
.check-tool-hero .browser-tool-privacy { margin-top: 1.35rem; }
.check-tool-hero .browser-tool-privacy details { margin-top: .75rem; }
.check-tool-hero .browser-tool-privacy summary { cursor: pointer; font-weight: 700; }
.check-shell[hidden] { display: none; }
.check-shell { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(1.3rem, 3vw, 3rem); align-items: start; }
.check-shell > * { min-width: 0; }
.check-start { padding: 1rem 1.2rem; margin-bottom: 1.2rem; border-left: 3px solid var(--blue); background: #fff; }
.check-start p { margin: 0 0 .65rem; }
.check-start [data-check-mode] { margin: .8rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.check-pending { padding: .9rem 1rem; margin: .8rem 0; border: 1px solid var(--blue); background: #fff; overflow-wrap: anywhere; }
.check-pending[hidden], .check-more[hidden] { display: none; }
.check-more { margin: 1rem 0 1.5rem; border-top: 1px solid var(--line); padding-top: .75rem; }
.check-more summary { cursor: pointer; font-weight: 700; min-height: 44px; }
.check-more [data-check-additional] { display: grid; gap: 1rem; margin-top: .8rem; }
.check-hint { display: block; color: var(--muted); font-weight: 400; }
.check-import { margin: 1.4rem 0; padding: 1.1rem 1.3rem; border: 1px solid var(--line); background: var(--surface); }
.check-import summary { cursor: pointer; font-weight: 700; }
.check-import p { max-width: 68ch; color: var(--muted); }
.check-result { position: static; scroll-margin-top: 6rem; }
#check-ergebnis-titel { scroll-margin-top: calc(var(--header) + 24px); }
.check-result h2 { margin: .5rem 0 1rem; }
.check-result > p { max-width: 65ch; }
.check-notes { margin: 1.2rem 0; padding: 1rem 1.2rem 1rem 2rem; border-left: 3px solid var(--blue); background: #fff; }
.check-notes li + li { margin-top: .5rem; }
.check-steps { display: grid; gap: 1rem; margin: 1.5rem 0; }
.check-step { min-width: 0; padding: clamp(1rem, 2vw, 1.5rem); border: 1px solid var(--line); background: #fff; }
.check-step__index { font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--blue); }
.check-step h3 { margin: .5rem 0 .7rem; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.check-step p { margin: 0 0 1rem; }
.check-step .check-action { font-weight: 700; }
.check-step .check-source { font-size: .9rem; color: var(--muted); }
.check-step summary { cursor: pointer; font-weight: 700; min-height: 44px; }
.check-step dl { display: grid; grid-template-columns: minmax(7.5rem, .4fr) minmax(0, 1fr); gap: .45rem 1rem; margin: 0 0 1rem; font-size: .9rem; }
.check-step dt { font-weight: 700; }
.check-step dd { min-width: 0; margin: 0; }
.check-step a { display: inline-block; min-height: 44px; padding: .65rem 0; font-weight: 700; }
.check-empty { padding: 1.1rem 1.3rem; border-left: 3px solid var(--blue); background: #fff; }
@media (max-width: 950px) { .check-shell { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .check-step dl { grid-template-columns: 1fr; gap: .1rem; } .check-step dd { margin-bottom: .7rem; } }
@media print { .check-shell { display: block; } .check-shell .browser-tool-editor, .check-result .browser-tool-actions, .check-result .microcopy, .check-tool + .section { display: none !important; } .check-result { border: 0; padding: 0; } .check-result > p[data-check-basis] { display: block !important; } .check-step { break-inside: avoid; } .check-step details:not([open]) > dl { display: grid !important; } .check-more:not([open]) > [data-check-additional] { display: grid !important; } }