:root{--search-ivory:#f3efe5;--search-ink:#1d2228;--search-blue:#8db9e8;--search-line:rgba(29,34,40,.22)}
.advice-search{background:var(--search-ivory);border-top:1px solid var(--search-line);border-bottom:1px solid var(--search-line);padding:42px 0 46px}
.advice-search-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:24px}
.advice-search-index{color:var(--search-blue);font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;padding-top:5px}
.advice-search-kicker{margin:0 0 5px;color:#5b6269;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.advice-search h2{margin:0;max-width:780px;font-size:clamp(25px,3vw,40px);line-height:1.04;font-weight:500;letter-spacing:-.025em}
.advice-search-form{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:64px;border:1px solid var(--search-ink);background:rgba(255,255,255,.16);box-shadow:5px 5px 0 var(--search-blue)}
.advice-search-icon{width:21px;height:21px;margin-left:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.advice-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--search-ink);font-family:inherit;font-size:16px;font-weight:500;line-height:1.35;padding:18px 14px}
.advice-search-form input::placeholder{color:#73787d;opacity:1}
.advice-search-clear{border:0;border-left:1px solid var(--search-line);align-self:stretch;background:transparent;color:var(--search-ink);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;padding:0 18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease}
.advice-search.has-query .advice-search-clear{opacity:1;pointer-events:auto}
.advice-search-clear:hover,.advice-search-clear:focus-visible{background:var(--search-blue);outline:0}
.advice-search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.advice-search-suggestions button{border:1px solid var(--search-line);background:transparent;color:var(--search-ink);padding:8px 12px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.advice-search-suggestions button:hover,.advice-search-suggestions button:focus-visible{border-color:var(--search-blue);background:rgba(141,185,232,.16);outline:0}
.advice-search-status{margin:16px 0 0;color:#5b6269;font-size:13px}
.advice-search-status [data-result-count]{color:var(--search-ink);font-weight:700}
.advice-search-empty{margin:28px 0 0;padding:22px;border-left:3px solid var(--search-blue);background:rgba(255,255,255,.26)}
.advice-search-empty strong{font-size:18px}.advice-search-empty p{margin:6px 0 0;color:#5b6269}
.advice-card[hidden],.advice-section-label[hidden],.advice-grid[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.advice-search{padding:30px 0 34px}.advice-search-heading{grid-template-columns:30px 1fr;gap:10px;margin-bottom:18px}.advice-search-form{grid-template-columns:31px minmax(0,1fr);min-height:58px;box-shadow:4px 4px 0 var(--search-blue)}.advice-search-icon{width:18px;height:18px;margin-left:12px}.advice-search-form input{font-size:15px;padding:16px 10px}.advice-search-clear{grid-column:1/-1;border-left:0;border-top:1px solid var(--search-line);height:0;padding:0;overflow:hidden}.advice-search.has-query .advice-search-clear{height:36px}.advice-search-suggestions{gap:6px}.advice-search-suggestions button{padding:7px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.advice-search-clear{transition:none}}
