/* Functional pages reuse the established site tokens, chrome and container. */
.public-reading [data-site-header] { font-size:1rem; line-height:1.65; color:var(--ink); }
.public-reading .reading-main { padding:0; }
.public-reading .reading-container { max-width:var(--max); }
.public-reading .reading-body { padding-top:32px; padding-bottom:28px; }
.public-reading .reading-hero .container { padding:34px 0; }
.public-reading .reading-hero h1 { font-size:clamp(32px,4.4vw,46px); line-height:1.25; color:#fff; }
.public-reading .reading-hero .kicker { color:#b6e8de; }
.public-reading .reading-hero p:not(.kicker) { margin:8px 0 0; font-size:18px; }
.public-reading .reading-hero .reading-count { font-size:14px; min-height:1.7em; }
.public-reading .reading-filters { display:flex; flex-wrap:wrap; align-items:start; gap:14px; margin:0 0 22px; }
.public-reading .reading-filters input,.public-reading .reading-filters select { min-width:0; min-height:48px; border:1px solid var(--line); border-radius:var(--radius-sm); padding:10px 14px; color:var(--ink); background:#fff; font-size:16px; }
.public-reading .reading-filters > select { flex:0 1 195px; }
.public-reading .reading-searchbox { display:flex; flex:1 1 380px; min-width:0; }
.public-reading .reading-searchbox input { width:100%; border-radius:var(--radius-sm) 0 0 var(--radius-sm); }
.public-reading .reading-searchbox button { flex:0 0 106px; min-height:48px; border:0; border-radius:0 var(--radius-sm) var(--radius-sm) 0; padding:10px 20px; font-size:16px; }
.public-reading .reading-advanced { flex:0 0 120px; }
.public-reading .reading-advanced summary { min-height:52px; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--teal); cursor:pointer; font-weight:700; list-style:none; }
.public-reading .reading-advanced summary::-webkit-details-marker { display:none; }
.public-reading .reading-advanced summary::after { content:'⌄'; }
.public-reading .reading-advanced[open] { flex:1 0 100%; }
.public-reading .reading-advanced[open] summary { justify-content:start; min-height:34px; }
.public-reading .reading-advanced[open] summary::after { content:'⌃'; }
.public-reading .reading-advanced-panel { padding:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; background:var(--surface-2); border-radius:var(--radius-sm); }
.public-reading .reading-advanced-panel label { display:grid; gap:5px; color:#4b606b; font-size:15px; }
.public-reading .reading-advanced-panel input,.public-reading .reading-advanced-panel select { width:100%; }
.public-reading .reading-filter-note { grid-column:1/-1; font-size:14px; color:#647583; margin:0; }
.public-reading .reading-result-tabs { display:flex; align-items:stretch; gap:28px; border-bottom:1px solid var(--line); }
.public-reading .reading-result-tabs button { padding:15px 5px 12px; border:0; border-bottom:3px solid transparent; background:none; color:#263f50; font-size:18px; white-space:nowrap; }
.public-reading .reading-result-tabs button[aria-pressed="true"] { color:var(--teal); border-bottom-color:var(--teal); font-weight:700; }
.public-reading .reading-result-tabs [data-tab-count] { margin-left:8px; font-size:16px; }
.public-reading .reading-scope-note { margin:8px 0 2px; color:#667b87; font-size:13px; }
.public-reading #resultCountRetry { border:0; padding:0 8px; color:var(--teal); background:none; text-decoration:underline; }
.public-reading .reading-list { display:grid; gap:12px; margin-top:18px; }
.public-reading .reading-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px 24px; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); overflow-wrap:anywhere; }
.public-reading .reading-row-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 22px; }
.public-reading .reading-row h3 { margin:0; font-size:21px; line-height:1.5; }
.public-reading .reading-conclusion { display:contents; }
.public-reading .reading-conclusion .badge { font-size:13px; line-height:1.6; border-radius:30px; padding:3px 11px; background:#e7f3f0; color:var(--teal); }
.public-reading .reading-conclusion .badge.risk { color:var(--red); background:var(--red-soft); }
.public-reading .reading-conclusion .badge.unknown,.public-reading .reading-conclusion .badge.other { color:#526774; background:#e9eef0; }
.public-reading .reading-conclusion > p { margin:0; font-size:16px; }
.public-reading .reading-merchant,.public-reading .reading-meta,.public-reading .reading-source { margin:6px 0 0; color:var(--muted); font-size:15px; }
.public-reading .reading-meta { font-variant-numeric:tabular-nums; }
.public-reading .reading-actions { align-self:center; display:flex; gap:16px; color:var(--teal); font-size:16px; font-weight:700; white-space:nowrap; }
.public-reading .reading-actions a span { margin-left:8px; }
.public-reading .reading-actions a:hover,.public-reading .reading-row h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.public-reading .reading-results-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; }
.public-reading .reading-results-footer > p { margin:0; font-size:15px; }
.public-reading .pagination { justify-content:center; margin:22px 0; }
.public-reading .pagination button { min-height:42px; min-width:46px; border-radius:10px; font-size:16px; }
.public-reading .reading-boundary { margin:0; padding:12px 0 25px; font-size:13px; color:#657a88; }
.public-reading .reading-boundary a { color:var(--teal); margin-left:10px; }
.public-reading .reading-risk-layout { display:grid; grid-template-columns:minmax(0,2.35fr) minmax(270px,1fr); gap:30px; }
.public-reading .reading-risk-layout .reading-searchbox { flex-basis:260px; }
.public-reading .reading-risk-layout .reading-filters > select { flex-basis:140px; }
.public-reading .reading-risk-layout .reading-advanced { flex-basis:100px; }
.public-reading .reading-risk-layout .reading-advanced[open] { flex-basis:100%; }
.public-reading .reading-risk-layout .reading-advanced-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-reading .reading-row-risk { display:block; }
.public-reading .reading-row-risk .reading-meta { margin:0 0 10px; }
.public-reading .reading-row-risk .reading-row-heading { gap:10px 18px; }
.public-reading .reading-row-risk .reading-conclusion > p { flex:1 0 100%; color:var(--ink-2); font-size:16px; }
.public-reading .reading-row-risk .reading-merchant { font-size:15px; color:var(--muted); margin-top:14px; }
.public-reading .reading-row-risk .reading-source { font-size:14px; margin-top:12px; }
.public-reading .reading-row-risk .reading-actions { justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; white-space:normal; }
.public-reading .reading-row-risk .reading-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; box-sizing:border-box; padding:9px 15px; border:1px solid #a7ccc8; border-radius:10px; background:#fff; color:var(--teal); line-height:1.4; }
.public-reading .reading-row-risk .reading-actions .record-action { background:var(--teal); color:#fff; border-color:var(--teal); }
.public-reading .reading-guide { align-self:start; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.public-reading .reading-guide h2 { font-size:23px; line-height:1.5; }
.public-reading .reading-guide ol { list-style:none; counter-reset:guide; margin:24px 0 0; padding:0; }
.public-reading .reading-guide li { position:relative; padding-left:56px; margin-bottom:26px; counter-increment:guide; }
.public-reading .reading-guide li::before { content:counter(guide); position:absolute; left:0; top:0; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#e0f0ed; color:var(--teal); font-weight:700; font-size:22px; }
.public-reading .reading-guide h3 { font-size:19px; line-height:1.5; }
.public-reading .reading-guide p { color:#576b79; font-size:16px; margin:6px 0 0; }
.public-reading .reading-guide .reading-guide-note { border-top:1px solid var(--line); padding:18px 0; font-size:14px; }
.public-reading .reading-guide > a { color:var(--teal); font-size:16px; text-decoration:underline; text-underline-offset:4px; }
.public-reading .reading-more { display:block; border-top:1px solid var(--line); padding:23px; text-align:center; color:var(--teal); font-weight:700; }
.public-reading .reading-retry { margin:0 0 20px; }
.public-reading .empty-state h3 { font-size:22px; }
.public-reading .empty-state p { font-size:16px; }
.public-reading :is(button,a,input,select,summary):focus-visible { outline:3px solid #168a83; outline-offset:3px; }
.public-reading[data-page="whitelist"] .section { padding:32px 0; }
.public-reading[data-page="whitelist"] .section.compact { padding:10px 0; }
.public-reading[data-page="whitelist"] .results-head h2 { font-size:26px; }
@media(max-width:900px) {
  .public-reading .reading-risk-layout { grid-template-columns:1fr; gap:20px; }
  .public-reading .reading-guide { padding:24px; }
  .public-reading .reading-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .public-reading .reading-guide li { padding-left:0; padding-top:48px; margin:0; }
  .public-reading .reading-advanced-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .public-reading .reading-body { padding-top:24px; }
  .public-reading .reading-hero .container { padding:26px 0; }
  .public-reading .reading-hero p:not(.kicker) { font-size:16px; }
  .public-reading .reading-filters { gap:10px; }
  .public-reading .reading-searchbox,.public-reading .reading-risk-layout .reading-searchbox { flex:1 0 100%; }
  .public-reading .reading-searchbox button { flex-basis:82px; padding:10px; }
  .public-reading .reading-filters > select,.public-reading .reading-risk-layout .reading-filters > select { flex:1 1 45%; }
  .public-reading .reading-advanced { flex:1 1 45%; }
  .public-reading .reading-advanced-panel,.public-reading .reading-risk-layout .reading-advanced-panel { grid-template-columns:1fr; padding:14px; }
  .public-reading .reading-result-tabs { gap:0; justify-content:space-between; overflow-x:auto; }
  .public-reading .reading-result-tabs button { padding:13px 3px 10px; font-size:15px; }
  .public-reading .reading-result-tabs [data-tab-count] { display:block; margin:2px 0 0; font-size:14px; }
  .public-reading .reading-row { grid-template-columns:1fr; gap:8px; padding:18px; }
  .public-reading .reading-row h3 { font-size:21px; }
  .public-reading .reading-row-heading { gap:6px 13px; }
  .public-reading .reading-conclusion > p { flex:1 0 100%; }
  .public-reading .reading-merchant,.public-reading .reading-meta { font-size:15px; }
  .public-reading .reading-actions { justify-content:end; font-size:16px; }
  .public-reading .reading-row-risk .reading-conclusion > p { font-size:16px; }
  .public-reading .reading-row-risk .reading-merchant { font-size:16px; }
  .public-reading .reading-results-footer { display:block; text-align:center; }
  .public-reading .reading-guide ol { display:block; }
  .public-reading .reading-guide li { padding:0 0 0 52px; margin-bottom:20px; }
}