/* Loaded only by the reviewed evidence reports. No text, data, images or controls are replaced. */
@layer pd-quality {
  html[data-pd-family="article"] body main :is(a, button, summary, input, [tabindex="0"]):focus-visible {
    outline: 2px solid var(--pd-ui-action) !important;
    outline-offset: 4px !important;
  }

  /* Keep the whitepaper's index beside the article without stretching its empty surface. */
  html[data-detail-page="dns-abuse-enforcement-framework"] body main.daf-layout > .pd-contents {
    align-self: start !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    border-color: var(--pd-ui-line) !important;
    background: var(--pd-ui-surface) !important;
  }
  html[data-detail-page="dns-abuse-enforcement-framework"] body main .daf-section-head { align-items: baseline !important; }
  html[data-detail-page="dns-abuse-enforcement-framework"] body main .daf-section-head h2 { min-width: 0 !important; text-wrap: balance !important; }

  /* One frame per table; all columns remain available in the existing scroll region. */
  html[data-pd-family="article"] body main :is(.pd-case-table, .daf-table-wrap, .table-wrapper, .table-wrap):has(> .pd-table-scroll) {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
  html[data-pd-family="article"] body main .pd-table-scroll {
    border-color: var(--pd-ui-line) !important;
    border-radius: 10px !important;
    background: var(--pd-ui-surface) !important;
    scrollbar-color: var(--pd-ui-control-line) var(--pd-ui-surface);
    scrollbar-width: thin;
    overscroll-behavior-inline: contain;
  }
  html[data-pd-family="article"] body main .pd-table-frame {
    border-color: var(--pd-ui-line) !important;
    border-radius: 10px !important;
    background: var(--pd-ui-surface) !important;
  }
  html[data-pd-family="article"] body main .pd-table-frame > .pd-table-scroll {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  html[data-pd-family="article"] body main div[style*="overflow-x:auto"]:has(> .pd-table-scroll) {
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }
  html[data-pd-family="article"] body main .pd-table-scroll > table {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-variant-numeric: tabular-nums !important;
    background: transparent !important;
  }
  html[data-pd-family="article"] body main .pd-table-scroll > table :is(th, td) {
    padding: 15px 18px !important;
    vertical-align: top !important;
    line-height: 1.65 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html[data-pd-family="article"] body main .pd-table-scroll > table th {
    background: var(--pd-ui-raised) !important;
    color: var(--pd-ui-text) !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
  }
  html[data-pd-family="article"] body main .pd-table-scroll > table tbody tr:nth-child(even) { background-color: rgba(194, 205, 209, .025) !important; }
  html[data-pd-family="article"] body main .pd-table-scroll > table tbody tr:hover { background-color: rgba(var(--pd-ui-accent-rgb), .04) !important; }

  /* Remove the reserved vertical scrollbar gutter from auto-height table regions. */
  html:is([data-page="icann-155-million-illusion"], [data-page="namesilo-investigation"]) body main .pd-table-scroll {
    scrollbar-gutter: auto !important;
  }
  html[data-page="namesilo-investigation"] body main .ns-table-scroll:has(> .pd-table-scroll) {
    margin-block: 24px 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html[data-page="namesilo-investigation"] body main .ns-table-scroll > .pd-table-scroll {
    margin: 0 !important;
    box-shadow: inset -20px 0 22px -24px rgba(248, 250, 252, .5) !important;
  }

  /* Narrative chronology: wrap the original account beside its date on narrow screens. */
  html[data-page="icann-155-million-illusion"] body main .pd-table-scroll > table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }
  html[data-page="icann-155-million-illusion"] body main .pd-table-scroll > table :is(th, td):first-child { width: 94px !important; white-space: nowrap !important; }
  html[data-page="icann-155-million-illusion"] body main .pd-table-scroll > table :is(th, td):last-child { white-space: normal !important; overflow-wrap: anywhere !important; }

  /* Classification terms are words, and financial years and sums are indivisible values. */
  html[data-page="nicenic-verdict"] body main .pd-table-scroll > table { min-width: 640px !important; table-layout: auto !important; }
  html[data-page="nicenic-verdict"] body main .pd-table-scroll > table :is(th, td):nth-child(2) { min-width: 142px !important; white-space: nowrap !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .pd-table-scroll > table:has(thead tr > :last-child:nth-child(4)) { min-width: 540px !important; table-layout: auto !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .pd-table-scroll > table:has(thead tr > :last-child:nth-child(4)) :is(th, td):not(:first-child) { white-space: nowrap !important; overflow-wrap: normal !important; text-align: end !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .pd-table-scroll > table:has(thead tr > :last-child:nth-child(4)) :is(th, td):first-child { min-width: 165px !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .inv-tl-date { font-variant-numeric: tabular-nums !important; color: var(--pd-ui-action) !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .inv-tl-item { padding-bottom: 26px !important; }
  html[data-page="trustname-bulletproof-exposed"] body main .inv-tl-text { line-height: 1.8 !important; }

  /* The measured duration stays on one line; the complete explanatory label has its own column. */
  html[data-page="registrar-abuse-response"] body main .stat-highlight {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 26px 28px !important;
    border-radius: 12px !important;
    border-color: rgba(255, 59, 59, .23) !important;
    background: linear-gradient(90deg, rgba(255, 59, 59, .045), transparent), var(--pd-ui-surface) !important;
  }
  html[data-page="registrar-abuse-response"] body main .stat-highlight .stat-num {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    font: 600 clamp(30px, 3.4vw, 44px)/1.1 var(--pd-ui-display) !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.035em !important;
    color: var(--pd-ui-action) !important;
  }
  html[data-page="registrar-abuse-response"] body main .stat-highlight .stat-label { color: var(--pd-ui-secondary) !important; font-size: 12px !important; line-height: 1.7 !important; letter-spacing: .025em !important; }
  html[data-page="registrar-abuse-response"] body main .pd-table-scroll table :is(.hours-extreme, .hours-high, .vt-high) { white-space: nowrap !important; font-variant-numeric: tabular-nums !important; }

  /* Escape-domain evidence preserves complete hostnames and addresses. */
  html[data-page="namesilo-investigation"] body main .pd-table-scroll > table { min-width: 720px !important; }
  html[data-page="namesilo-investigation"] body main .pd-table-scroll > table code { overflow-wrap: normal !important; white-space: nowrap !important; }

  /* The three evidence landing pages share a readable live data workspace. */
  html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content max-content !important;
    gap: 20px !important;
    align-items: center !important;
    padding: 24px !important;
    border-color: var(--pd-ui-line) !important;
    border-radius: 12px !important;
    background: var(--pd-ui-surface) !important;
    box-shadow: inset 0 1px rgba(241, 245, 244, .035) !important;
  }
  html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout > p { margin: 0 !important; font-size: 14px !important; line-height: 1.8 !important; color: var(--pd-ui-secondary) !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout > a { min-height: 46px !important; margin: 0 !important; white-space: normal !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .stat-card {
    padding: 24px 22px !important;
    text-align: start !important;
    border-color: var(--pd-ui-line) !important;
    background: var(--pd-ui-surface) !important;
  }
  html[data-pd-family="article"] body.pd-evidence-page main .stat-val { font-family: var(--pd-ui-display) !important; font-variant-numeric: tabular-nums !important; font-weight: 600 !important; letter-spacing: -.035em !important; white-space: nowrap !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .stat-lbl { margin-top: 10px !important; color: var(--pd-ui-secondary) !important; line-height: 1.65 !important; }
  html[data-pd-family="article"] body.pd-evidence-page main table.feed-table {
    width: 100% !important;
    min-width: 620px !important;
    table-layout: fixed !important;
  }
  html[data-pd-family="article"] body.pd-evidence-page main .feed-table :is(th, td):first-child { width: 48% !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .feed-table :is(th, td):nth-child(2) { width: 24% !important; white-space: nowrap !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .feed-table :is(th, td):last-child { width: 28% !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .feed-table td { color: var(--pd-ui-secondary) !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .feed-table td a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: var(--pd-ui-action) !important;
    text-decoration-color: rgba(var(--pd-ui-accent-rgb), .4) !important;
    text-underline-offset: 3px !important;
  }
  html[data-pd-family="article"] body.pd-evidence-page main .load-more-wrap { margin-top: 24px !important; }
  html[data-pd-family="article"] body.pd-evidence-page main .load-more-wrap button { min-height: 46px !important; border-color: var(--pd-ui-control-line) !important; }

  @media (max-width: 767px) {
    html[data-pd-family="article"] body main .pd-table-scroll > table :is(th, td) { padding: 13px 15px !important; }
    html[data-page="icann-155-million-illusion"] body main .pd-table-scroll > table :is(th, td):first-child { width: 78px !important; }
    html[data-page="icann-155-million-illusion"] body main .pd-table-scroll > table :is(th, td) { padding: 14px 12px !important; font-size: 13px !important; }
    html[data-page="registrar-abuse-response"] body main .stat-highlight { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; padding: 22px !important; }
    html[data-page="registrar-abuse-response"] body main .stat-highlight .stat-num { font-size: 38px !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 12px !important; padding: 20px !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout > p { grid-column: 1 / -1 !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .live-report-callout > a { display: flex !important; align-self: stretch !important; align-items: center !important; justify-content: center !important; padding-inline: 10px !important; font-size: 13px !important; text-align: center !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .stat-card { padding: 18px 16px !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .stat-val { font-size: clamp(24px, 7vw, 32px) !important; }
    html[data-pd-family="article"] body.pd-evidence-page main .stat-lbl { font-size: 12px !important; }
  }
}