/* Techforma minimal refresh — the scanner below its approved opening.
   Contract: DESIGN.md and the minimal rules for inner pages. The opening (.sc-hero, .sc-entry)
   keeps its Partner × Mapa rules from scanner-mapa.css verbatim; no selector here reaches it.
   Every selector carries #main-content so it stays ahead of typography.css, and this sheet loads
   after the older scanner sheets, whose values it overrides rather than restates. */

body[data-page="scanner"] #main-content {
    --scm-ink: #003b40;
    --scm-muted: #526d76;
    --scm-line: #e3eaea;
    --scm-line-strong: #cfdcdc;
    --scm-surface: #f5f8f8;
    --scm-tint: #eef7f4;
    --scm-success: #087660;
    --scm-warning: #956900;
    --scm-destructive: #a52237;
    --scm-warn-bg: #fdf6e3;
    --scm-warn-line: #e9d9a8;
    --scm-primary-hover: #0a4f55;
    --scm-section-y: var(--space-24);
    --scm-head-gap: var(--space-12);
}

/* ------------------------------------------------------------------ shared report primitives */

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) {
    color: var(--scm-ink);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(h2,h3,h4) {
    color: var(--scm-ink);
    font-weight: 600;
    letter-spacing: -.02em;
    text-wrap: balance;
}

/* No uppercase, no tracking: micro-labels are captions, not eyebrows. */
body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.tf-report-meta,.sc-report-kicker,.sc-priority-category,.sc-focus-label,.sc-review-label) {
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}

/* Metric labels carry information, so they are sentence case at the caption size. */
body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.sc-score-values,.sc-evidence-grid,.sc-observation-details,.sc-profile-scores,.sc-profile-vitals,.tf-report-impact,.sc-basic-protection) dt {
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}

/* Text links below the opening: ink, no underline at rest, hairline underline on hover. */
body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) a:not(.ui-button):not(.sc-report-primary):not(.tf-report-cta):not(.tf-report-next-step-link) {
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) a:not(.ui-button):not(.sc-report-primary):not(.tf-report-cta):not(.tf-report-next-step-link):hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) a .ui-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

/* One button: ink fill, 48px, 8px radius, no filter hover. */
body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.ui-button,.sc-report-primary,.tf-report-cta,.tf-report-next-step-link) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-md);
    padding: 0 var(--space-6);
    border: 1px solid var(--scm-ink);
    border-radius: var(--radius-md);
    background: var(--scm-ink);
    color: #fff;
    font: 500 15px/1.2 var(--tf-font-sans);
    white-space: nowrap;
    text-decoration: none;
    filter: none;
    box-shadow: none;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.ui-button,.sc-report-primary,.tf-report-cta,.tf-report-next-step-link):hover {
    background: var(--scm-primary-hover);
    border-color: var(--scm-primary-hover);
    color: #fff;
    text-decoration: none;
    filter: none;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.ui-button,.sc-report-primary,.tf-report-cta,.tf-report-next-step-link) .ui-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

/* Secondary controls in the report toolbar. */
body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.tf-report-tool,.tf-report-rescan) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-sm);
    padding: 0 var(--space-4);
    border: 1px solid var(--scm-line-strong);
    border-radius: var(--radius-md);
    background: #fff;
    color: var(--scm-ink);
    font: 500 14px/1.2 var(--tf-font-sans);
    text-decoration: none;
}

body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) :is(.tf-report-tool,.tf-report-rescan):hover {
    border-color: var(--scm-ink);
    background: #fff;
    color: var(--scm-ink);
    text-decoration: none;
}

@media (prefers-reduced-motion: no-preference) {
    body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) a .ui-icon {
        transition: transform var(--motion-feedback) var(--motion-ease);
    }
    body[data-page="scanner"] #main-content :is(.sc-report,.tf-report) a:hover .ui-icon { transform: translateX(2px); }
}

/* ------------------------------------------------------------------ evidence report header */

body[data-page="scanner"] #main-content .sc-report .sc-report-header {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(280px, .8fr);
    gap: var(--space-12);
    align-items: start;
    padding: 0 0 var(--space-10);
    border-bottom: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-report-kicker { margin: 0 0 var(--space-4); }

body[data-page="scanner"] #main-content .sc-report #report-title {
    max-width: 22ch;
    font-size: clamp(32px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
    overflow-wrap: normal;
}

body[data-page="scanner"] #main-content .sc-report #report-title > span { display: block; }

body[data-page="scanner"] #main-content .sc-report .sc-hero-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-5);
    margin-top: var(--space-8);
}

body[data-page="scanner"] #main-content .sc-report .sc-hero-action > span {
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-domain {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-4);
    margin: var(--space-6) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-domain > span:first-child {
    color: var(--scm-ink);
    font-weight: 500;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-domain > :not(:first-child) {
    padding-left: var(--space-4);
    border-left: 1px solid var(--scm-line);
}

/* Focus card: a quiet white card. Status lives in the protection segments, not in a yellow bar. */
body[data-page="scanner"] #main-content .sc-report .sc-report-focus {
    padding: var(--space-6);
    border: 1px solid var(--scm-line);
    border-radius: calc(var(--radius-md) * 2);
    background: #fff;
    box-shadow: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-focus:has(.sc-protection-segment[data-state="attention"]) { box-shadow: none; }

body[data-page="scanner"] #main-content .sc-report .sc-focus-label { margin: 0 0 var(--space-4); }

body[data-page="scanner"] #main-content .sc-report .sc-focus-result {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

body[data-page="scanner"] #main-content .sc-report .sc-focus-result > strong {
    color: var(--scm-ink);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .sc-focus-result > span {
    max-width: 20ch;
    color: var(--scm-ink);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.01em;
}

body[data-page="scanner"] #main-content .sc-report .sc-focus-result > strong:has(.ui-icon) {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--scm-tint);
    color: var(--scm-success);
}

body[data-page="scanner"] #main-content .sc-report .sc-focus-result > strong > .ui-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

body[data-page="scanner"] #main-content .sc-report .sc-focus-note {
    margin: var(--space-4) 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-focus > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 44px;
    margin-top: var(--space-2);
    padding: var(--space-4) 0 0;
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segments {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
    margin-top: var(--space-5);
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segment i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-md);
    background: var(--scm-surface);
    color: var(--scm-muted);
    font-style: normal;
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segment i > .ui-icon {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segment[data-state="passed"] i {
    border-color: #cbe3d9;
    background: var(--scm-tint);
    color: var(--scm-success);
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segment[data-state="attention"] i {
    border-color: var(--scm-warn-line);
    background: var(--scm-warn-bg);
    color: var(--scm-warning);
}

body[data-page="scanner"] #main-content .sc-report .sc-protection-segment > span {
    display: block;
    padding-top: var(--space-2);
    color: var(--scm-muted);
    font-size: 12px;
    line-height: 1.4;
}

/* ------------------------------------------------------------------ toolbar */

body[data-page="scanner"] #main-content .sc-report .sc-report-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) 0;
    border-block: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-report-toolbar > p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    width: auto;
    margin: 0;
}

/* ------------------------------------------------------------------ score overview */

body[data-page="scanner"] #main-content .sc-report .sc-score-overview {
    padding-block: var(--space-16) var(--space-12);
    scroll-margin-top: 112px;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-overview-heading {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--space-6);
    margin-bottom: var(--scm-head-gap);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-overview-heading h2 {
    margin: 0;
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-overview-heading p {
    margin: var(--space-3) 0 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-coverage {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--scm-line);
    border-radius: 999px;
    background: #fff;
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-coverage .ui-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
    padding: 0;
}

/* One card treatment for every state: white, hairline, 16px. Status is a dot, never a tint. */
body[data-page="scanner"] #main-content .sc-report .sc-score-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--space-8);
    border: 1px solid var(--scm-line);
    border-radius: calc(var(--radius-md) * 2);
    background: #fff;
    box-shadow: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-card:hover { border-color: var(--scm-line-strong); }

body[data-page="scanner"] #main-content .sc-report .sc-score-card-heading {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-symbol {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: #fff;
    color: var(--scm-ink);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-symbol .ui-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-card h3 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-status {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: var(--space-5) 0 var(--space-2);
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: -.015em;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--scm-line-strong);
    align-self: center;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-card[data-state="good"] .sc-score-dot { background: var(--scm-success); }
body[data-page="scanner"] #main-content .sc-report .sc-score-card[data-state="improve"] .sc-score-dot { background: var(--scm-warning); }
body[data-page="scanner"] #main-content .sc-report .sc-score-card[data-state="attention"] .sc-score-dot { background: var(--scm-destructive); }

body[data-page="scanner"] #main-content .sc-report .sc-score-description {
    margin: 0 0 var(--space-6);
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    margin-top: auto;
    padding-top: var(--space-5);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values > div { min-width: 0; }

body[data-page="scanner"] #main-content .sc-report .sc-score-values :is(dt,.sc-score-value-label) {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0 0 var(--space-2);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values dt .ui-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}

/* Score values are data: one ink everywhere, tabular. Status is the dot and the status sentence. */
body[data-page="scanner"] #main-content .sc-report .sc-score-values :is(dd,.sc-score-value) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0;
    color: var(--scm-ink);
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values strong {
    color: var(--scm-ink);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.045em;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values :is(dd,.sc-score-value) > span {
    color: var(--scm-muted);
    font-size: 13px;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-values .sc-score-missing {
    width: 100%;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.4;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-protection-note {
    align-self: center;
    margin: 0;
    padding-left: var(--space-4);
    border-left: 1px solid var(--scm-line);
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-about { margin-top: var(--space-6); }

body[data-page="scanner"] #main-content .sc-report .sc-score-about > summary {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: fit-content;
    min-height: 44px;
    padding: var(--space-2) 0;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-about > summary::-webkit-details-marker { display: none; }
body[data-page="scanner"] #main-content .sc-report .sc-score-about > summary .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }

body[data-page="scanner"] #main-content .sc-report .sc-score-about > div {
    max-width: 78ch;
    padding: var(--space-5) var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .sc-report .sc-score-about p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.65;
}

body[data-page="scanner"] #main-content .sc-report .sc-score-about p + p { margin-top: var(--space-3); }
body[data-page="scanner"] #main-content .sc-report .sc-score-about .sc-index-note { padding: 0; }

/* ------------------------------------------------------------------ priorities and evidence */

body[data-page="scanner"] #main-content .sc-report .sc-report-content {
    padding: var(--space-12) 0 var(--space-16);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-priorities > h3 {
    margin: 0 0 var(--scm-head-gap);
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .sc-report .sc-priority-list { display: grid; gap: var(--space-10); }

body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-12);
}

body[data-page="scanner"] #main-content .sc-report-public .tf-audit-priority {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    border: 0;
}

body[data-page="scanner"] #main-content .sc-report-public .tf-audit-priority + .tf-audit-priority {
    padding-left: var(--space-12);
    border-left: 1px solid var(--scm-line);
}

/* Numbers are indexes, not badges: no circle, no fill, no colour. */
body[data-page="scanner"] #main-content .sc-report .sc-priority-number {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--scm-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .sc-priority-category { margin: 0 0 var(--space-1); }

body[data-page="scanner"] #main-content .sc-report .sc-priority-title,
body[data-page="scanner"] #main-content .sc-report-public .tf-audit-priority h4 {
    display: block;
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-report .sc-priority-action {
    max-width: 62ch;
    margin: var(--space-2) 0 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-empty-priorities {
    margin: 0;
    padding: var(--space-6);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

/* Locked rows: the hidden priorities, blurred under the email form. Number and
   category are real; the words are server-side filler, so nothing protected is
   in the page. Owner-approved exception to the no-blur rule (DESIGN.md). They
   take no extra height: on desktop 02 and 03 stack beside 01, so the form stays
   in the first screen. */
body[data-page="scanner"] #main-content .sc-report .sc-priority-locked {
    user-select: none;
    pointer-events: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-priority-locked :is(.sc-priority-title, .sc-priority-action) {
    filter: blur(5px);
}

@media (min-width: 1024px) {
    /* 02 keeps one line of its action; 03 shows its first lines and fades into the form. */
    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list:has(> .sc-priority-locked) { row-gap: 0; }
    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list:has(> .sc-priority-locked:nth-child(3)) > :first-child { grid-row: span 2; }
    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list > .sc-priority-locked { grid-column: 2; }

    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list > .sc-priority-locked:nth-child(2) .sc-priority-action {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list > .sc-priority-locked:nth-child(n+3) {
        max-height: 76px;
        padding-top: var(--space-5);
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 30%, transparent 100%);
    }
}

body[data-page="scanner"] #main-content .sc-report-public .sc-report-content:has(.sc-priority-locked) { padding-bottom: var(--space-6); }

/* Public order: header, priorities, form, then the tools and the scores. The
   header already draws the line above the priorities. */
body[data-page="scanner"] #main-content .sc-report-public .sc-report-header + .sc-report-content { padding-top: var(--space-6); border-top: 0; }
body[data-page="scanner"] #main-content .sc-report-public .sc-priorities > h3 { margin-bottom: var(--space-4); }
body[data-page="scanner"] #main-content .sc-report-public .sc-report-gate + .sc-report-toolbar { margin-top: var(--space-12); }
body[data-page="scanner"] #main-content .sc-report-public .sc-report-footer { border-top: 1px solid var(--scm-line); }

/* Sized so the email field and button fit a laptop's first screen (1280×800, 1440×790). */
@media (min-width: 1024px) {
    body[data-page="scanner"] #main-content .sc-report-public .sc-report-gate .tf-report-unlock { padding-block: var(--space-6); }
}

body[data-page="scanner"] #main-content .sc-report-full .tf-audit-priority {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--scm-line);
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

body[data-page="scanner"] #main-content .sc-report-full .tf-audit-priority > summary {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 20px;
    align-items: start;
    gap: var(--space-4);
    padding: var(--space-5) 0;
    background: transparent;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report-full .sc-priority-number { padding-top: 3px; }

body[data-page="scanner"] #main-content .sc-report .sc-priority-body {
    margin: 0 0 var(--space-5);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .sc-report .sc-evidence-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
    margin: 0;
}

body[data-page="scanner"] #main-content .sc-report .sc-evidence-grid > div { min-width: 0; }

body[data-page="scanner"] #main-content .sc-report .sc-evidence-grid > div + div {
    padding-left: var(--space-6);
    border-left: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report :is(.sc-evidence-grid,.sc-observation-details) dt { margin-bottom: var(--space-2); }

body[data-page="scanner"] #main-content .sc-report :is(.sc-evidence-grid,.sc-observation-details) dd {
    margin: 0;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-evidence { white-space: pre-wrap; }

body[data-page="scanner"] #main-content .sc-report .sc-source-details { margin-top: var(--space-5); }

body[data-page="scanner"] #main-content .sc-report .sc-source-details > summary {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    width: fit-content;
    min-height: 44px;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--scm-line);
    color: var(--scm-ink);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-source-details > summary::-webkit-details-marker { display: none; }
body[data-page="scanner"] #main-content .sc-report .sc-source-details > summary .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }

body[data-page="scanner"] #main-content .sc-report .sc-source-details > div {
    margin-top: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: #fff;
}

body[data-page="scanner"] #main-content .sc-report .sc-check-id {
    margin: 0 0 var(--space-2);
    color: var(--scm-muted);
    font: 400 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-source {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: var(--space-2) 0 0;
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-source .ui-icon { margin-top: 3px; }

body[data-page="scanner"] #main-content .sc-report .sc-all-observations {
    margin-top: var(--space-8);
    padding: 0;
    border: 0;
    border-block: 1px solid var(--scm-line-strong);
    border-radius: 0;
}

body[data-page="scanner"] #main-content .sc-report .sc-all-observations > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 64px;
    padding: var(--space-4) 0;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-all-observations > summary::-webkit-details-marker { display: none; }
body[data-page="scanner"] #main-content .sc-report .sc-all-observations > summary .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }

body[data-page="scanner"] #main-content .sc-report .sc-all-observations .tf-audit-observations { padding: 0 0 var(--space-6); }

body[data-page="scanner"] #main-content .sc-report .sc-all-observations .tf-audit-observation {
    margin: 0;
    padding: var(--space-6) 0;
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-all-observations h4 {
    margin: var(--space-2) 0 var(--space-4);
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-report .sc-observation-details { display: grid; gap: var(--space-4); margin: 0; }

body[data-page="scanner"] #main-content .sc-report .tf-audit-positives h4 {
    margin: 0 0 var(--space-4);
    font-size: 19px;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-positive-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--space-6);
    margin: 0;
    padding: 0;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-positive-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-positive-list li > .ui-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-top: 3px;
    color: var(--scm-success);
}

/* Warnings: a real status, in the pale warning tint rather than bright yellow. */
body[data-page="scanner"] #main-content .sc-report .sc-report-alerts {
    margin: 0 0 var(--space-8);
    padding: var(--space-4) 0;
    border-block: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 44px;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts > summary::-webkit-details-marker { display: none; }

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts .tf-report-warnings-list { padding-top: var(--space-2); }

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts .tf-report-warnings-list article {
    padding: var(--space-4) 0;
    border-top: 1px solid var(--scm-warn-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts .tf-report-warnings-list h3 {
    margin: var(--space-2) 0;
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: -.015em;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-alerts .tf-report-warnings-list p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.65;
}

/* Technical measurements: a hairline row, matching the other report disclosures. */
body[data-page="scanner"] #main-content .sc-report .sc-report-technical {
    margin-bottom: var(--space-12);
    border: 0;
    border-block: 1px solid var(--scm-line-strong);
    border-radius: 0;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-technical > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 64px;
    padding: var(--space-4) 0;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-technical > summary::-webkit-details-marker { display: none; }

body[data-page="scanner"] #main-content .sc-report .sc-measurements {
    padding: 0 0 var(--space-6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-measurements > h3 {
    margin: 0 0 var(--space-6);
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.025em;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-tabs {
    max-width: 320px;
    margin-bottom: var(--space-6);
    padding: 3px;
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-md);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-tabs button {
    min-height: var(--control-sm);
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--scm-muted);
    font: 500 14px/1.4 var(--tf-font-sans);
    cursor: pointer;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-tabs button[aria-selected="true"] {
    background: var(--scm-ink);
    color: #fff;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-heading {
    margin: var(--space-4) 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.015em;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-scores > div + div { border-left: 1px solid var(--scm-line); }

body[data-page="scanner"] #main-content .sc-report .sc-profile-scores .sc-score-number {
    flex-wrap: wrap;
    gap: 2px;
    margin-top: var(--space-2);
    color: var(--scm-ink);
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-scores .sc-score-number strong {
    color: var(--scm-ink);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.045em;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-scores .sc-score-number > span {
    color: var(--scm-muted);
    font-size: 13px;
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-vitals {
    margin: var(--space-5) 0 0;
    padding-top: var(--space-5);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .sc-profile-vitals abbr { text-decoration: none; }

body[data-page="scanner"] #main-content .sc-report .sc-profile-vitals dd {
    margin: var(--space-2) 0 0;
    color: var(--scm-ink);
    font-size: 16px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report :is(.sc-measurement-time,.sc-measurement-note) {
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .sc-measurement-note { margin: var(--space-6) 0 0; }

body[data-page="scanner"] #main-content .sc-report .sc-measurement-unavailable {
    padding: var(--space-4) var(--space-5);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-unavailable-title {
    margin-bottom: var(--space-2);
    color: var(--scm-ink);
    font-weight: 600;
}

body[data-page="scanner"] #main-content .sc-report .sc-basic-protection {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--scm-line);
    font-size: 14px;
}

body[data-page="scanner"] #main-content .sc-report .sc-basic-protection strong {
    color: var(--scm-ink);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-method {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .tf-audit-method > summary {
    min-height: 44px;
    color: var(--scm-ink);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

body[data-page="scanner"] #main-content .sc-report .sc-methodology-content p {
    margin-top: var(--space-3);
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

/* ------------------------------------------------------------------ next step: free review */

body[data-page="scanner"] #main-content .sc-report .sc-review-invitation {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: var(--space-12);
    align-items: center;
    margin: var(--space-12) 0 var(--space-8);
    padding: var(--space-12);
    border: 0;
    border-radius: calc(var(--radius-md) * 3);
    background: var(--scm-tint);
    box-shadow: none;
    clip-path: none;
    overflow: visible;
    scroll-margin-top: 110px;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-invitation .tf-report-next-step-intro { max-width: none; }

body[data-page="scanner"] #main-content .sc-report .sc-review-invitation h3 {
    margin: var(--space-3) 0;
    font-size: clamp(26px, 2.4vw, 32px);
    line-height: 1.12;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-invitation h3 span { color: var(--scm-ink); }

body[data-page="scanner"] #main-content .sc-report .sc-review-invitation .tf-report-next-step-lead {
    margin: 0;
    color: var(--scm-muted);
    font-size: 17px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-5);
    margin: var(--space-6) 0 0;
    padding: 0;
    list-style: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-benefits li {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--scm-ink);
    font-size: 15px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-benefits li > .ui-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--scm-success);
}

body[data-page="scanner"] #main-content .sc-report .sc-review-card {
    padding: var(--space-8);
    border: 1px solid var(--scm-line);
    border-radius: calc(var(--radius-md) * 2);
    background: #fff;
    box-shadow: none;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-label { margin: 0; }

body[data-page="scanner"] #main-content .sc-report .sc-review-duration {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    margin: var(--space-3) 0 var(--space-6);
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-duration strong {
    color: var(--scm-ink);
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-attachment {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
    color: var(--scm-ink);
}

body[data-page="scanner"] #main-content .sc-report .sc-review-attachment > .ui-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-attachment strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-attachment div > span {
    display: block;
    margin-top: 2px;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-review-card .sc-report-primary { width: 100%; }

body[data-page="scanner"] #main-content .sc-report .sc-review-note {
    margin: var(--space-3) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}

/* ------------------------------------------------------------------ unlock: the gated report */

body[data-page="scanner"] #main-content .sc-report .sc-report-gate {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    /* The older conversion layer clips the gate; clipping swallows the form's
       scroll-margin, so "Receber relatório grátis" would park it under the sticky header. */
    overflow: visible;
}

/* The closing panel carries the offer; the blurred rows above it (.sc-priority-locked) show what it unlocks. */
body[data-page="scanner"] #main-content .sc-report .sc-gate-preview { display: none; }

body[data-page="scanner"] #main-content .sc-report .sc-unlock-count {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
    color: var(--scm-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .sc-report .sc-unlock-count > .ui-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; }

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock {
    width: 100%;
    margin: 0;
    padding: var(--space-12);
    border: 0;
    border-radius: calc(var(--radius-md) * 3);
    background: var(--scm-tint);
    box-shadow: none;
    scroll-margin-top: 110px;
}

body[data-page="scanner"] #main-content .sc-report .sc-unlock-content {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: var(--space-12);
    align-items: center;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-form-wrap { margin-top: 0; }

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-intro h3 {
    margin: 0 0 var(--space-3);
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-intro > p:last-child {
    max-width: 56ch;
    margin: 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-form > label {
    display: block;
    margin-bottom: var(--space-2);
    font-size: 14px;
    font-weight: 500;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3);
    max-width: 640px;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field input {
    width: 100%;
    min-height: var(--control-md);
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--scm-line-strong);
    border-radius: var(--radius-md);
    background: #fff;
    color: var(--scm-ink);
    font: 400 16px/1.5 var(--tf-font-sans);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field input::placeholder { color: var(--scm-muted); }

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-md);
    padding: 0 var(--space-6);
    border: 1px solid var(--scm-ink);
    border-radius: var(--radius-md);
    background: var(--scm-ink);
    color: #fff;
    font: 500 15px/1.2 var(--tf-font-sans);
    cursor: pointer;
    filter: none;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field button:hover {
    background: var(--scm-primary-hover);
    border-color: var(--scm-primary-hover);
    filter: none;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field button:disabled { opacity: .72; cursor: progress; }
body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field .ui-icon { width: 18px; height: 18px; flex: 0 0 18px; }

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-privacy {
    max-width: 64ch;
    margin: var(--space-3) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-privacy a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--scm-line-strong);
    text-underline-offset: 3px;
    white-space: nowrap;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-privacy a:hover { text-decoration-color: var(--scm-ink); }
body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-response:empty { display: none; }

body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-success {
    border-color: var(--scm-line-strong);
    background: var(--scm-tint);
}

body[data-page="scanner"] #main-content .sc-report .sc-report-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-6);
    color: var(--scm-muted);
    font-size: 13px;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-footer > a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
    border: 0;
}

body[data-page="scanner"] #main-content .sc-report .sc-report-retention {
    margin: 0;
    padding: var(--space-4) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    text-align: right;
}

/* ------------------------------------------------------------------ comparison */

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--space-12);
    margin-top: var(--space-12);
    padding-top: var(--space-10);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison h3 {
    margin: var(--space-3) 0 var(--space-4);
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-intro > p:not(.tf-report-meta) {
    margin: 0 0 var(--space-5);
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-labels {
    display: flex;
    justify-content: space-between;
    gap: var(--space-6);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--scm-line);
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list { margin: 0; }

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-4) 0;
    border-bottom: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list dt {
    font-size: 15px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list dt > span {
    display: block;
    margin-top: 2px;
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 400;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    margin: 0;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list dd strong {
    color: var(--scm-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter {
    display: block;
    appearance: none;
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter::-webkit-meter-bar {
    height: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter::-webkit-meter-optimum-value,
body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter::-webkit-meter-suboptimum-value,
body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter::-webkit-meter-even-less-good-value { background: var(--scm-ink); }
body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list meter::-moz-meter-bar { background: var(--scm-ink); }

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-note {
    margin: var(--space-4) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-empty {
    padding: var(--space-6);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-empty h4 {
    margin: 0 0 var(--space-2);
    font-size: 19px;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-empty p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* ------------------------------------------------------------------ progress state */

body[data-page="scanner"] #main-content .tf-audit-progress {
    max-width: 1040px;
    margin: 0 auto;
    padding: var(--space-10);
    border: 1px solid var(--scm-line);
    border-radius: calc(var(--radius-md) * 2);
    background: #fff;
}

body[data-page="scanner"] #main-content .tf-audit-context {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--scm-line);
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .tf-audit-domain {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    margin: 0;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 600;
}

body[data-page="scanner"] #main-content .tf-audit-domain > strong { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
body[data-page="scanner"] #main-content .tf-audit-domain > .ui-icon { width: 18px; height: 18px; flex: 0 0 18px; }
body[data-page="scanner"] #main-content .tf-audit-context > :last-child { flex-shrink: 0; }

/* The scanned website's own icon sits in a hairline tile; the globe holds the
   tile until the icon loads, and stays when the site has none. */
body[data-page="scanner"] #main-content .tf-audit-domain:has(.tf-audit-site-mark) { gap: var(--space-3); }
body[data-page="scanner"] #main-content .tf-audit-site-mark {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-md);
    background: #fff;
    overflow: hidden;
}
body[data-page="scanner"] #main-content .tf-audit-site-mark > * { grid-area: 1 / 1; }
body[data-page="scanner"] #main-content .tf-audit-site-mark > .ui-icon { width: 18px; height: 18px; }
body[data-page="scanner"] #main-content .tf-audit-site-mark > img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: 0;
    transition: opacity 150ms ease-out;
}
body[data-page="scanner"] #main-content .tf-audit-site-mark[data-icon="ready"] > img { opacity: 1; }
body[data-page="scanner"] #main-content .tf-audit-site-mark[data-icon="ready"] > .ui-icon { visibility: hidden; }

body[data-page="scanner"] #main-content .tf-audit-focus {
    margin-top: var(--space-8);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .tf-audit-progress h2 {
    margin: 0;
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .tf-audit-progress h2 > span { display: block; }

body[data-page="scanner"] #main-content .tf-audit-activity {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-height: 24px;
    margin: var(--space-6) 0 0;
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-audit-activity > .ui-icon { color: var(--scm-muted); }

body[data-page="scanner"] #main-content .tf-audit-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin: var(--space-8) 0 0;
    padding: 0;
    list-style: none;
}

body[data-page="scanner"] #main-content .tf-audit-step-track {
    display: block;
    position: relative;
    height: 3px;
    margin-bottom: var(--space-3);
    border-radius: 999px;
    background: var(--scm-line);
    overflow: hidden;
}

body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="done"] .tf-audit-step-track,
body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="active"] .tf-audit-step-track { background: var(--scm-ink); }

body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="active"] .tf-audit-step-track::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 30%;
    border-radius: inherit;
    background: #fff;
    opacity: .5;
    animation: tf-focused-progress 2.8s ease-in-out infinite;
}

body[data-page="scanner"] #main-content .tf-audit-step-label {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.5;
}

body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="done"] .tf-audit-step-label { color: var(--scm-ink); }
body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="active"] .tf-audit-step-label { color: var(--scm-ink); font-weight: 600; }
body[data-page="scanner"] #main-content .tf-audit-step-label > .ui-icon { width: 14px; height: 14px; flex-basis: 14px; }

body[data-page="scanner"] #main-content .tf-audit-footer {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-6);
    padding-top: var(--space-5);
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-audit-progress-note { margin: 0; padding: 0; border: 0; font: inherit; }

body[data-page="scanner"] #main-content .tf-audit-footer .tf-audit-details { max-width: 380px; margin: 0; border: 0; text-align: right; }

body[data-page="scanner"] #main-content .tf-audit-details > summary {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    min-height: 44px;
    padding-block: var(--space-2);
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

body[data-page="scanner"] #main-content .tf-audit-details > summary::-webkit-details-marker { display: none; }
body[data-page="scanner"] #main-content .tf-audit-details > summary > .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }
body[data-page="scanner"] #main-content .tf-audit-details[open] > summary > .ui-icon { transform: rotate(180deg); }

body[data-page="scanner"] #main-content .tf-audit-details p {
    margin: var(--space-2) 0 0;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.65;
}

@media (prefers-reduced-motion: reduce) {
    body[data-page="scanner"] #main-content .tf-audit-steps li[data-step-state="active"] .tf-audit-step-track::after { animation: none; display: none; }
}

/* ------------------------------------------------------------------ saved (legacy) report */

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-overview {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
    gap: var(--space-12);
    padding-bottom: var(--space-8);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-intro .tf-report-meta {
    margin: 0 0 var(--space-4);
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-intro .tf-report-meta > span:first-child {
    color: var(--scm-ink);
    font-weight: 500;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-rescan {
    min-height: 32px;
    font-size: 13px;
    font-weight: 500;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] #report-title {
    margin: var(--space-4) 0 0;
    font-size: clamp(32px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-summary {
    margin: var(--space-4) 0 0;
    color: var(--scm-muted);
    font-size: 18px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-visual { height: 280px; }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-visual > img {
    top: 50%;
    right: -20px;
    width: 100%;
    max-height: 300px;
    transform: translateY(-50%);
    opacity: .9;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-lens {
    left: 0;
    top: auto;
    bottom: 0;
    display: block;
    width: fit-content;
    aspect-ratio: auto;
    padding: var(--space-4) var(--space-6);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: #fff;
    color: var(--scm-ink);
    transform: none;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-lens .tf-report-meta { margin: 0 0 var(--space-1); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-total {
    display: flex;
    align-items: baseline;
    gap: 2px;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-total strong {
    color: var(--scm-ink);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.045em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-total > span {
    color: var(--scm-muted);
    font-size: 14px;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-cross { display: none; }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-scores {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: var(--space-8) 0;
    border-block: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric {
    padding-inline: var(--space-8);
    border-color: var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric:first-child { padding-left: 0; }
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric:nth-child(3) { padding-right: 0; }
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric + .tf-report-metric { border-left: 1px solid var(--scm-line); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -.015em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric h3 > span { display: none; }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-number {
    display: flex;
    align-items: baseline;
    gap: 2px;
    margin: var(--space-3) 0 0;
    color: var(--scm-ink);
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-number strong {
    color: var(--scm-ink);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.045em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-number > span {
    color: var(--scm-muted);
    font-size: 14px;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter {
    display: block;
    appearance: none;
    width: 100%;
    height: 6px;
    margin-top: var(--space-3);
    border: 0;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter::-webkit-meter-bar {
    height: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter::-webkit-meter-optimum-value,
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter::-webkit-meter-suboptimum-value,
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter::-webkit-meter-even-less-good-value { background: var(--scm-ink); }
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .lr-score-meter::-moz-meter-bar { background: var(--scm-ink); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-inline-facts {
    margin: var(--space-3) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
    white-space: normal;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-priority-note {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-4);
    padding: var(--space-5) 0 0;
    border: 0;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-priority-note h3 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-priority-note > p:last-child {
    display: block;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-notice {
    margin: 0 0 var(--space-8);
    padding: var(--space-5) var(--space-6);
    border: 1px solid var(--scm-warn-line);
    border-radius: var(--radius-lg);
    background: var(--scm-warn-bg);
    color: var(--scm-ink);
    font-size: 15px;
    line-height: 1.65;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-notice strong {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 15px;
    font-weight: 600;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-notice p {
    margin: var(--space-2) 0 0;
    color: var(--scm-muted);
    font-size: 14px;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-critical {
    border-color: #e8c6cc;
    background: #fdf5f6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-critical > .tf-report-meta { color: var(--scm-destructive); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-critical strong {
    display: block;
    margin-top: var(--space-2);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--space-8) var(--space-12);
    padding: var(--space-12) 0;
    border-top: 1px solid var(--scm-line);
    background: #fff;
    box-shadow: none;
    clip-path: none;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action > * + * { padding: 0; border: 0; }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action-intro {
    grid-column: 1 / -1;
    gap: var(--space-5);
    align-items: start;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-step {
    display: inline-flex;
    width: auto;
    height: auto;
    padding-top: 4px;
    border-radius: 0;
    background: transparent;
    color: var(--scm-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action h3 {
    margin: 0;
    font-size: clamp(24px, 2.4vw, 30px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action-intro p { margin-top: var(--space-2); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-improvement {
    padding: var(--space-8) !important;
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-improvement h4 {
    margin: var(--space-3) 0;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.025em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-steps { gap: var(--space-3); margin-top: var(--space-5); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-steps li {
    padding-left: 28px;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.65;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-steps li::before {
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.65;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-more-steps summary {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
    color: var(--scm-ink);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-more-steps summary:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-impact {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
    align-content: start;
    margin: 0;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-impact > div + div {
    margin: 0;
    padding-top: var(--space-5);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-impact dd {
    margin: var(--space-2) 0 0;
    color: var(--scm-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-contact {
    display: flex;
    grid-column: 1 / -1;
    grid-row: auto;
    align-items: center;
    gap: var(--space-6);
    padding-top: 0;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-cta {
    width: fit-content;
    flex-shrink: 0;
    gap: var(--space-3);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-contact > p {
    max-width: 46ch;
    margin: 0;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-findings {
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border: 0;
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list { margin-top: var(--space-4); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list li {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: var(--space-4);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list li::before {
    color: var(--scm-muted);
    font-size: 14px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list h4 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list p {
    margin: var(--space-2) 0 0;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--space-12);
    margin-top: var(--space-12);
    padding-top: var(--space-10);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison h3 {
    margin: var(--space-3) 0 var(--space-4);
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-intro > p:not(.tf-report-meta) {
    margin: 0 0 var(--space-5);
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-labels {
    display: flex;
    justify-content: space-between;
    gap: var(--space-6);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--scm-line);
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-4) 0;
    border-bottom: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list dt {
    font-size: 15px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list dt > span {
    display: block;
    margin-top: 2px;
    color: var(--scm-muted);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    margin: 0;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list dd strong {
    color: var(--scm-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter {
    display: block;
    appearance: none;
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter::-webkit-meter-bar {
    height: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--scm-line);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter::-webkit-meter-optimum-value,
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter::-webkit-meter-suboptimum-value,
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter::-webkit-meter-even-less-good-value { background: var(--scm-ink); }
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list meter::-moz-meter-bar { background: var(--scm-ink); }

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-note {
    margin: var(--space-4) 0 0;
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-empty {
    padding: var(--space-6);
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: var(--scm-surface);
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-empty h4 {
    margin: 0 0 var(--space-2);
    font-size: 19px;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-empty p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* Next step, saved report: the same closing panel as the evidence report. */
body[data-page="scanner"] #main-content .tf-report .tf-report-next-step {
    display: block;
    position: relative;
    margin: var(--space-12) 0 0;
    padding: var(--space-12);
    border: 0;
    border-radius: calc(var(--radius-md) * 3);
    background: var(--scm-tint);
    box-shadow: none;
    clip-path: none;
    overflow: visible;
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-intro { max-width: 68ch; }

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step h3 {
    margin: var(--space-3) 0;
    font-size: clamp(26px, 2.4vw, 32px);
    line-height: 1.12;
    letter-spacing: -.03em;
    text-transform: none;
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-lead {
    margin: 0;
    color: var(--scm-muted);
    font-size: 17px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-note {
    color: var(--scm-muted);
    font-size: 13px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-findings {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border: 0;
    border-top: 1px solid var(--scm-line-strong);
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-list { margin-top: var(--space-4); }

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-list h4 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .tf-report .tf-report-next-step-list p {
    margin: var(--space-2) 0 0;
    color: var(--scm-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* The saved report states its priority in words, not in a tinted bar or numeral. */
body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-next-step-list li > div::after { content: none; }

/* ------------------------------------------------------------------ support and FAQ (entry state) */

body[data-page="scanner"] #main-content .sc-scope { padding: var(--scm-section-y) 0; }

body[data-page="scanner"] #main-content .sc-scope h2 {
    margin: 0 0 var(--scm-head-gap);
    font-size: clamp(32px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

body[data-page="scanner"] #main-content .sc-scope-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-8);
}

body[data-page="scanner"] #main-content .sc-scope-grid article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: var(--space-5);
}

body[data-page="scanner"] #main-content .sc-scope-grid article + article {
    padding-left: var(--space-8);
    border-left: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-scope-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--scm-line);
    border-radius: var(--radius-lg);
    background: #fff;
    color: var(--scm-ink);
}

body[data-page="scanner"] #main-content .sc-scope-icon > .ui-icon { width: 20px; height: 20px; flex-basis: 20px; }

body[data-page="scanner"] #main-content .sc-scope-grid h3 {
    margin: 0 0 var(--space-2);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.02em;
}

body[data-page="scanner"] #main-content .sc-scope-grid p {
    margin: 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-scope-grid a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
    margin-top: var(--space-2);
}

body[data-page="scanner"] #main-content .sc-scope-grid .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }

body[data-page="scanner"] #main-content .sc-scope-note {
    margin: var(--space-10) 0 0;
    color: var(--scm-muted);
    font-size: 14px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-scope-note::before { content: none; }

body[data-page="scanner"] #main-content .sc-faq {
    padding: 0 0 var(--scm-section-y);
    border-top: 0;
}

body[data-page="scanner"] #main-content .sc-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-16);
    align-items: start;
    padding-top: var(--scm-section-y);
    border-top: 1px solid var(--scm-line);
}

body[data-page="scanner"] #main-content .sc-faq h2 {
    margin: 0;
    font-size: clamp(32px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

body[data-page="scanner"] #main-content .sc-faq-grid > div > p {
    max-width: 30em;
    margin: var(--space-4) 0 0;
    color: var(--scm-muted);
    font-size: 17px;
    line-height: 1.6;
}

body[data-page="scanner"] #main-content .sc-faq-list { border-top: 1px solid var(--scm-line-strong); }
body[data-page="scanner"] #main-content .sc-faq-list details { border-bottom: 1px solid var(--scm-line-strong); }

body[data-page="scanner"] #main-content .sc-faq-list summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
    min-height: 64px;
    padding: var(--space-5) 0;
    color: var(--scm-ink);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
}

body[data-page="scanner"] #main-content .sc-faq-list summary::-webkit-details-marker { display: none; }
body[data-page="scanner"] #main-content .sc-faq-list summary .ui-disclosure-icon { color: var(--scm-muted); }

body[data-page="scanner"] #main-content .sc-faq-list details > p {
    max-width: 62ch;
    margin: 0;
    padding: 0 var(--space-12) var(--space-6) 0;
    color: var(--scm-muted);
    font-size: 16px;
    line-height: 1.7;
}

/* ------------------------------------------------------------------ responsive */

@media (max-width: 1023px) {
    body[data-page="scanner"] #main-content {
        --scm-section-y: var(--space-20);
        --scm-head-gap: var(--space-10);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-report-header,
    body[data-page="scanner"] #main-content .sc-report .tf-report-comparison,
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-8);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-report-toolbar {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
    }

    body[data-page="scanner"] #main-content .sc-report .tf-report-tools { justify-content: flex-start; width: 100%; }
    body[data-page="scanner"] #main-content .sc-report .sc-score-overview-heading { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
    body[data-page="scanner"] #main-content .sc-report .sc-score-cards { grid-template-columns: minmax(0, 1fr); }
    body[data-page="scanner"] #main-content .sc-report .sc-score-card { padding: var(--space-6); }

    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
    /* One column: 02 shows its first lines and fades into the form; 03 is left out. */
    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list > .sc-priority-locked:nth-child(2) {
        max-height: 128px;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 40%, transparent 100%);
    }
    body[data-page="scanner"] #main-content .sc-report-public .sc-priority-list > .sc-priority-locked:nth-child(n+3) { display: none; }

    body[data-page="scanner"] #main-content .sc-report-public .tf-audit-priority + .tf-audit-priority {
        padding-top: var(--space-8);
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--scm-line);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-review-invitation {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-8);
        padding: var(--space-8);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-evidence-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }

    body[data-page="scanner"] #main-content .sc-report .sc-evidence-grid > div + div {
        padding-top: var(--space-4);
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--scm-line);
    }

    body[data-page="scanner"] #main-content .sc-report .tf-report-unlock { padding: var(--space-8); }
    body[data-page="scanner"] #main-content .sc-report .sc-unlock-content { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }

    body[data-page="scanner"] #main-content .sc-scope-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    body[data-page="scanner"] #main-content .sc-scope-grid article { padding: var(--space-6) 0; }
    body[data-page="scanner"] #main-content .sc-scope-grid article:first-child { padding-top: 0; }

    body[data-page="scanner"] #main-content .sc-scope-grid article + article {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--scm-line);
    }

    body[data-page="scanner"] #main-content .sc-faq-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-8);
    }
}

@media (max-width: 767px) {
    body[data-page="scanner"] #main-content {
        --scm-section-y: var(--space-16);
        --scm-head-gap: var(--space-8);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-report-header { padding-bottom: var(--space-6); }

    body[data-page="scanner"] #main-content .sc-report #report-title,
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] #report-title {
        max-width: none;
        font-size: clamp(28px, 7.6vw, 34px);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-hero-action > .sc-report-primary { width: 100%; }
    body[data-page="scanner"] #main-content .sc-report .sc-hero-action > span { width: 100%; }

    body[data-page="scanner"] #main-content .sc-report .sc-report-focus { padding: var(--space-5); }
    body[data-page="scanner"] #main-content .sc-report .sc-focus-result > strong { font-size: 34px; }
    body[data-page="scanner"] #main-content .sc-report .sc-focus-result > span { font-size: 16px; }

    body[data-page="scanner"] #main-content .sc-report .sc-report-toolbar :is(.tf-report-tool,.tf-report-rescan) { min-height: 44px; }
    body[data-page="scanner"] #main-content .sc-report .sc-score-values strong { font-size: 30px; }
    body[data-page="scanner"] #main-content .sc-report .sc-score-status { font-size: 16px; }

    body[data-page="scanner"] #main-content .sc-report .sc-report-content { padding: var(--space-8) 0 var(--space-10); }
    body[data-page="scanner"] #main-content .sc-report .sc-priority-body { padding: var(--space-5); }
    body[data-page="scanner"] #main-content .sc-report .tf-audit-positive-list { grid-template-columns: minmax(0, 1fr); }
    body[data-page="scanner"] #main-content .sc-report .sc-measurements { padding-bottom: var(--space-5); }

    body[data-page="scanner"] #main-content .sc-report .sc-review-invitation {
        gap: var(--space-6);
        margin-inline: 0;
        padding: var(--space-6);
        border-radius: calc(var(--radius-md) * 2);
    }

    body[data-page="scanner"] #main-content .sc-report .sc-review-card { padding: var(--space-6); }
    body[data-page="scanner"] #main-content .sc-report .sc-review-benefits { display: grid; gap: var(--space-3); }
    body[data-page="scanner"] #main-content .sc-report .tf-report-unlock { padding: var(--space-6); border-radius: calc(var(--radius-md) * 2); }

    body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field { grid-template-columns: minmax(0, 1fr); }
    body[data-page="scanner"] #main-content .sc-report .tf-report-unlock-field button { width: 100%; }

    body[data-page="scanner"] #main-content .sc-report .sc-report-footer { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
    body[data-page="scanner"] #main-content .sc-report .sc-report-retention { text-align: left; }

    body[data-page="scanner"] #main-content .sc-report .tf-report-comparison-list > div,
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-comparison-list > div {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-3);
    }

    body[data-page="scanner"] #main-content .tf-audit-progress { padding: var(--space-6); }
    body[data-page="scanner"] #main-content .tf-audit-focus { margin-top: var(--space-6); padding: var(--space-6); }
    body[data-page="scanner"] #main-content .tf-audit-activity { align-items: flex-start; font-size: 15px; }
    body[data-page="scanner"] #main-content .tf-audit-activity > .ui-icon { margin-top: 2px; }
    body[data-page="scanner"] #main-content .tf-audit-steps { gap: var(--space-2); margin-top: var(--space-6); }
    body[data-page="scanner"] #main-content .tf-audit-step-label { font-size: 13px; }
    body[data-page="scanner"] #main-content .tf-audit-footer { flex-direction: column; align-items: flex-start; gap: var(--space-1); }
    body[data-page="scanner"] #main-content .tf-audit-footer .tf-audit-details { max-width: none; text-align: left; }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-overview {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-4);
        padding-bottom: var(--space-6);
    }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-visual { height: 190px; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-lens { bottom: var(--space-2); max-width: 60%; padding: var(--space-3) var(--space-4); }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-total strong { font-size: 32px; }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-scores {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--space-2) 0;
    }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 0 var(--space-5);
        padding: var(--space-5) 0 !important;
        border-left: 0 !important;
        border-bottom: 1px solid var(--scm-line);
    }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric:last-of-type { border-bottom: 0; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric h3 { grid-column: 1; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-number { grid-column: 1; margin-top: var(--space-2); }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-number strong { font-size: 34px; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-metric > meter { grid-column: 2; grid-row: 2; align-self: center; margin: 0; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-inline-facts { grid-column: 1 / -1; }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-action {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-6);
        padding: var(--space-8) 0;
    }

    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-improvement { padding: var(--space-6) !important; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-impact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-impact > div + div { padding: 0; border: 0; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-contact { display: block; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-cta { width: 100%; }
    body[data-page="scanner"] #main-content .tf-report[data-report-layout="mapa-legacy"] .tf-report-contact > p { margin-top: var(--space-3); }

    body[data-page="scanner"] #main-content .sc-scope-grid article { grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-4); }
    body[data-page="scanner"] #main-content .sc-scope-icon { width: 40px; height: 40px; }
    body[data-page="scanner"] #main-content .sc-scope-note { margin-top: var(--space-6); }
    body[data-page="scanner"] #main-content .sc-faq-list summary { padding: var(--space-4) 0; font-size: 16px; }
    body[data-page="scanner"] #main-content .sc-faq-list details > p { padding-right: var(--space-6); font-size: 15px; }
}

/* The sticky mobile CTA keeps a hairline instead of a shadow. */
@media (max-width: 699px) {
    body[data-page="scanner"] #main-content .sc-report .sc-report-mobile-action {
        display: block;
        padding: var(--space-2);
        border: 1px solid var(--scm-line);
        border-radius: var(--radius-md);
        background: #fff;
        box-shadow: none;
    }
}

@media print {
    body[data-page="scanner"] #main-content :is(.sc-review-invitation,.sc-report-gate,.tf-report-unlock,.sc-report-mobile-action,.tf-report-tools,.sc-priority-locked) { display: none !important; }
    body[data-page="scanner"] #main-content .sc-report .sc-score-values strong,
    body[data-page="scanner"] #main-content .sc-report .sc-profile-scores .sc-score-number strong { color: var(--scm-ink) !important; }
}

/* ------------------------------------------------------------------ PDF branding
   "Guardar PDF" prints the report. Page 1 opens with the header lockup (flame + wordmark);
   every page carries "© Techforma" and the page number in its bottom margin (Chromium page
   margin boxes; other browsers keep the page-1 lockup only). */
body[data-page="scanner"] #main-content .sc-print-brand { display: none; }

@media print {
    @page {
        margin: 12mm 10mm 16mm;
        @bottom-left { content: "© Techforma · techforma.pt · info@techforma.pt"; font: 400 8pt/1.2 "Geist", system-ui, sans-serif; color: #526d76; }
        @bottom-right { content: counter(page) " / " counter(pages); font: 400 8pt/1.2 "Geist", system-ui, sans-serif; color: #526d76; }
    }
    body[data-page="scanner"] #main-content .tf-editorial-results:has(.sc-print-brand) { border-top: 0; padding-top: 0; }
    /* "Temporary link · Save a PDF copy" means nothing inside the PDF and spilled onto its own page. */
    body[data-page="scanner"] #main-content .sc-report-retention { display: none; }
    body[data-page="scanner"] #main-content .sc-print-brand { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin: 0 0 var(--space-6); color: var(--scm-ink); font: 400 10pt/1.2 var(--tf-font-sans); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body[data-page="scanner"] #main-content .sc-print-lockup { display: inline-flex; align-items: center; gap: 8px; font: 600 18pt/1 var(--tf-font-sans); letter-spacing: -.035em; }
    body[data-page="scanner"] #main-content .sc-print-mark { display: block; flex: 0 0 auto; width: 14.45px; height: 24px; }
}