body { background:var(--paper-0); color:var(--ink-0); }
.search-shell { padding-block:var(--space-7) var(--space-9); }
.search-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0; border-block:2px solid var(--ink-0); padding-block:var(--space-4); }
.search-form input { border:0; background:transparent; color:var(--ink-0); font:inherit; font-size:clamp(1.5rem,4vw,3.8rem); font-weight:800; outline:0; min-inline-size:0; }
.search-form button { border:0; background:var(--brand-signal); color:#17191d; padding-inline:var(--space-5); font:inherit; font-weight:900; cursor:pointer; }
.search-meta { display:flex; gap:.5rem; align-items:baseline; padding-block:var(--space-5); color:var(--ink-2); }
.search-meta strong { color:var(--brand-oxide); font-size:var(--text-xl); }
.search-results { border-block-start:1px solid var(--ink-0); }
.search-result { display:grid; grid-template-columns:minmax(0,1fr) minmax(10rem,18rem); gap:var(--space-5); padding-block:var(--space-5); border-block-end:1px solid var(--line); }
.search-result__media { grid-column:2; grid-row:1; overflow:hidden; aspect-ratio:16/10; }
.search-result__media img { inline-size:100%; block-size:100%; object-fit:cover; }
.search-result>div { grid-column:1; grid-row:1; }
.search-result h2 { max-width:24ch; margin:.4rem 0; font-size:clamp(1.35rem,2.5vw,2.4rem); line-height:1.15; }
.search-result p { max-width:54rem; margin:0; color:var(--ink-2); line-height:1.7; }
.search-empty { padding-block:var(--space-8); text-align:center; color:var(--ink-2); }
@media(max-width:650px){
 .search-shell{width:min(calc(100% - 1.2rem),var(--content-max))}
 .search-form{grid-template-columns:1fr}
 .search-form button{min-height:3rem;margin-block-start:var(--space-3)}
 .search-result{grid-template-columns:1fr}
 .search-result__media,.search-result>div{grid-column:1}
 .search-result__media{grid-row:1}
 .search-result>div{grid-row:2}
}