/* Public site search (site-design SD-65): the header Search button and the Ctrl/Cmd+K palette. Colours come from the site's tokens. */
.ss-trigger{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;margin-right:.6rem;padding:.4em .85em;border:1.5px solid var(--line);border-radius:999px;
  background:var(--paper);color:var(--ink);font:600 .92rem var(--body);cursor:pointer;white-space:nowrap;flex:0 0 auto}
.ss-trigger:hover{border-color:var(--brand-600);color:var(--brand-600)}
.ss-trigger:focus-visible,.ss-drawer:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
.ss-ico{flex:0 0 auto}
.ss-kbd{display:inline-block;padding:.05em .45em;border:1px solid var(--line);border-radius:6px;background:var(--mist);color:var(--slate);font:600 .72rem var(--mono)}
.ss-drawer{display:none;width:100%;margin:0 0 .5rem;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--mist);
  color:var(--ink);font:600 .95rem var(--body);text-align:left;cursor:pointer}
.ss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:1499px){.ss-kbd{display:none}.ss-kbd.ss-esc{display:inline-block}}
@media (max-width:1399px){
  .ss-word{display:none}
  .ss-trigger{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}
}
@media (max-width:1180px){.ss-drawer{display:block}}

html.ss-open{overflow:hidden}
.ss-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:12vh 12px 12px;
  background:rgba(11,27,43,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ss-backdrop[hidden]{display:none}
.ss-panel{display:flex;flex-direction:column;width:min(640px,calc(100% - 24px));max-height:70vh;overflow:hidden;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);animation:ss-in .16s ease-out}
.ss-row-in{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.ss-row-in svg{flex:0 0 auto;color:var(--slate)}
.ss-input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:500 1rem var(--body);-webkit-appearance:none;appearance:none}
.ss-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.ss-list{margin:0;padding:.4rem;overflow-y:auto;list-style:none;flex:1 1 auto}
.ss-group{padding:.7rem .7rem .25rem;color:var(--slate);font:700 .7rem var(--body);letter-spacing:.08em;text-transform:uppercase}
.ss-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;
  animation:ss-up .22s ease-out both;animation-delay:var(--ss-d,0ms)}
.ss-item svg{flex:0 0 auto;color:var(--slate)}
.ss-title{flex:1 1 auto;min-width:0;font-weight:700}
.ss-meta{color:var(--slate);font-size:.82rem}
.ss-go{opacity:0;color:var(--slate)}
.ss-item[aria-selected="true"],.ss-item:hover{background:color-mix(in srgb,var(--brand-600) 9%,var(--paper))}
.ss-item[aria-selected="true"] svg:first-child,.ss-item:hover svg:first-child{color:var(--brand-600)}
.ss-item[aria-selected="true"] .ss-go,.ss-item:hover .ss-go{opacity:1}
.ss-empty{padding:2rem 1rem;text-align:center;color:var(--slate)}
.ss-empty svg{display:block;margin:0 auto .5rem}
.ss-foot{display:flex;gap:1rem;padding:.55rem 1rem;border-top:1px solid var(--line);color:var(--slate);font-size:.78rem}
@media (max-width:640px){
  .ss-backdrop{padding:8px 12px}
  .ss-panel{max-height:calc(100% - 16px)}
  .ss-foot{display:none}
}
@keyframes ss-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes ss-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-panel,.ss-item{animation:none}}