/* T23 Search results - page layout only; visual tokens come from css/v2 */
.sr [hidden] { display: none !important; }
.sr-top { background: var(--bg-subtle); border-bottom: var(--stroke); padding: 40px 0 32px; }
.sr-bar { padding: 8px 8px 8px 24px; }
.sr-bar__icon { font-size: 22px; color: var(--text-muted); }
.sr-bar input { font-size: clamp(17px, 1rem + .5vw, 22px); }
.sr-bar input::-webkit-search-cancel-button { cursor: pointer; }
.sr-tabs { margin-top: 20px; }
.sr-tabs .psb-pill { font-size: 15px; padding: 9px 16px; }
.sr-tabs .psb-pill[aria-pressed="false"] { background: var(--cream-0); }

.sr-body { padding-block: 48px 72px; }
.sr-main { display: grid; gap: 16px; align-content: start; min-width: 0; }
.sr-status { font-size: var(--fs-body-s); color: var(--text-secondary); }
.sr-status:focus { outline: none; }
.sr-status b { color: var(--text-primary); }

.sr-best { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 20px 24px; background: var(--sky-300); border: 2px solid var(--ink-900); border-radius: var(--radius-card); box-shadow: 6px 6px 0 0 var(--ink-900); color: var(--ink-900) !important; text-decoration: none; }
.sr-best:hover .sr-best__cta { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 0 var(--ink-900); }
.sr-best__disc { display: grid; place-items: center; width: 96px; height: 96px; border: 2px solid var(--ink-900); border-radius: 50%; background: var(--cream-0); }
.sr-best__disc svg { width: 60%; }
.sr-best__disc img.psb-illo { width: 72%; height: auto; }
.sr-best__body { display: grid; gap: 2px; }
.sr-best__kicker { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.sr-best__name { font: 400 clamp(26px, 1.2rem + 1.4vw, 36px)/1.1 var(--font-display); }
.sr-best__meta { color: var(--ink-700); font-size: 15px; }
.sr-best__cta { --border-ink: var(--ink-900); white-space: nowrap; }

.sr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.sr-hit { display: grid; gap: 6px; padding: 20px 24px; background: var(--bg-surface); border: var(--stroke); border-radius: var(--radius-row); color: var(--text-primary) !important; text-decoration: none; transition: transform 120ms var(--ease-spring), box-shadow 120ms var(--ease-spring); }
.sr-hit:hover { transform: translate(-2px, -2px); box-shadow: var(--shadow-row); }
.sr-hit__type { font: 500 12px/1.3 var(--font-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--accent); }
.sr-hit__legacy { color: var(--text-muted); text-transform: none; letter-spacing: 0; }
.sr-hit__title { font: 700 19px/1.35 var(--font-body); }
.sr-hit:hover .sr-hit__title { text-decoration: underline; }
.sr-hit__snip { font-size: 15px; color: var(--text-secondary); }
.sr-hit__url { font: 400 12px/1.4 var(--font-mono); color: var(--text-brand); overflow-wrap: anywhere; }
.sr mark { background: var(--butter-100); color: inherit; padding: 0 2px; border-radius: 3px; }
:root[data-theme="dark"] .sr mark { background: var(--pine-500); }

.sr-products { display: grid; gap: 16px; }
.sr-pager { margin-top: 8px; }
.sr-pager a { min-width: 44px; text-align: center; }
.sr-pager__gap { display: block; padding: 8px 10px; font-weight: 700; color: var(--text-muted); }

.sr-empty { gap: 16px; }
.sr-empty__h { font-size: var(--fs-h3) !important; }
.sr-suggest { list-style: none; margin: 0; padding: 0; }
.sr-empty__links { max-width: 420px; }

.sr-side { display: grid; gap: 14px; }
.sr-side .psb-grid { --cols: 1 !important; }
.sr-side .psb-disclosure { font-size: 12px; padding: 8px 12px; }
.sr-side__all { justify-self: start; font-weight: 700; color: var(--text-primary); }

@media (max-width: 700px) {
  .sr-top { padding: 24px 0; }
  .sr-bar { padding-left: 16px; gap: 8px; }
  .sr-bar .psb-btn { padding: 11px 16px; }
  .sr-tabs { flex-wrap: nowrap; overflow-x: auto; padding: 2px 2px 8px; margin-inline: -2px; scrollbar-width: thin; }
  .sr-tabs .psb-pill { flex: none; }
  .sr-best { grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 16px; }
  .sr-best__disc { width: 64px; height: 64px; }
  .sr-best__cta { grid-column: 1 / -1; justify-self: start; }
  .sr-hit { padding: 16px 18px; }
}
.sr .psb-card__title { font: 700 19px/1.32 var(--font-body); }

/* S4-B restricted topic + "did you mean" (Figma 05b "S4 · Search") */
.sr-restricted { grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 24px; padding: 28px; }
.sr-restricted[hidden] { display: none; }
.sr-restricted p { color: var(--text-secondary); }
.sr-restricted__help { font-size: var(--fs-body-s); }
.sr-didyou { font-size: var(--fs-body-l); color: var(--text-secondary); }
.sr-didyou a { font-weight: 700; }
@media (max-width: 600px) { .sr-restricted { grid-template-columns: 1fr; padding: 20px; } .sr-restricted img { width: 64px; height: 64px; } }