@charset "UTF-8";/*!* Search surface — The Count Bar.
*
* The field sits in a sheet header; a hairline bar under it reads the result
* set and offers the way out; results render as the homepage card grid.
* Before a query the page shows nothing but the field.
*
* Loaded alongside `article.scss`, which supplies the tokens, the rail, the
* sheet and the footer.*//*!* Canon surface tokens — shared by the migrated surfaces (homepage, article).
* Import into a surface stylesheet and include the mixins on that surface's
* scope element, so the palette, ramp and elevation have one source of truth.*/.search-surface .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.search-surface .sheet--card{background:var(--h-sheet);border-radius:var(--h-r-panel);box-shadow:var(--h-e1);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease}.search-surface .sheet--card:hover{box-shadow:var(--h-e2)}.search-surface .card-cover{display:block;height:108px;background:var(--h-fill);flex-shrink:0}.search-surface .card-cover img{width:100%;height:100%;object-fit:cover;display:block}.search-surface .card-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.search-surface .card-title{font-size:16px;font-weight:600;line-height:1.32;letter-spacing:-.012em;margin:0}.search-surface .card-title a{color:var(--h-ink)}.search-surface .card-title a:hover,.search-surface .card-title a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.search-surface .card-standfirst{font-family:var(--h-prose);font-size:13px;line-height:1.5;color:var(--h-ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-surface .chip{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--h-accent-ink);background:var(--h-accent);padding:4px 10px;border-radius:6px;transition:filter .15s ease}.search-surface .chip:hover,.search-surface .chip:focus-visible{filter:brightness(1.08)}.search-surface .meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--h-ink-3);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:6px}.search-surface .meta-sep{color:var(--h-line-strong)}.search-surface .search-panel{background:var(--h-sheet);border-radius:var(--h-r-panel);box-shadow:var(--h-e1);overflow:hidden}.search-surface .search-form{padding:20px 24px}.search-surface .search-form p{position:relative;margin:0}.search-surface .search-form label{position:absolute;top:9px;inset-inline-start:13px;font-family:var(--h-font);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--h-ink-3);pointer-events:none}.search-surface .search-form input{font-family:var(--h-font);font-size:15px;padding:26px 44px 10px 13px;border:1px solid var(--h-line);border-radius:var(--h-r-control);background:var(--h-sheet);color:var(--h-ink);width:100%;box-shadow:none;transition:border-color .15s ease}.search-surface .search-form input:hover{border-color:var(--h-line-strong)}.search-surface .search-form input:focus{outline:2px solid var(--h-accent);outline-offset:2px;border-color:var(--h-accent)}.search-surface .search-form input::placeholder{color:var(--h-ink-3);opacity:1}.search-surface .search-form button{position:absolute;inset-inline-end:6px;bottom:6px;top:auto;height:28px;width:28px;padding:0;border:0;border-radius:6px;background:0 0;display:grid;place-items:center;cursor:pointer}.search-surface .search-form button svg{width:15px;height:15px;color:var(--h-ink-3);stroke-width:1.8;transition:color .15s ease}.search-surface .search-form button:hover svg,.search-surface .search-form button:focus-visible svg{color:var(--h-accent)}.search-surface .search-countbar{display:none;align-items:center;justify-content:space-between;gap:12px;margin:0 24px;padding:10px 0;border-top:1px solid var(--h-ink);border-bottom:1px solid var(--h-line)}.search-active .search-surface .search-countbar{display:flex}.search-surface .search-result--title{font-family:var(--h-font);font-size:12px;font-weight:400;color:var(--h-ink-3);margin:0;font-variant-numeric:tabular-nums}.search-surface .search-clear{font-family:var(--h-font);font-size:12px;font-weight:500;color:var(--h-accent);background:0 0;border:0;padding:0;cursor:pointer;transition:color .15s ease}.search-surface .search-clear:hover,.search-surface .search-clear:focus-visible{color:var(--h-ink);text-decoration:underline}.search-surface .search-result{margin-top:22px}.search-surface .search-result--list:empty{display:none}.search-surface mark{background:var(--h-accent-soft);color:var(--h-ink);padding:0 2px}.search-surface .card-title mark{background:0 0;color:var(--h-accent);padding:0}.search-surface .card-standfirst{display:block;-webkit-line-clamp:none;overflow:visible}@media(max-width:767px){.search-surface .search-form{padding:16px 20px}.search-surface .search-countbar{margin:0 20px}.search-surface .card-grid{grid-template-columns:minmax(0,1fr);gap:18px}.search-surface .card-cover{height:150px}}