/* Previously — Search page styles.
   The hero search pill is rendered by the shared module (/js/search.js +
   /css/search.css);this file styles the page chrome, chips, result cards,
   empty state, and trending. Tokens with hardcoded fallbacks. */

/* ---------- page base ---------- */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{
  margin:0;
  background:var(--pv-noir,var(--desert-bg));
  color:var(--pv-ivory,var(--desert-ink));
  font-family:var(--pv-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  font-size:17px; line-height:1.6;
}a{color:var(--pv-ivory,var(--desert-ink)); text-decoration:none}a:hover{color:var(--pv-red-ember,var(--brand-red-ember))}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role="button"]:focus-visible,video:focus-visible,audio:focus-visible{outline:2px solid var(--pv-red,var(--brand-red)); outline-offset:2px}img{max-width:100%}.pv-page{max-width:1280px; margin:0 auto; padding:48px 32px 72px}.pv-kicker{
  font-size:11px; font-weight:700; letter-spacing:.34em; text-transform:uppercase;
  color:var(--pv-red,var(--brand-red)); margin:0 0 14px;
}.pv-h1{
  font-family:var(--pv-serif,'Playfair Display',Georgia,serif);
  font-weight:700; letter-spacing:-.02em;
  font-size:clamp(34px,5vw,58px); line-height:1.08; margin:0 0 18px;
}.pv-h2{
  font-family:var(--pv-serif,'Playfair Display',Georgia,serif);
  font-size:clamp(24px,3vw,32px); margin:56px 0 14px; letter-spacing:-.01em;
}/* ---------- hero search mount ---------- */
.pv-search--hero{margin:28px 0 22px; max-width:760px}.pv-search--hero .pv-search__bar{font-size:18px; padding:14px 20px 14px 22px}.pv-search__noscript{color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62)); font-size:14.5px; margin:0}/* ---------- chips (section links + trending) ---------- */
.pv-chips{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:8px}.pv-chip{
  display:inline-flex; align-items:center; min-height:44px; padding:10px 20px;
  border-radius:999px; border:1px solid var(--pv-rule,rgba(var(--desert-ink-rgb), .12));
  background:var(--pv-noir-2,var(--desert-card)); color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62));
  font:inherit; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none;
}.pv-chip:hover{border-color:var(--pv-ivory,var(--desert-ink)); color:var(--pv-ivory,var(--desert-ink))}/* ---------- grouped results ---------- */
.pv-group{margin:26px 0 8px}.pv-group__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:14px}.pv-group__name{
  font-family:var(--pv-serif,'Playfair Display',Georgia,serif);
  font-size:22px; font-weight:700; margin:0;
}.pv-group__more{
  font-size:13.5px; color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62));
  text-decoration:underline; text-decoration-color:var(--pv-red,var(--brand-red)); text-underline-offset:3px;
  white-space:nowrap;
}.pv-result-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}.pv-result{
  display:flex; gap:14px; align-items:center;
  background:var(--pv-noir-2,var(--desert-card));
  border:1px solid var(--pv-rule,rgba(var(--desert-ink-rgb), .12)); border-radius:14px;
  padding:12px 14px 12px 12px; min-height:44px;
  transition:border-color .2s ease, transform .2s var(--pv-ease,cubic-bezier(.22,.8,.28,1));
}.pv-result:hover{border-color:rgba(var(--brand-red-rgb), .5); transform:translateY(-2px)}.pv-result__art{flex:0 0 52px; width:52px; height:52px; border-radius:16px; overflow:hidden}.pv-result__art--movies{background:linear-gradient(135deg,var(--desert-pressed),var(--color-info))}.pv-result__art--music{background:linear-gradient(135deg,var(--desert-accent-deep),var(--brand-red))}.pv-result__art--games{background:linear-gradient(135deg,var(--desert-pressed),var(--color-info))}.pv-result__art--sports{background:linear-gradient(135deg,var(--color-warn),var(--color-warn))}.pv-result__art--podcasts{background:linear-gradient(135deg,var(--desert-ink),var(--color-win))}.pv-result__art--creators{background:linear-gradient(135deg,var(--lg-pink),var(--lg-pink))}.pv-result__art--culture{background:linear-gradient(135deg,var(--desert-pressed),var(--lg-pink))}.pv-result__art--news{background:linear-gradient(135deg,var(--desert-accent-deep),var(--desert-accent))}.pv-result__art--upcoming{background:linear-gradient(135deg,var(--lg-pink),var(--lg-pink))}.pv-result__art--free{background:linear-gradient(135deg,var(--color-win),var(--color-win))}.pv-result__art--channels{background:linear-gradient(135deg,var(--lg-pink),var(--lg-pink))}.pv-result__art--sections{background:linear-gradient(135deg,var(--desert-pressed),var(--desert-pressed))}.pv-result__body{min-width:0}.pv-result__title{display:block; font-weight:600; font-size:15.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.pv-result__meta{display:block; color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62)); font-size:13px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.pv-result__tag{
  display:inline-block; margin-top:6px; font-size:10px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--pv-red-ember,var(--brand-red-ember));
}/* ---------- empty state ---------- */
.pv-empty{
  text-align:center; padding:56px 20px;
  border:1px dashed var(--pv-rule,rgba(var(--desert-ink-rgb), .12)); border-radius:16px; margin-top:24px;
}.pv-empty h2{font-family:var(--pv-serif,'Playfair Display',Georgia,serif); font-size:26px; margin:0 0 10px}.pv-empty p{color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62)); max-width:52ch; margin:0 auto}.pv-empty a{color:var(--pv-ivory,var(--desert-ink)); text-decoration:underline; text-decoration-color:var(--pv-red,var(--brand-red)); text-underline-offset:3px}/* ---------- trending ---------- */
.pv-trending{margin-top:64px}/* ---------- how-to-search + browse-by-section ---------- */
.pv-how{margin-top:56px}.pv-how .pv-prose, .pv-sections .pv-prose{max-width:72ch}.pv-how p, .pv-how ul{color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .78)); font-size:16px; line-height:1.65}.pv-how ul{padding-left:22px; margin:14px 0}.pv-how li{margin-bottom:10px}.pv-how strong{color:var(--pv-ivory,var(--desert-ink))}.pv-how a{color:var(--pv-ivory,var(--desert-ink)); text-decoration:underline; text-decoration-color:var(--pv-red,var(--brand-red)); text-underline-offset:3px}.pv-sections{margin-top:48px}.pv-section-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px}.pv-section-card{
  display:block; background:var(--pv-noir-2,var(--desert-card));
  border:1px solid var(--pv-rule,rgba(var(--desert-ink-rgb), .12)); border-radius:14px;
  padding:20px; transition:border-color .2s ease, transform .2s var(--pv-ease,cubic-bezier(.22,.8,.28,1));
}.pv-section-card:hover{border-color:rgba(var(--brand-red-rgb), .5); transform:translateY(-2px)}.pv-section-card h3{font-family:var(--pv-serif,'Playfair Display',Georgia,serif); font-size:19px; margin:0 0 8px}.pv-section-card p{margin:0; color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62)); font-size:14px; line-height:1.55}/* ---------- phone ---------- */
@media (max-width:1023px){
  .pv-page{padding:36px 20px 56px}
  .pv-result-grid{grid-template-columns:1fr 1fr}
  .pv-search--hero .pv-search__bar{font-size:16px; padding:12px 16px 12px 18px}
  .pv-section-grid{grid-template-columns:1fr 1fr}
}@media (max-width:560px){.pv-result-grid{grid-template-columns:1fr}.pv-section-grid{grid-template-columns:1fr}
}@media (prefers-reduced-motion:reduce){.pv-result{transition:none}
}/* ---------- recent searches dropdown (James 2026-10-02) ---------- */
.pv-recents{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:1;
  max-height:min(60vh, 420px);
  overflow:auto;
  margin:0;
  padding:6px;
  border-radius:18px;
  background:var(--pv-noir-2,var(--desert-card));
  border:1px solid rgba(var(--desert-pressed-rgb), .16);
  box-shadow:0 16px 48px rgba(var(--desert-shadow-rgb), .55);
}.pv-recents[hidden]{ display:none; }.pv-recents__head{
  padding:8px 12px 4px;
  font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
  color:rgba(var(--desert-pressed-rgb), .45);
}.pv-recent{
  display:flex; align-items:center; gap:12px;
  min-height:48px; padding:8px 12px;
  border-radius:12px; cursor:pointer;
  color:var(--pv-ivory,var(--desert-ink));
  transition:background-color .15s ease;
}.pv-recent:hover, .pv-recent--active{ background:rgba(var(--desert-pressed-rgb), .08); }.pv-recent__t{ font-size:15px; }.pv-recent__t::before{
  content:"\21BB"; /* clockwise arrow — "ran this before" */
  margin-right:10px; color:var(--pv-red,var(--brand-red)); font-size:13px;
}.pv-recents__clear{
  display:block; width:100%; margin-top:4px; padding:10px;
  background:none; border:0; border-radius:12px; cursor:pointer;
  color:rgba(var(--desert-pressed-rgb), .5); font:inherit; font-size:13px;
}.pv-recents__clear:hover{ color:var(--pv-ivory,var(--desert-ink)); background:rgba(var(--desert-pressed-rgb), .06); }/* ---------- did-you-mean (James 2026-10-02) ---------- */
.pv-didyoumean{ margin:18px auto 0; font-size:16px; color:rgba(var(--desert-ink-rgb), .75); }.pv-didyoumean__btn{
  background:none; border:0; padding:0; cursor:pointer;
  font:inherit; font-weight:700; color:var(--pv-ivory,var(--desert-ink));
  text-decoration:underline; text-decoration-color:var(--pv-red,var(--brand-red));
  text-underline-offset:3px;
}.pv-didyoumean__btn:hover{ color:var(--pv-red-ember,var(--brand-red-ember)); }/* ---------- editorial figure (batch fb8 2026-10-03) ---------- */
.pv-figure{ margin: 18px 0 8px; max-width: 72ch; }.pv-figure img{ display: block; width: 100%; height: auto; border-radius: var(--pv-r-card, 14px); border: 1px solid var(--pv-rule, rgba(var(--desert-card-rgb), .12)); }.pv-figure figcaption{ color: var(--pv-ivory-faint, var(--desert-ink-dim)); font-size: 13.5px; line-height: 1.55; padding: 10px 4px 0; }.pv-covers{ margin-top: 8px; }

/* Best match hero card — James 2026-10-07: exact title match featured above groups */
.pv-best-match {
  display: block;
  margin: 0 0 24px;
  padding: 20px 24px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(var(--brand-red-rgb), .12), rgba(var(--brand-red-rgb), .04));
  border: 1px solid rgba(var(--brand-red-rgb), .25);
  text-decoration: none;
  color: inherit;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pv-best-match:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(var(--brand-red-rgb), .15);
}
.pv-best-match__kicker {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--brand-red);
  margin-bottom: 6px;
}
.pv-best-match__title {
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 4px;
}
.pv-best-match__sub {
  display: block;
  font-size: 14px;
  opacity: .7;
}
/* Story full-text cards (James 2026-10-16): real hero thumbnails, wrapping
   headlines, and a snippet showing why the story matched. Token-driven so
   the black/silver/white conversion re-skins without rework. */
.pv-result--story{align-items:flex-start}
.pv-result__img{width:100%;height:100%;object-fit:cover;display:block}
.pv-result--story .pv-result__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv-result__snip{display:block;font-size:12.5px;line-height:1.5;color:var(--pv-ivory-dim,rgba(var(--desert-ink-rgb), .62));margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv-result__snip mark{background:rgba(var(--desert-ink-rgb), .10);color:inherit;font-weight:600;padding:0 1px;border-radius:2px}