.hero{padding: 28px;border: 1px solid var(--line);background: linear-gradient(140deg,#152131,#182532 58%,#1d3043);border-radius: 18px;box-shadow: var(--card-shadow)} .search-panel{border: 1px solid var(--line);border-radius: 14px;background: linear-gradient(160deg,#172434,#131d2b);padding: 18px;box-shadow: 0 12px 28px rgba(5,11,19,0.32)} .site-home .hero-home{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(310px,0.65fr);align-items: stretch;gap: clamp(var(--space-5),4vw,var(--space-7));padding: clamp(var(--space-5),4vw,var(--space-7));border-color: var(--color-line);background: var(--color-surface);box-shadow: none} .home-search-workspace{min-width: 0} .home-hero-copy h1{max-width: 16ch;margin: 0;font-size: clamp(2.4rem,5vw,4.8rem);line-height: 1;letter-spacing: -0.045em} .home-hero-copy>.muted{max-width: 62ch;margin: var(--space-4) 0 0;font-size: clamp(1rem,1.4vw,1.2rem);color: var(--color-muted)} .home-hero-search{max-width: 820px;margin-top: var(--space-5);padding: var(--space-3);border-color: var(--color-line);border-radius: var(--radius-raised);background: var(--color-page);box-shadow: none} .home-hero-search .search-row:first-child{grid-template-columns: minmax(0,1fr) auto} .home-hero-search input[type="search"]{min-height: 52px;font-size: 1rem} .home-hero-search button{min-width: 110px;font-weight: 800;color: #0d1217} .home-hero-search #home-search-meta{margin: var(--space-2) 0 0;font-size: 1rem} .home-hero-search .home-all-search-link{margin-top: var(--space-2)} .home-proof-bar{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-5);margin: var(--space-3) 0 var(--space-5);padding: var(--space-3) var(--space-4);border-block: 1px solid var(--color-line)} .home-proof-bar span{display: inline-flex;align-items: center;gap: var(--space-1);color: var(--color-muted);font-size: 0.9375rem} .home-proof-bar strong{color: #f1f6fb} .home-card-results{display: grid;gap: 10px} .home-card-results:not(:empty){margin-top: var(--space-2)} .home-card-result{display: grid;grid-template-columns: 58px minmax(0,1fr);gap: 12px;align-items: center;padding: 10px;border: 1px solid var(--color-line);border-radius: var(--radius-control);background: var(--color-surface);color: #dce7f1;text-decoration: none;transition: border-color 160ms ease,transform 160ms ease,background 160ms ease} .home-card-result:hover,.home-card-result:focus-visible{border-color: var(--color-interactive);background: #18232c;transform: none} .home-card-result-media{display: block;overflow: hidden;width: 58px;aspect-ratio: 0.715;border: 1px solid rgba(111,172,216,0.34);border-radius: 10px;background: #101a28} .home-card-result-media img{display: block;width: 100%;height: 100%;object-fit: cover} .home-card-result-body{display: grid;gap: 3px;min-width: 0} .home-card-result-body strong,.home-card-result-body small,.home-card-result-body em{overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .home-card-result-body strong{color: #eef6fc;font-size: 1.03rem} .home-card-result-body small,.home-card-result-body em{color: #a8bdd2;font-style: normal} .home-card-result-flags{display: flex;flex-wrap: wrap;gap: 5px;margin-top: 4px} .home-card-result-flags span{border: 1px solid rgba(82,205,246,0.36);border-radius: 999px;padding: 2px 7px;background: rgba(82,205,246,0.12);color: #bcecff;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.02em} .home-search-example{display: grid;grid-template-columns: 1fr auto;gap: 2px var(--space-3);align-items: center;margin-top: var(--space-2);padding: var(--space-3);border-top: 1px solid var(--color-line);color: var(--color-text);text-decoration: none} .home-search-example-label,.home-search-example small{grid-column: 1;color: var(--color-muted);font-size: 0.875rem} .home-search-example-label{color: var(--color-interactive);font-weight: 600} .home-search-example>span:last-child{grid-column: 2;grid-row: 1 / span 3;color: var(--color-interactive);font-size: 1.4rem} .home-source-coverage{display: flex;flex-direction: column;padding: var(--space-5) 0 var(--space-4) var(--space-5)} .home-source-coverage h2{margin: 0 0 var(--space-3);font-size: clamp(1.45rem,2vw,2rem);line-height: 1.2} .home-source-coverage>p:not(.eyebrow){color: var(--color-muted)} .home-source-links{display: grid;gap: var(--space-2);margin: var(--space-5) 0} .home-source-links a{display: grid;grid-template-columns: 76px 1fr auto;align-items: center;gap: var(--space-3);min-height: 52px;padding: var(--space-2) var(--space-3);border-radius: var(--radius-control);background: var(--color-page);color: var(--color-text);text-decoration: none} .home-source-links a:hover,.home-source-links a:focus-visible{background: #1a2a38} .home-source-links strong{color: var(--color-verified)} .home-source-coverage .home-source-note{margin-top: auto;margin-bottom: 0;font-size: 0.875rem} .site-home .content-section{padding: var(--space-4) 0 0;border-width: 1px 0 0;border-radius: 0;background: transparent} .site-home .content-section>h2{font-size: 1.375rem;margin-bottom: 12px;font-family:"Literata",serif} .site-home .reference-index-card h3{font-size: 1.0625rem} .site-home .reference-index-card-body>p{font-size: 1rem} .site-home .reference-index-card-meta{font-size: 0.875rem} @media (max-width: 680px){.hero{padding: 18px;border-radius: 14px} .site-home .hero-home{grid-template-columns: 1fr;gap: 18px;min-height: auto;padding: 18px} .home-hero-copy h1{max-width: 15ch;font-size: clamp(2.05rem,10vw,2.8rem)} .home-hero-copy>.muted{margin-top: 14px;font-size: 0.98rem} .home-hero-search{margin-top: 18px;padding: 10px} .home-hero-search button{min-width: 88px} .home-proof-bar{gap: var(--space-2) var(--space-4);padding-inline: var(--space-2)} .home-proof-bar span{font-size: 0.875rem} .home-source-coverage{padding: var(--space-4) 0 0} .home-card-result{grid-template-columns: 72px minmax(0,1fr);gap: 12px;min-height: 112px;padding: 12px} .home-card-result-media{width: 72px} .home-card-result-body :is(strong,small,em){white-space: normal;overflow: visible;text-overflow: clip;overflow-wrap: anywhere} .home-card-result-body strong{line-height: 1.35} .home-card-result-body :is(small,em){font-size: 0.9rem;line-height: 1.4}}
