:root:root:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f2f7;
  --ink: #000000;
  --ink-2: #333333;
  --line: rgba(0, 0, 0, 0.25);
  --accent: #1a0dab;
  --accent-ink: #ffffff;
  --good: #0a6a3a;
  --warn: #8a3f05;
  --bad: #b0102a;
  --info: #2f3d7a;
  --good-bg: #e6f6ed;
  --warn-bg: #fdf0df;
  --bad-bg: #fdeaec;
  --info-bg: #eceefa;
  --shadow: none;
  --g-bg: #ffffff;
  --g-title: #1a0dab;
  --g-site: #202124;
  --g-url: #4d5156;
  --g-desc: #4d5156;
  --g-line: #dadce0;
}

@page { margin: 14mm; }

body { background: #ffffff; color: #000000; font-size: 11pt; }
.skip, .hero-art, .showcase, .no-print, .export-row, .table-tools, .seg, .close, .skeletons, .steps, .icon-btn, .scan, .btn, .link { display: none !important; }
body:has(.results .report) :is(.topbar, .hero, .foot, .spec, .flow, .limits, .faq, .cta) { display: none !important; }
.hero { padding-block: 0 24px; }
.limits, .cta { margin-top: 32px; padding-block: 0; background: none !important; color: var(--ink) !important; box-shadow: none !important; clip-path: none !important; }
.limits-body p, .cta p, .flow-steps li { color: var(--ink-2) !important; }
.limits-body p + p { border-top-color: var(--line); }
.spec, .flow, .limits, .faq, .cta { padding-top: 32px; }
.spec h2 { position: static; }
.faq-item { break-inside: avoid; }
.results { padding: 0; }
.report { gap: 16px; }
.bento { grid-template-columns: 1fr !important; }
.card-wide { grid-column: auto !important; }
.card, .tile, .fix, .panel-card, .kv-wrap { box-shadow: none !important; }
.card, .tile, .fix, .panel-card, .outline, .social-item, .serp-view, tr { break-inside: avoid; }
.tile { border: 1px solid var(--line); }
h2, h3, h4 { break-after: avoid; }
.pill { border: 1px solid currentColor; }
a { color: inherit; text-decoration: underline; }
.table-wrap { overflow: visible !important; max-height: none !important; }
table { min-width: 0 !important; font-size: 9.5pt; }
.card-serp .serp-desktop, .card-serp .serp-mobile { display: block !important; }
.kw-panel { display: block !important; }
.kw-panel + .kw-panel { margin-top: 16px; }
.kw-panel caption { position: static; width: auto; height: auto; clip: auto; overflow: visible; white-space: normal; font-weight: 700; text-align: left; margin-bottom: 4px; }
.tip-ico, .tip-text:empty { display: none; }
.ring-bar { transition: none; }
.results:not(:empty)::after { content: "Report by OnPage.dev, onpage.dev"; display: block; margin-top: 16px; color: #333333; font-size: 9pt; }

body:has(dialog[open]) .report > :not(dialog) { display: none !important; }
dialog[open] { position: static; width: auto; max-height: none; overflow: visible; border: 0; padding: 0; box-shadow: none; background: #ffffff; }
dialog[open] #drawer-body { padding: 0; }