.search-shell { width: min(calc(100% - 3rem), 1120px); margin: auto; min-height: 75vh; padding: 3.75rem 0 5rem; }
.search-heading { max-width: 820px; }
.search-eyebrow { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; color: var(--accent); font: 600 .875rem/1.5 var(--mono); }
.search-heading h1 { font-size: clamp(2rem, 4.3vw, 3.2rem); margin: 1rem 0; letter-spacing: -.045em; line-height: 1.12; font-weight: 650; }
.search-heading > p { color: var(--text-soft); font-size: 1.0625rem; max-width: 670px; margin: 0 0 1.75rem; }
.search-heading .domain-search-form { max-width: 780px; }
.search-heading .search-input-row { min-height: 3.8rem; }
.search-heading .search-examples { margin-top: .875rem; }
.search-message { margin: 1.5rem 0 0; color: var(--text-soft); min-height: 1.5rem; }
.search-message:empty { margin: 0; min-height: 0; }
.search-message.is-error { color: #f1a3ad; border-left: 2px solid var(--danger); padding: .875rem 1rem; background: var(--danger-soft); }
.search-message.is-loading { color: var(--accent); }
.search-message .retry-search { margin-left: 1rem; border: 0; padding: .25rem .5rem; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.search-empty { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.search-empty h2 { font-size: 1.75rem; font-weight: 600; letter-spacing: -.025em; margin: .5rem 0 1.75rem; }
.search-intro-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.search-intro-grid article { border-top: 1px solid var(--border-strong); padding-top: 1rem; }
.intro-number { color: var(--accent); font: .875rem var(--mono); }
.search-intro-grid h3 { margin: .875rem 0 .5rem; font-size: 1.125rem; font-weight: 600; }
.search-intro-grid p, .sample-caveat { color: var(--text-soft); margin: 0; }
.sample-caveat { margin-top: 2rem; font-size: .875rem; }
.search-results { padding-top: 2.75rem; }
.results-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.results-heading h2 { font-size: clamp(1.75rem, 3.3vw, 2.5rem); letter-spacing: -.035em; margin: .4rem 0 0; font-weight: 600; overflow-wrap: anywhere; }
.sample-label { color: var(--text-soft); font: .875rem/1.4 var(--mono); padding: .5rem .75rem; border: 1px solid var(--border); white-space: nowrap; }
.search-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--border); background: var(--surface); }
.search-stat { margin: 0; padding: 1.25rem; }
.search-stat + .search-stat { border-left: 1px solid var(--border); }
.search-stat dt { color: var(--text-soft); font-size: .875rem; }
.search-stat dd { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 550; letter-spacing: -.035em; line-height: 1.3; margin: .5rem 0; font-variant-numeric: tabular-nums; }
.search-stat p { color: var(--muted); font-size: .875rem; line-height: 1.5; margin: 0; }
.search-stat .stat-explanation { margin: 0; font-size: .875rem; line-height: 1.5; letter-spacing: 0; }
.request-distribution { padding: 1.125rem 1.25rem; border: 1px solid var(--border); border-top: 0; background: var(--surface); }
.distribution-labels { display: flex; justify-content: space-between; gap: 1rem; font-size: .875rem; color: var(--text-soft); flex-wrap: wrap; }
.distribution-labels strong { color: var(--text); font-weight: 600; }
.distribution-labels .third-party-label strong { color: var(--accent-strong); }
.distribution-bar { display: flex; width: 100%; height: .5rem; overflow: hidden; margin: .75rem 0 .625rem; background: var(--surface-raised); }
.distribution-first { background: #486871; }
.distribution-third { background: var(--accent); }
.distribution-note { color: var(--muted); font-size: .875rem; margin: 0; }
.premium-search-callout { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 1.5rem 0; padding: 1.375rem 1.5rem; border: 1px solid #28525c; border-left: 3px solid var(--accent); background: #0c1d23; }
.premium-search-callout h3 { margin: .375rem 0; font-size: 1.25rem; font-weight: 600; }
.premium-search-callout p { margin: 0; color: var(--text-soft); overflow-wrap: anywhere; }
.premium-search-callout .button { flex-shrink: 0; }
.session-heading { margin: 2rem 0 1rem; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.session-heading h3 { margin: 0; font-size: 1.25rem; font-weight: 600; }
.session-heading p { color: var(--muted); margin: 0; font-size: .875rem; }
.session-table-wrap { border: 1px solid var(--border); overflow-x: auto; background: var(--surface); }
.session-table { width: 100%; min-width: 860px; border-collapse: collapse; font-size: .875rem; font-variant-numeric: tabular-nums; }
.session-table th, .session-table td { text-align: right; padding: 1rem; white-space: nowrap; border-bottom: 1px solid var(--border); }
.session-table thead th { color: var(--text-soft); font-weight: 500; background: #0e1b20; font-size: .875rem; }
.session-table tbody th { font-weight: 500; color: var(--text-soft); }
.session-table th:first-child { text-align: left; }
.session-table tbody tr:last-child > * { border-bottom: 0; }
.session-table tbody tr:hover { background: var(--surface-soft); }
.session-table .third-party-cell { color: var(--accent-strong); }
.session-table .missing-value { color: var(--muted); }
.interest-tag { display: inline-flex; align-items: center; gap: .4rem; color: var(--text-soft); }
.interest-tag strong { font-weight: 500; color: var(--text); }
.connection-label { color: var(--text-soft); }
.result-context { margin-top: 1.25rem; color: var(--text-soft); font-size: .875rem; max-width: 860px; }
.result-context p { margin: .5rem 0; }
.result-context .response-time { color: var(--muted); }
.button.is-loading { opacity: .7; cursor: wait; }
.search-page [hidden] { display: none !important; }
@media (max-width: 800px) {
  .search-shell { padding-top: 2.25rem; }
  .search-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-stat:nth-child(3) { border-left: 0; }
  .search-stat:nth-child(n+3) { border-top: 1px solid var(--border); }
  .search-intro-grid { gap: 1.25rem; }
  .premium-search-callout { gap: 1rem; }
}
@media (max-width: 540px) {
  .search-shell { width: calc(100% - 2rem); padding-top: 1.75rem; }
  .search-eyebrow { gap: .5rem; font-size: .8125rem; }
  .search-heading h1 { font-size: 2rem; }
  .search-intro-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .results-heading { align-items: flex-start; flex-direction: column; }
  .search-stat { padding: 1rem; }
  .premium-search-callout { align-items: flex-start; flex-direction: column; padding: 1.125rem; }
  .premium-search-callout .button { width: 100%; }
  .search-empty { margin-top: 2rem; }
}

.intel-views { display:flex; flex-wrap:wrap; gap:.4rem; padding:1rem 0; border-top:1px solid var(--border); margin-bottom:1rem; }
.intel-views a { padding:.65rem .8rem; color:var(--text-soft); text-decoration:none; border:1px solid var(--border); border-radius:6px; font-size:.875rem; }
.intel-views a[aria-current] { color:var(--accent); background:var(--surface); border-color:var(--accent); }
.intel-views span { font-size:.65rem; color:var(--accent); margin-left:.4rem; text-transform:uppercase; }
.intel-unlocks { margin:2.5rem 0; }
.intel-unlocks h3 { font-size:1.5rem; margin:.5rem 0 1.25rem; }
.intel-lock-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.intel-lock { background:var(--surface); border:1px solid var(--border); padding:1.5rem; border-radius:8px; display:flex; flex-direction:column; align-items:flex-start; }
.intel-lock .sample-label { font-size:.75rem; white-space:normal; }
.intel-lock h4 { font-size:1.2rem; margin:1.25rem 0 .5rem; }
.intel-lock p { color:var(--text-soft); margin:0 0 1.5rem; flex:1; }
.intel-lock .button { font-size:.875rem; }
@media(max-width:650px) { .intel-lock-grid { grid-template-columns:1fr; } }
