/*
 * Apple design layer: the global search dialog (ss-*), root dialog.ss.neo-apple, with literal ::backdrop colours.
 * Created empty by P0-foundation and linked from base_external.html; filled by B3-search.
 * Tokens come from apple-base.css (.neo-apple). Never use :root, html or body here,
 * and always write -webkit-backdrop-filter with literal values.
 */
.ss{margin:0;padding:0;border:0;width:100%;max-width:none;max-height:none;inset:0 0 auto 0;background:var(--bg-nav);color:var(--fg);font:400 17px/1.4706 var(--font);letter-spacing:0;box-shadow:0 1px 0 var(--keyline)}
.ss::backdrop{background:rgba(232,232,237,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.ss h2,.ss p,.ss ul,.ss li,.ss form{margin:0;padding:0}
.ss ul{list-style:none}
.ss-inner{position:relative;max-width:1024px;margin:0 auto;padding:40px 22px 64px}
.ss-form{display:flex;align-items:center;gap:12px;padding-right:56px}
.ss-glyph{display:block;flex:0 0 auto;color:var(--fg-2)}
.ss-input{flex:1;min-width:0;height:auto;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font:600 24px/1.1667 var(--font);letter-spacing:var(--tr-m);color:var(--fg);-webkit-appearance:none;appearance:none}
.ss-input::placeholder{color:var(--fg-2);opacity:1}
.ss-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ss-input:focus,.ss-input:focus-visible{outline:none;box-shadow:none}
.ss-form:focus-within{box-shadow:0 2px 0 var(--action)}
.ss-quick{margin-top:40px}
.ss-quick__label{font-size:12px;line-height:1.3334;letter-spacing:var(--tr-s);color:var(--fg-2);margin-bottom:12px}
.ss-quick li{margin-bottom:10px}
.ss-quick a{font-size:12px;line-height:1.3334;font-weight:600;letter-spacing:var(--tr-s);color:var(--gn-item);text-decoration:none}
.ss-quick a:hover{color:#000;text-decoration:underline;text-underline-offset:.18em}
.ss-close{position:absolute;top:30px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--fg-2);cursor:pointer}
.ss-close:hover{color:var(--fg)}
.ss-close svg{display:block}

@media (max-width:1068px){
  .ss{height:100dvh}
  .ss-inner{padding:24px 16px 40px}
  .ss-close{top:14px;right:4px}
  .ss-quick a{display:inline-flex;align-items:center;gap:.3em;min-height:44px;font-size:17px;line-height:1.2353;letter-spacing:0}
  .ss-quick li{margin-bottom:0}
}
@media (max-width:734px){
  .ss-input{font-size:21px;line-height:1.1905;letter-spacing:0}
}

@supports not (backdrop-filter:blur(1px)){
  .ss::backdrop{background:rgba(232,232,237,.86)}
}
@media (prefers-reduced-transparency:reduce){
  .ss::backdrop{background:rgba(232,232,237,.92);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast:more){
  .ss{box-shadow:0 1px 0 #1d1d1f}
  .ss-form:focus-within{box-shadow:0 2px 0 #1d1d1f}
}
@media (forced-colors:active){
  .ss{border-bottom:1px solid CanvasText}
  .ss-form:focus-within{outline:2px solid Highlight;box-shadow:none}
  .ss-close{border:1px solid ButtonText}
}
@media print{
  .ss{display:none!important}
}