/* Extends the existing white landing page. The search examples are authored study material. */
.search-section{padding-top:92px;padding-bottom:94px;--search-muted:#666860}
.search-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:38px}
.search-intro h2{font-size:clamp(36px,4.25vw,56px);font-weight:550;letter-spacing:-.035em;line-height:1.08}
.search-intro h2 span{color:#777970}
.search-intro>p{font-size:15px;line-height:1.8;max-width:385px;color:var(--search-muted)}
.search-example-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.search-example-controls [role=tablist]{display:flex;gap:7px;flex-wrap:wrap}
.search-example-controls [role=tab]{padding:10px 16px;border-radius:8px;border:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--search-muted);transition:background .2s,color .2s}
.search-example-controls [role=tab]:hover{background:var(--soft);color:var(--ink)}
.search-example-controls [role=tab][aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.search-stage{padding:32px 16px;background:#f4f4f2;border-radius:16px;overflow:hidden}
.search-demo-frame{display:block;width:100%;border:0;background:transparent;min-height:230px}
.search-demo-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:14px;font-size:12px;color:var(--search-muted)}
.search-demo-caption small{font-size:10px;white-space:nowrap}
.search-demo-caption p{color:var(--search-muted)}
.search-explanation{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:38px}
.search-explanation h3{font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.015em;margin-bottom:9px}
.search-explanation p{font-size:13px;line-height:1.8;max-width:475px;color:var(--search-muted)}
@media(max-width:1000px){.search-intro{gap:38px}.search-explanation{gap:38px}}
@media(max-width:700px){.search-section{padding-block:64px}.search-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.search-intro h2{font-size:38px}.search-intro>p{font-size:14px;max-width:450px}.search-stage{padding:16px 0}.search-example-controls{gap:2px}.search-example-controls [role=tab]{padding:10px 12px;font-size:11px}.search-demo-caption{flex-direction:column;gap:5px;font-size:11px}.search-explanation{grid-template-columns:1fr;gap:25px;margin-top:29px}.search-explanation p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.search-section *{transition:none!important;animation:none!important}}