.test-help-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:28px;min-height:28px;padding:0;border-radius:50%;border:1px solid #7dd3fc;color:#e0f2fe;background:#123246;font:700 16px/1 system-ui,sans-serif;cursor:help;margin-inline-start:.5rem}.test-help-button:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}.test-help-popover{position:fixed;z-index:220000;padding:1rem;border:1px solid #7dd3fc;border-radius:12px;background:#101c2c;color:#f3f4f6;box-shadow:0 8px 30px #0009;font:15px/1.65 system-ui,sans-serif;max-height:calc(100dvh - 24px);overflow-y:auto;overflow-wrap:anywhere}.test-help-popover[hidden]{display:none!important}.test-help-popover strong{display:block;padding-inline-end:.5rem}.test-help-popover p{margin:.6rem 0}.test-help-popover button{font:inherit;border:1px solid #7dd3fc;border-radius:8px;padding:.35rem .8rem;background:#153858;color:#fff;cursor:pointer}.preview-card-unit{position:relative;min-width:0}.preview-card-unit[hidden]{display:none!important}.preview-card-unit>.preview-card{height:100%;width:100%}.preview-card-unit>button{position:absolute;inset-inline-end:9px;top:9px;z-index:2;margin:0}.preview-card-unit h3{padding-inline-end:25px}.discover-help-row{display:flex;align-items:center;gap:.3rem}.discover-help-row>a,.discover-help-row>button:not(.test-help-button){flex:1;min-width:0}.discover-help-row>.test-help-button{flex:none;margin-inline-end:.3rem}.auto-panel-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auto-panel-top button{font:inherit;background:#17233b;color:white;border:1px solid #526986;border-radius:9px;padding:.5rem .8rem;cursor:pointer}#automatic-check{scroll-margin-top:110px;margin-block:1rem 2rem;width:100%;max-width:980px}#auto-before ol{padding-inline-start:1.5rem}#auto-before li{margin-block:.55rem}.auto-result dt{display:flex;align-items:start;justify-content:space-between;gap:.4rem}.auto-result dt button{flex:none}.manual-load-status{color:#7dd3fc;padding:.5rem}.monitor-menu .hero-check-actions .btn-primary{white-space:normal}body:has(#test-overlay.active) #automatic-check{visibility:hidden}
@media(max-width:680px){body::before,body::after{filter:none!important;opacity:.12}header,.lang-menu,.test-card,.quality-card,.preview-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}header{background:#07070af5!important}.preview-discover,.seo-links-compact,#observation-notebook{content-visibility:auto;contain-intrinsic-size:auto 500px}.test-help-button{min-width:32px;min-height:32px}#automatic-check{padding:1rem;scroll-margin-top:125px}}
.test-instructions{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}.instruction-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}.instruction-actions button{font:inherit;padding:.65rem 1rem;border:1px solid #67e8f9;border-radius:9px;background:#153858;color:#fff;cursor:pointer}.instruction-actions button:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
@media(max-width:680px){.test-instructions{padding:1.25rem;backdrop-filter:none;-webkit-backdrop-filter:none}.test-instructions h2{font-size:1.5rem}.test-instructions p{font-size:1rem;line-height:1.65}.test-controls-panel{max-width:calc(100% - 20px);padding:8px;gap:6px}.test-controls-panel button{padding:8px}}
.preview-discover-group li.discover-help-row>button.test-help-button{width:28px;height:28px;min-height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #7dd3fc;background:#123246;color:#e0f2fe;font:700 16px/1 system-ui,sans-serif;text-align:center}.preview-discover-group li.discover-help-row>a,.preview-discover-group li.discover-help-row>button:not(.test-help-button){width:auto;flex:1;min-width:0}
@media(max-width:680px){.preview-discover-group li.discover-help-row>button.test-help-button{width:32px;height:32px;min-height:32px;flex-basis:32px}}
@media print{.test-help-button,.test-help-popover,.auto-panel-top{display:none!important}body.auto-report-print main:not(#automatic-check)>*:not(#automatic-check){display:none!important}body.auto-report-print #automatic-check{visibility:visible!important}body.auto-report-print #auto-before{display:none!important}}
