/* Search page migration to Finclar's Ledger & Ink design system. */
body.search-page {
  --bg: #F6F3EC;
  --surface: #FFFFFF;
  --surface-2: #EDE8DC;
  --navy-deep: #0A1830;
  --ink: #10213F;
  --ink-2: #3A4458;
  --muted: #5A6375;
  --line: #D9D2C3;
  --teal: #1B6E7E;
  --gold: #5FB8C9;
  --head: Fraunces, Georgia, "Times New Roman", serif;
  background: var(--bg);
  color: var(--ink);
  color-scheme: light;
  font-family: var(--sans);
}
:root[data-theme="dark"] body.search-page {
  --bg: #0E1422;
  --surface: #161E2E;
  --surface-2: #1A2334;
  --navy-deep: #0A1830;
  --ink: #E8EBF2;
  --ink-2: #C2CAD8;
  --muted: #9AA6BA;
  --line: #2A3447;
  --teal: #69C3C9;
  --gold: #8FCAD6;
  color-scheme: dark;
}
.search-page :focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
.search-page .tricolor { display: none; }
.search-page .utility-bar { background: var(--navy-deep); color: #DCE4F2; border: 0; font: 12px/1.4 var(--mono); letter-spacing: .015em; }
.search-page .utility-inner { min-height: 38px; gap: 16px; }
.search-page .utility-bar a { color: #fff; text-decoration-color: rgba(255,255,255,.38); }
.search-page .utility-bar a:hover { color: var(--gold); }
.search-page .utility-bar .gov { color: #DCE4F2; font-weight: 500; }
.search-page .site-header { position: sticky; top: 0; z-index: 60; background: color-mix(in srgb, var(--bg) 96%, transparent); border-bottom: 1px solid var(--line); box-shadow: none; backdrop-filter: saturate(1.3) blur(12px); -webkit-backdrop-filter: saturate(1.3) blur(12px); }
.search-page .header-inner { min-height: 76px; gap: 24px; }
.search-page .brand { color: var(--ink); gap: 0; }
.search-page .brand-mark { display: none; }
.search-page .brand-text { display: block; }
.search-page .brand-text .b-name { color: var(--ink); font: 600 30px/1 var(--head); letter-spacing: -.035em; }
.search-page .brand-text .b-name::after { content: "."; color: var(--gold); }
.search-page .brand-text .b-sub { display: none; }
.search-page .header-cta { gap: 10px; }
.search-page .header-cta .btn { min-height: 44px; border-radius: 999px; font: 500 14px/1.2 var(--sans); }
.search-page .header-cta .btn-ghost { color: var(--ink); border-color: var(--line); background: transparent; }
.search-page .header-cta .btn-primary,
.search-page .btn-primary { color: #fff; background: var(--teal); border-color: var(--teal); }
.search-page .primary-nav { background: var(--bg); border-bottom: 1px solid var(--line); box-shadow: none; }
.search-page .nav-inner { min-height: 48px; gap: clamp(12px, 2vw, 28px); }
.search-page .nav-inner > a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 2px; color: var(--ink-2); background: transparent !important; border: 0; border-bottom: 1px solid transparent; border-radius: 0; font: 500 13px/1.25 var(--sans); text-decoration: none; transition: color .18s ease, border-color .18s ease; }
.search-page .nav-inner > a:hover,
.search-page .nav-inner > a[aria-current="page"] { color: var(--teal) !important; border-bottom-color: var(--teal); }
.search-page .primary-nav .nav-inner > a.active,
.search-page .primary-nav .nav-inner > a[aria-current="page"] { color: var(--teal) !important; background: transparent !important; border-bottom-color: var(--teal) !important; box-shadow: none !important; }
.search-page .primary-nav .nav-inner > a.cta-nav { padding: 9px 16px; color: #fff !important; background: var(--teal) !important; border: 1px solid var(--teal) !important; border-radius: 999px; }
.search-page .hero { padding: clamp(52px, 7vw, 82px) 0 clamp(42px, 6vw, 66px); background: var(--navy-deep); }
.search-page .hero::before { background: radial-gradient(circle at 82% 28%, rgba(95,184,201,.2), transparent 48%); }
.search-page .hero .eyebrow { color: #A8DCE2; }
.search-page .hero h1 { max-width: 900px; font-size: clamp(38px, 6vw, 68px); }
.search-page .hero p.sub { max-width: 700px; color: #C8D2E1; }
.search-page .search-shell { max-width: 960px; padding: clamp(24px, 4vw, 48px) clamp(16px, 3vw, 28px) 64px; }
.search-page .search-bar { padding: clamp(18px, 3vw, 28px); margin: 0 0 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 18px 42px rgba(16,33,63,.08); }
.search-page .search-bar input { min-height: 58px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--bg); box-shadow: none; font: 500 17px/1.4 var(--sans); }
.search-page .search-bar input::placeholder { color: var(--muted); opacity: 1; }
.search-page .search-bar input:focus { border-color: var(--teal); box-shadow: 0 0 0 4px color-mix(in srgb, var(--teal) 18%, transparent); }
.search-page .search-shortcut { gap: 8px; margin-top: 14px; }
.search-page .search-shortcut a { min-height: 44px; border-color: var(--line); border-radius: 999px; color: var(--ink); background: var(--surface); font-weight: 600; }
.search-page .search-shortcut a:hover { border-color: var(--teal); background: var(--surface-2); }
.search-page .search-filters { gap: 8px; margin-bottom: 20px; }
.search-page .search-filters button { min-height: 42px; padding: 8px 15px; border-color: var(--line); border-radius: 999px; color: var(--ink-2); background: var(--surface); font: 600 13px/1.2 var(--sans); transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.search-page .search-filters button:hover { border-color: var(--teal); color: var(--teal); background: var(--surface); }
.search-page .search-filters button.active,
.search-page .search-filters button[aria-pressed="true"] { border-color: var(--teal); color: #fff; background: var(--teal); }
.search-page .search-filters button:focus-visible { outline-color: var(--teal); }
.search-page .search-meta { padding: 13px 16px; margin-bottom: 14px; border-left: 3px solid var(--teal); border-radius: 4px 10px 10px 4px; color: var(--muted); background: var(--surface); font: 13px/1.5 var(--mono); }
.search-page .search-meta b { color: var(--ink); }
.search-page .search-status { padding: 8px 0; color: var(--muted); }
.search-page .search-status[aria-busy="true"] { padding: 15px 18px; border: 1px dashed var(--line); border-radius: 10px; background: var(--surface); }
.search-page .search-retry { min-height: 44px; border-color: var(--teal); border-radius: 999px; color: #fff; background: var(--teal); }
.search-page .search-retry:hover { filter: brightness(.92); }
.search-page .result-item { padding: 22px 24px; margin-bottom: 12px; border: 1px solid var(--line); border-left: 3px solid var(--teal); border-radius: 12px; color: var(--ink); background: var(--surface); box-shadow: 0 6px 18px rgba(16,33,63,.04); }
.search-page .result-item[data-cat="tool"] { border-left-color: #1B6E7E; }
.search-page .result-item[data-cat="post"] { border-left-color: #B26A36; }
.search-page .result-item[data-cat="service"] { border-left-color: #9C7A22; }
.search-page .result-item[data-cat="faq"] { border-left-color: #735A9A; }
.search-page .result-item[data-cat="page"] { border-left-color: #46785D; }
.search-page .result-item:hover { transform: translateY(-2px); border-color: var(--teal); box-shadow: 0 14px 28px rgba(16,33,63,.1); }
.search-page .result-item .tag { padding: 5px 9px; border-radius: 999px; color: var(--teal); background: var(--surface-2); font: 600 10px/1.2 var(--mono); }
.search-page .result-item[data-cat="tool"] .tag,
.search-page .result-item[data-cat="post"] .tag,
.search-page .result-item[data-cat="service"] .tag,
.search-page .result-item[data-cat="faq"] .tag,
.search-page .result-item[data-cat="page"] .tag { color: var(--teal); background: var(--surface-2); }
.search-page .result-item h3 { margin: 4px 0 6px; color: var(--ink); font: 600 21px/1.25 var(--head); }
.search-page .result-item p { margin: 0; color: var(--ink-2); font-size: 14px; line-height: 1.6; }
.search-page .result-item mark { border-radius: 3px; color: var(--ink); background: #D7EEF0; }
:root[data-theme="dark"] .search-page .result-item mark { color: #0E1422; background: #A8DCE2; }
.search-page .no-result { padding: clamp(28px, 5vw, 54px) 22px; border: 1px dashed var(--line); border-radius: 14px; color: var(--ink-2); background: var(--surface); }
.search-page .no-result h3 { color: var(--ink); font: 600 26px/1.2 var(--head); }
.search-page .no-result p { max-width: 520px; color: var(--ink-2); }
.search-page .no-result a { color: var(--teal) !important; text-decoration: underline; text-underline-offset: 3px; }
.search-page .popular { padding: 18px 0 0; }
.search-page .popular h2 { color: var(--muted); font: 600 12px/1.4 var(--mono); letter-spacing: .1em; }
.search-page .popular-filters { justify-content: flex-start !important; }
.search-page .popular-filters button { min-height: 38px; background: transparent; }
.search-page footer { color: var(--ink-2); background: var(--bg); border-top: 1px solid var(--line); }
.search-page footer a { color: var(--teal); }
:root[data-theme="dark"] .search-page .header-cta .btn-ghost { color: #E8EBF2; border-color: #46536B; }
:root[data-theme="dark"] .search-page .primary-nav .nav-inner > a:not(.cta-nav) { color: #C2CAD8; }
:root[data-theme="dark"] .search-page .primary-nav .nav-inner > a[aria-current="page"] { color: #69C3C9 !important; }
:root[data-theme="dark"] .search-page .primary-nav .nav-inner > a.cta-nav { color: #0A1830 !important; background: #69C3C9 !important; border-color: #69C3C9 !important; }
@media (max-width: 760px) {
  .search-page .utility-right { flex-wrap: wrap; justify-content: flex-end; row-gap: 3px; }
  .search-page .header-inner { min-height: 68px; }
  .search-page .brand-text .b-name { font-size: 27px; }
  .search-page .header-cta .btn-primary { display: none; }
  .search-page .hero { padding: 42px 0 44px; }
  .search-page .hero h1 { font-size: clamp(36px, 9vw, 52px); }
  .search-page .hero p.sub { font-size: 16px; line-height: 1.55; }
  .search-page .search-shell { padding-top: 22px; }
  .search-page .search-bar { padding: 15px; border-radius: 14px; }
  .search-page .search-bar input { font-size: 16px; }
  .search-page .search-shortcut a { flex: 1 1 100%; justify-content: flex-start; }
  .search-page .search-filters:not(.popular-filters) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .search-page .search-filters button { padding-inline: 8px; }
  .search-page .popular-filters { display: flex; }
  .search-page .popular-filters button { flex: 0 0 auto; }
  .search-page .result-item { padding: 18px 17px; }
  .search-page .result-item h3 { font-size: 19px; }
  .search-page .wa-fab { position: static; display: inline-flex; width: max-content; max-width: calc(100% - 36px); margin: 16px 18px 20px; padding: 10px 14px; }
  .search-page .wa-fab span:not(.wa-ic) { display: inline; }
}
@media (max-width: 360px) {
  .search-page .utility-right .sep { display: none; }
  .search-page .utility-right { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; font-size: 11px; }
  .search-page .search-filters:not(.popular-filters) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-page .search-filters button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .search-page .result-item,
  .search-page .search-filters button,
  .search-page .nav-inner > a { transition: none; }
  .search-page .result-item:hover { transform: none; }
}