/* One dialog from the explanation through the real app's check form. */
#start-dialog.check-active{width:calc(100% - 24px);max-width:800px;overflow:hidden;background:var(--s-panel,var(--paper));color:var(--s-ink,var(--ink));max-height:calc(100dvh - 24px)}
#start-dialog.check-active .dialog-head{position:relative;background:var(--s-panel,var(--paper));padding:14px 20px;gap:12px}
#start-dialog.check-active #peek-motion{display:none}
#start-dialog.check-active .close{margin-left:auto;flex-shrink:0;min-width:40px;min-height:40px}
.check-step[hidden],.check-step [hidden]{display:none!important}
.check-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 20px;min-height:43px;border-bottom:1px solid var(--s-line,var(--line))}
.check-toolbar button{font-size:11px;padding:4px 0;min-height:28px}
.check-toolbar p{font-size:10px;line-height:1.5;color:var(--s-muted,var(--muted));margin:0}
.check-toolbar:has(button[hidden]):has(p[hidden]){display:none}
.check-frame-wrap{position:relative;background:#f8fafc}
#check-frame{display:block;width:100%;border:0;height:clamp(280px,calc(100dvh - 195px),540px);background:#f8fafc;color-scheme:normal}
.check-loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;z-index:1;background:var(--s-panel,var(--paper));color:var(--s-ink,var(--ink));font-size:13px}
.check-spinner{width:17px;height:17px;border:2px solid var(--s-line,var(--line));border-top-color:var(--s-green,var(--green));border-radius:50%;animation:check-spin .8s linear infinite}
.check-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;min-height:42px;border-top:1px solid var(--s-line,var(--line))}
.check-footer a{font-size:10px;color:var(--s-green,var(--green));text-decoration:underline;text-underline-offset:3px;white-space:nowrap;margin-left:auto}
.check-footer p{font-size:11px;line-height:1.5;color:var(--s-muted,var(--muted));margin:0}
.check-unavailable{padding:28px 24px 34px}
.check-unavailable h2{font-size:27px;line-height:1.2;letter-spacing:-.03em}
.check-unavailable p{font-size:14px;line-height:1.7;margin:16px 0 22px;color:var(--s-muted,var(--muted))}
body:has(#start-dialog[open]){overflow:hidden}
@keyframes check-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){#start-dialog.check-active{border-radius:17px}#start-dialog.check-active .dialog-head{padding:12px 14px}.check-toolbar{padding:8px 14px}.check-toolbar p{max-width:45%;text-align:right}.check-footer{padding:10px 14px;flex-wrap:wrap}.check-footer p{font-size:10px}.check-footer a{font-size:10px}.check-unavailable{padding:24px 19px}}
@media(prefers-reduced-motion:reduce){.check-spinner{animation:none}}
/* The free check (/scan, 8 Oct 2026) is a full-screen, multi-step page with its own progress and its
   own two-column layout from 960px, so the pop-up gives it the whole screen: only the site's heading
   and close button stay. */
#start-dialog.check-active.check-full{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;display:flex;flex-direction:column}
#start-dialog.check-active.check-full #website-step{flex:1;display:flex;flex-direction:column;min-height:0}
#start-dialog.check-active.check-full .check-toolbar,#start-dialog.check-active.check-full .check-footer{display:none}
#start-dialog.check-active.check-full .check-frame-wrap{flex:1;min-height:0;background:transparent}
#start-dialog.check-active.check-full #check-frame{height:100%;background:transparent;color-scheme:auto}
#start-dialog.check-active.check-full #entry-title:focus{outline:none}   /* a heading focused for screen readers, not a control */