.search-shell {
    position: relative;
    z-index: 1;
    max-width: 980px;
  }

  .search-page-top.is-empty {
    min-height: calc(100vh - 220px);
    display: flex;
    align-items: center;
  }

  .search-page-top {
    position: relative;
    isolation: isolate;
  }

  .search-page-top::before {
    content: "";
    position: absolute;
    inset: 6% 18% auto;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(249, 228, 122, 0.09), transparent 70%);
    filter: blur(30px);
    opacity: 0.85;
    z-index: -1;
  }

  .search-shell-centered {
    max-width: 760px;
  }

  .search-page-form-shell {
    border: 1px solid rgba(212, 168, 67, 0.3);
    border-radius: 999px;
    background: rgba(18, 12, 6, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 245, 192, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    overflow: hidden;
    isolation: isolate;
  }

  .search-page-form-shell::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 18%, rgba(255, 255, 255, 0.08) 50%, transparent 82%);
    transform: translateX(-130%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
  }

  [data-theme="light"] .search-page-form-shell {
    background: rgba(248, 243, 232, 0.88);
  }

  .search-page-form-shell:focus-within {
    border-color: var(--gold-2);
    box-shadow: 0 0 0 3px rgba(212, 168, 67, 0.1), var(--glow-sm);
  }

  .search-page-form-shell:hover::after,
  .search-page-form-shell:focus-within::after {
    animation: sheen-sweep 1.35s ease;
  }

  .search-page-input {
    min-height: 52px;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.05rem !important;
    position: relative;
    z-index: 1;
  }

  .search-page-input:focus {
    background: transparent !important;
    box-shadow: none !important;
  }

  .search-page-submit {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border: 1px solid rgba(212, 168, 67, 0.22);
    border-radius: 50%;
    background: rgba(212, 168, 67, 0.08);
    color: var(--gold-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  }

  .search-page-submit:hover {
    border-color: var(--gold-2);
    background: rgba(212, 168, 67, 0.16);
    box-shadow: var(--glow-sm);
  }

  .search-page-submit:focus-visible {
    outline: 2px solid var(--gold-2);
    outline-offset: 2px;
  }

  .search-page-form-center .search-page-input {
    min-height: 60px;
    font-size: 1.12rem !important;
    padding-inline: 24px 70px !important;
  }

  .search-page-form-center .search-page-submit {
    width: 42px;
    height: 42px;
    right: 9px;
  }

  .search-meta-line {
    color: var(--text-dim);
    font-size: 0.98rem;
  }

  .search-page-suggest-menu {
    position: static;
    margin-top: 10px;
  }

  .search-example-link {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(212, 168, 67, 0.18);
    background: rgba(212, 168, 67, 0.05);
    color: var(--text-dim);
    font-family: "Cinzel", serif;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform var(--motion-smooth), border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }

  .search-example-link:hover {
    color: var(--gold-1);
    border-color: rgba(212, 168, 67, 0.34);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  }

  .search-example-link.category-pill-inner-obstacles {
    border-color: rgba(166, 58, 41, 0.42);
    background: linear-gradient(180deg, rgba(54, 16, 12, 0.72), rgba(34, 10, 8, 0.82));
    color: #f08a73;
  }

  .search-example-link.category-pill-inner-strengths {
    border-color: rgba(66, 128, 120, 0.4);
    background: linear-gradient(180deg, rgba(18, 39, 41, 0.68), rgba(10, 28, 30, 0.82));
    color: #8ad5c3;
  }

  .search-example-link.category-pill-inner-obstacles:hover {
    color: #f6a08d;
    border-color: rgba(166, 58, 41, 0.56);
  }

  .search-example-link.category-pill-inner-strengths:hover {
    color: #a5e6d7;
    border-color: rgba(66, 128, 120, 0.5);
  }

  .search-result-card {
    border-radius: 18px;
    border: 1px solid rgba(212, 168, 67, 0.14);
    background: rgba(18, 11, 5, 0.68);
    box-shadow: var(--shadow-soft);
    position: relative;
    overflow: hidden;
  }

  [data-theme="light"] .search-result-card {
    background: rgba(255, 251, 244, 0.95);
  }

  .search-result-title {
    display: inline-block;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(1.45rem, 2vw, 1rem);
    color: var(--text);
    margin-bottom: 6px;
  }

  .search-result-title:hover {
    color: var(--gold-1);
  }

  .search-result-snippet {
    margin-bottom: 10px;
    color: var(--text-dim);
  }

  .search-result-meta-line {
    color: var(--text-dim);
    font-size: 0.93rem;
    line-height: 1.5;
  }

  .search-result-theme-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    vertical-align: middle;
  }

  .search-result-meta-label {
    color: var(--gold-3);
    font-family: "Cinzel", serif;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-right: 6px;
  }

  .search-result-item + .search-result-item {
    padding-top: 16px;
    border-top: 1px solid rgba(212, 168, 67, 0.14);
  }

  .search-result-item {
    transition: transform var(--motion-smooth);
  }

  .search-result-item:hover {
    transform: translateX(3px);
  }

  .search-empty {
    border-radius: 18px;
    border: 1px solid rgba(212, 168, 67, 0.14);
    background: rgba(212, 168, 67, 0.05);
    color: var(--text-dim);
  }

  .search-landing-kicker {
    display: inline-block;
    margin-bottom: 12px;
    font-family: "Cinzel", serif;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold-3);
  }

  .search-landing-copy {
    max-width: 680px;
    margin: 0 auto 22px;
    color: var(--text-dim);
    font-size: 1.05rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    .search-shell-centered > * {
      animation: rise-soft 0.7s ease both;
    }

    .search-shell-centered > *:nth-child(2) {
      animation-delay: 0.08s;
    }

    .search-shell-centered > *:nth-child(3) {
      animation-delay: 0.16s;
    }
  }

  @media (max-width: 991.98px) {
    .search-page-top.is-empty {
      min-height: calc(100vh - 180px);
    }

    .search-page-input {
      min-height: 48px;
    }
  }