.checker { max-width:760px; }
.checker .hero { padding:52px 0 24px; }
.checker h1 { font-size:clamp(38px,7vw,62px); line-height:1.04; }
.checker .panel { border-radius:16px; }
.checker .actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.checker .helper,.instructions,.result p,#message { font:15px/1.6 system-ui,sans-serif; }
.instructions { padding:36px 0; }
.instructions li { padding:8px 0; }
.instructions ol { padding-left:24px; }
.result { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; overflow-wrap:anywhere; }
.result h3 { font-size:26px; }
.result a { display:inline-block; padding:10px 0; }
a { color:var(--accent-dark); }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
[hidden] { display:none !important; }
footer { padding-bottom:24px; }
.recognition { margin-top:24px; }
.recognition .toggle { display:flex; gap:12px; align-items:center; font:600 16px/1.5 system-ui,sans-serif; }
.recognition .toggle input { width:24px; height:24px; flex-shrink:0; }
.recognition video { width:100%; max-height:320px; background:#17241d; margin:12px 0; }
#ocr-status,#voice-status { font:15px/1.6 system-ui,sans-serif; }
#ocr-links button { white-space:normal; overflow-wrap:anywhere; text-align:left; max-width:100%; }
#use-ocr { margin-top:12px; }
@media(max-width:480px) { .checker .panel { padding:20px; } header a { font-size:13px; } }