/* Article-specific reading layout; shared blog navigation and theme stay intact. */
.search-visibility-page {
  --search-ink: #202020;
  --search-muted: #545454;
  --search-line: #dedede;
  --search-surface: #f4f4f4;
  --search-link: #a63e00;
}
.search-visibility-page .page-hero-copy h1 { max-width: 1000px; }
.search-visibility-page .blog-post-container { width: min(1120px, calc(100% - 48px)); }
.search-article { --blog-reading-width: 800px; padding: clamp(24px, 5vw, 70px); }
.search-article-header, .search-article .blog-article-body { max-width: 800px; margin-inline: auto; }
.search-article .blog-article-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; line-height: 1.7; margin: 12px 0 24px; }
.search-article .blog-article-meta a { color: inherit; text-underline-offset: 4px; }
.search-article p.search-standfirst { font-size: clamp(26px, 3vw, 38px); font-weight: 700; line-height: 1.22; color: var(--search-ink); margin: 0 0 32px; }
.search-article .blog-article-body > p, .search-article .search-section > p { line-height: 1.8; }
.search-article .blog-article-body a:not(.button) { color: var(--search-link); overflow-wrap: anywhere; text-decoration-thickness: 1px; }
.search-article a:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; border-radius: 3px; }
.search-article .search-citation { white-space: nowrap; font-size: .88em; }
.search-article .kicker { color: var(--search-link); font-size: .875rem; }
.search-takeaway { background: var(--search-surface); border-left: 5px solid var(--orange); border-radius: 0 14px 14px 0; padding: 24px 28px; margin: 32px 0; }
.search-takeaway p { margin: 0; }
.search-takeaway .kicker { margin-bottom: 8px; }
.search-contents { padding: 24px 0; border-block: 1px solid var(--search-line); }
.search-contents .kicker { margin: 0 0 12px; }
.search-contents ol { margin: 0; padding-left: 24px; display: grid; gap: 7px; }
.search-contents a { display: inline-block; padding: 4px 0; font-size: 1rem; line-height: 1.5; }
.search-section, .search-sources { scroll-margin-top: 145px; }
.search-section { padding: 44px 0 0; }
.search-section + .search-section { margin-top: 38px; border-top: 1px solid var(--search-line); }
.search-section > .kicker { margin: 0 0 12px; }
.search-article .search-section h2 { font-size: clamp(28px, 3.1vw, 40px); line-height: 1.15; text-wrap: balance; }
.search-article .search-section h3 { line-height: 1.25; }
.search-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 30px 0; padding: 28px 0; border-block: 1px solid var(--search-line); }
.search-channel-grid > div { min-width: 0; }
.search-channel-number { color: var(--search-link); font-size: 1rem; font-weight: 800; display: block; margin-bottom: 14px; }
.search-article .search-channel-grid h3 { font-size: 1.25rem; }
.search-article .search-channel-grid p { font-size: 1rem; line-height: 1.6; margin-bottom: 0; }
.search-status-block { box-shadow: none; border: 1px solid var(--search-line); padding: 28px; }
.search-source-quote { padding: clamp(24px, 4vw, 36px); }
.search-source-quote blockquote { margin: 0; }
.search-article .search-source-quote blockquote p { font-size: clamp(24px, 3vw, 32px) !important; line-height: 1.3 !important; }
.search-source-quote figcaption { margin-top: 18px; color: #d6d6d6; font-size: .9375rem; line-height: 1.6; }
.search-article .search-source-quote figcaption a { color: #ffb789 !important; font-weight: 600; }
.search-action-list { counter-reset: search-step; list-style: none; padding: 0; margin: 28px 0; }
.search-action-list li { counter-increment: search-step; display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--search-line); color: var(--search-ink); }
.search-action-list li::before { content: counter(search-step, decimal-leading-zero); grid-row: 1 / 3; color: var(--search-link); font-size: 1rem; font-weight: 800; padding-top: 3px; }
.search-article .search-action-list h3 { font-size: 1.25rem; }
.search-article .search-action-list p { grid-column: 2; margin: 8px 0 0; font-size: 1.0625rem; line-height: 1.7; }
.search-sources { margin: 44px 0 0; padding: 28px; border: 1px solid var(--search-line); border-radius: 14px; background: var(--search-surface); }
.search-article .search-sources h2 { font-size: 1.5rem; line-height: 1.3; }
.search-article .search-sources p { font-size: .9375rem; line-height: 1.6; }
.search-sources ol { margin: 20px 0 0; padding-left: 22px; }
.search-sources li { padding-left: 5px; margin-top: 16px; color: var(--search-muted); font-size: .9375rem; line-height: 1.6; }
.search-sources li a { font-weight: 600 !important; }
.search-sources li span { display: block; font-size: .875rem; }
.search-help { margin-top: 12px; }
.search-contact-card { flex-direction: column; align-items: flex-start; }
.search-contact-card .button, .search-contact-card .button.sv-pressable-button { flex-basis: auto !important; }
html[data-theme="dark"] .search-visibility-page { --search-ink: #f4f7fb; --search-muted: #c2cad5; --search-line: #35404d; --search-surface: #0b1118; --search-link: #ffb789; }
html[data-theme="dark"] body.search-visibility-page .search-article p.search-standfirst { color: var(--search-ink) !important; }
html[data-theme="dark"] body.search-visibility-page .search-article .kicker { color: var(--search-link) !important; }
html[data-theme="dark"] body.search-visibility-page .search-source-quote blockquote p { color: #fff !important; }
@media (max-width: 767px) {
  .search-visibility-page .blog-post-container { width: calc(100% - 24px); }
  .search-channel-grid { grid-template-columns: 1fr; gap: 24px; }
  .search-channel-grid > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 14px; }
  .search-channel-number { grid-row: 1 / 3; margin: 0; }
  .search-channel-grid p { grid-column: 2; margin-top: 8px; }
  .search-takeaway, .search-status-block, .search-sources { padding: 22px; }
  .search-section { padding-top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .search-visibility-page .page-hero-video { display: none; }
}