.site-search-strip{background:#eef7fa;border-bottom:1px solid #cadfe5;color:#16465a;font-family:'DM Sans',sans-serif;padding:12px 28px}.site-search-strip form{max-width:1180px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px}.site-search-strip label{font-size:14px;font-weight:600}.site-search-controls{display:flex;width:min(100%,480px);gap:0}.site-search-controls input{width:100%;min-width:0;min-height:44px;border:1px solid #8bb0bf;border-radius:6px 0 0 6px;padding:10px 12px;background:white;color:#16465a;font:inherit;font-size:16px}.site-search-controls button{border:1px solid #176c9d;border-radius:0 6px 6px 0;background:#176c9d;color:white;font:inherit;font-weight:600;padding:10px 18px;min-height:44px;cursor:pointer}.site-search-controls input:focus-visible,.site-search-controls button:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}.site-search-page{max-width:980px;padding:48px 24px 72px;margin:auto;color:#16465a;font-family:'DM Sans',sans-serif}.site-search-page h1{font-family:Manrope,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.2;font-weight:700;margin:0 0 18px}.site-search-page p{font-size:1rem;line-height:1.7}.site-search-page .site-search-controls{width:100%;margin:24px 0}.search-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.search-filters a{font-size:14px;padding:9px 14px;border:1px solid #aecad4;border-radius:5px;text-decoration:none}.search-filters a[aria-current=page]{background:#176c9d;color:#fff;border-color:#176c9d}.search-results{list-style:none;margin:24px 0;padding:0}.search-results li{padding:24px 0;border-top:1px solid #cadfe5}.search-results h2{font-size:1.3rem;font-weight:700;line-height:1.4;margin:8px 0}.search-results h2 a{text-decoration:underline;text-underline-offset:3px}.search-results small{font-size:14px;color:#476b7a}.search-results p{margin:10px 0;overflow-wrap:anywhere}.search-empty{background:#eef7fa;border-radius:8px;padding:24px}.search-empty a{font-weight:600;text-decoration:underline}.search-error{padding:16px;border-left:4px solid #d89415;background:#fff8df}.search-suggestions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.search-suggestions a{color:#176c9d;text-decoration:underline}.search-results a:focus-visible,.search-filters a:focus-visible{outline:3px solid #ffcc00;outline-offset:3px}@media(max-width:650px){.site-search-strip{padding:12px 18px}.site-search-strip form{display:block}.site-search-strip label{display:block;margin-bottom:6px}.site-search-controls{width:100%}.site-search-page{padding:32px 20px 56px}}

/* Search belongs to the header, without a separate empty row. */
.header-search{position:relative;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;font-family:'DM Sans',sans-serif;z-index:40}
.header-search>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cadfe5;border-radius:50%;color:#16465a;background:#fff;cursor:pointer}
.header-search>summary::-webkit-details-marker{display:none}
.header-search>summary:hover,.header-search[open]>summary{background:#edf6f8;border-color:#76a7b8}
.header-search>summary:focus-visible{outline:3px solid #ffcc00;outline-offset:3px}
.header-search svg{width:20px;height:20px;flex-shrink:0}
.header-search-panel{position:absolute;right:0;top:calc(100% + 12px);width:350px;max-width:calc(100vw - 36px);padding:18px;border:1px solid #cadfe5;border-radius:12px;background:#fff;box-shadow:0 12px 32px #16465a20;color:#16465a}
.header-search-panel form{display:block;width:100%;max-width:none;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.header-search-panel label{display:block;font-size:14px;font-weight:700;margin:0 0 10px}
.header-search-panel .site-search-controls{display:flex;width:100%;margin:0}
.header-search-panel input{margin:0;min-width:0;height:44px;padding:10px;font-size:16px;box-shadow:none}
.header-search-panel button{display:grid;place-items:center;margin:0;padding:10px;min-width:44px;height:44px;box-shadow:none}
.mates-header .mates-header-tools{gap:12px;margin-left:0}
.topbar>.header-search{margin-left:-12px}
@media(max-width:980px){.topbar{gap:14px}.topbar>.menu-button{margin-left:auto}.topbar>.header-search{margin-left:0}}
@media(max-width:700px){.mates-header .mates-header-tools{gap:8px}.mates-header .header-search-panel{right:-52px}.topbar .brand img{max-width:180px}.header-search-panel{width:320px}}