/* The panel's stylesheet: the colours, and the handful of styles every screen
 * repeats.
 *
 * The screens are exported from Claude Design with their styles inline, and
 * the same twenty strings came out on every one of them - the section label,
 * the column heading, the card, the page title - 3,400 style attributes of
 * which a quarter were exact copies. A colour lived in 4,000 places. Changing
 * the label's letter-spacing meant a search across thirty-four files and a
 * hope that nobody had written .15em where the rest said .16em; they had.
 *
 * So the colours are tokens here and the repeated strings are classes, and
 * build.mjs writes this file beside the pages as abp-<hash>.css, sized up with
 * the same rules as the markup (mockup/scale.js), so a label drawn by a class
 * and a label a screen still draws by hand come out the same size.
 *
 * An inline style beats a class, which is the point: a screen writes
 * class="abp-h2" style="margin:0 0 4.5px" to keep the one thing it does
 * differently and nothing else.
 *
 * The public status page is not on this palette - it is the new-address
 * guide's navy and red for the household - and keeps its own tokens.
 */

:root {
  --abp-bg: #1F241E;        /* the page */
  --abp-ink: #1B1F18;       /* darker than the page: an input, a well */
  --abp-card: #232A22;      /* a floating panel: menus, the user card */
  --abp-panel: #282F27;     /* a card or a tile on the page */
  --abp-raised: #313A30;    /* a control on a card */
  --abp-line: #3E4A3C;      /* every border */
  --abp-dim: #8F998A;       /* labels, small print */
  --abp-muted: #A0A99B;     /* secondary text */
  --abp-soft: #B8C0B2;      /* body text on a dark well */
  --abp-text: #DCE2D5;      /* text */
  --abp-gold: #C9A227;      /* the accent: links, the current row, focus */
  --abp-gold-dim: #8A7223;
  --abp-ok: #7FA05A;
  --abp-info: #7796B0;
  --abp-warn: #D08A32;
  --abp-critical: #CC5137;
  --abp-navy: #0A2A5E;      /* the rack tag's plate, behind the wordmark */
  --abp-red: #B22234;       /* the flag stripe under it */
}

/* ---------------------------------------------------------------- layout */

/* The two-column shell, and the column beside the sidebar. */
.abp-shell{display:grid;grid-template-columns:313.5px minmax(0,1fr);min-height:100vh}
.abp-col{min-width:0;display:flex;flex-direction:column}
/* The bar across the top of a server's pages: the tab bar and the freshness
 * note. */
.abp-topbar{display:flex;align-items:center;gap:17.5px;padding:0 28.5px;border-bottom:1px solid var(--abp-line);background:rgba(0,0,0,.1);overflow-x:auto}
.abp-fresh{margin-left:auto;display:flex;align-items:center;gap:7.5px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--abp-dim);flex:0 0 auto}
/* The page's own column under the bar. */
.abp-main{padding:28.5px;flex:1;max-width:1364px;box-sizing:border-box;width:100%}

/* ------------------------------------------------------------------ type */

.abp-h1{font-family:'Archivo',sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 3.5px}
.abp-h2{font-family:'Archivo',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:.05em;text-transform:uppercase;margin:0}
.abp-h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:19.5px;margin:4.5px 0 9px;color:var(--abp-text)}
/* A section's small capitals label. */
.abp-label{font-family:'Archivo',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--abp-dim)}
/* The same in amber, before a warning, and in gold, before something to notice. */
.abp-warn-tag{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--abp-warn);margin-right:9px}
.abp-gold-tag{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.16em;color:var(--abp-gold)}
/* A table's column heading; -r for a numeric column, -in for one indented
 * inside a card. */
.abp-th{font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--abp-dim);padding:10px 0}
.abp-th-r{text-align:right}
.abp-th-in{padding:10px 0 10px 15.5px}
/* Figures and identifiers. */
.abp-mono{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--abp-dim)}
.abp-mono-sm{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--abp-dim)}
.abp-mono-muted{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--abp-muted)}
.abp-mono-text{font-family:'IBM Plex Mono',monospace;color:var(--abp-text)}
/* A tile's big figure. */
.abp-big{font-family:'IBM Plex Mono',monospace;font-size:25.5px;margin-top:2px}
.abp-text{color:var(--abp-text)}
.abp-muted{font-size:14.5px;color:var(--abp-muted)}

/* -------------------------------------------------------------- surfaces */

.abp-card{border:1px solid var(--abp-line);background:var(--abp-panel)}
.abp-card-pad{border:1px solid var(--abp-line);background:var(--abp-panel);padding:15.5px 17.5px}
.abp-tile{background:var(--abp-panel);padding:13px 17.5px}
/* A warning in prose, with the amber rule down its left edge. */
.abp-notice{border:1px solid var(--abp-line);border-left:2px solid var(--abp-warn);background:var(--abp-panel);padding:13px 17.5px;font-size:16.5px;color:var(--abp-muted);text-wrap:pretty}

/* --------------------------------------------------------------- asking
 *
 * The strip a question is asked in: sure() and askFor() in runtime.js, which
 * replaced window.confirm and window.prompt. At the foot of the page, over
 * everything, one at a time. */
.abp-ask{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;justify-content:center;padding:0 13px 13px;pointer-events:none}
.abp-ask-box{pointer-events:auto;box-sizing:border-box;width:min(748px,100%);margin:0;background:var(--abp-card);border:1px solid var(--abp-line);border-top:2px solid var(--abp-gold);box-shadow:0 13px 35px rgba(0,0,0,.5);padding:15.5px 17.5px;display:flex;flex-wrap:wrap;gap:11px 15.5px;align-items:center;font-size:16.5px;color:var(--abp-text)}
.abp-ask-box[data-tone="danger"]{border-top-color:var(--abp-critical)}
.abp-ask-text{flex:1 1 352px;min-width:0;white-space:pre-line;text-wrap:pretty;line-height:1.5}
.abp-ask-field{flex:1 1 100%;box-sizing:border-box;background:var(--abp-ink);border:1px solid var(--abp-line);color:var(--abp-text);font:inherit;padding:9px 11px}
.abp-ask-actions{display:flex;gap:9px;margin-left:auto}
.abp-ask-btn{font-family:'Archivo',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;padding:10px 15.5px;cursor:pointer;background:none;border:1px solid var(--abp-line);color:var(--abp-muted)}
.abp-ask-btn:hover{color:var(--abp-text);border-color:var(--abp-dim)}
.abp-ask-btn[data-yes]{border-color:var(--abp-gold);color:var(--abp-gold)}
.abp-ask-box[data-tone="danger"] .abp-ask-btn[data-yes]{border-color:var(--abp-critical);color:var(--abp-critical)}
@media (max-width:40em){.abp-ask-actions{flex:1 1 100%;margin:0}.abp-ask-btn{flex:1;min-height:44px}}
@keyframes abp-ask-in{from{transform:translateY(9px);opacity:0}}
@media (prefers-reduced-motion:no-preference){.abp-ask-box{animation:abp-ask-in .14s ease}}

/* -------------------------------------------------------------- buttons
 *
 * The three buttons the screens draw: on a card (raised), on the page
 * (ghost, no fill), and the one that cannot be undone. An inline style on
 * the element still wins for the odd padding or flex a layout needs. */
.abp-btn{font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:var(--abp-raised);color:var(--abp-muted);border:1px solid var(--abp-line);padding:5.5px 11px;cursor:pointer}
.abp-btn-ghost{font-family:'Archivo',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;background:none;color:var(--abp-muted);border:1px solid var(--abp-line);padding:6.5px 12px;cursor:pointer}
.abp-btn-danger{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--abp-critical);color:var(--abp-ink);border:0;padding:6.5px 12px;cursor:pointer}
.abp-btn:hover,.abp-btn-ghost:hover{color:var(--abp-text);border-color:var(--abp-dim)}
.abp-btn[aria-disabled="true"],.abp-btn-ghost[aria-disabled="true"],.abp-btn-danger[aria-disabled="true"]{opacity:.5;cursor:default}

#abp-mobilebar,#abp-scrim{display:none}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:2px solid #C9A227!important;outline-offset:1px}
@media (max-width:56.25em){
[data-abp-shell]{grid-template-columns:minmax(0,1fr)!important}
#abp-mobilebar{display:flex;align-items:center;gap:13px;position:sticky;top:0;z-index:40;background:#0A2A5E;padding:7.5px 13px 7.5px 9px}
#abp-nav{position:fixed!important;top:0;left:0;bottom:0;height:auto!important;align-self:stretch!important;max-height:100dvh;width:min(313.5px,86vw);z-index:60;background:#1F241E!important;transform:translateX(-105%);visibility:hidden;transition:transform .18s ease,visibility 0s linear .18s}
#abp-session{z-index:61!important;transform:translateX(-105%);visibility:hidden;transition:transform .18s ease,visibility 0s linear .18s}
html.abp-nav-open #abp-nav,html.abp-nav-open #abp-session{transform:none;visibility:visible;transition:transform .18s ease}
html.abp-nav-open #abp-scrim{display:block;position:fixed;inset:0;z-index:59;background:rgba(12,15,11,.72)}
html.abp-nav-open,html.abp-nav-open body{overflow:hidden}
[data-abp-shell]>main>div[style*="padding"],[data-abp-shell]>main>.abp-main{padding-left:15.5px!important;padding-right:15.5px!important}
[data-abp-shell]>main>div[style*="flex:1"],[data-abp-shell]>main>.abp-main{padding-top:20px!important}
[data-abp-shell]>main>div:first-child{overflow-x:auto}
[style*="grid-template-columns:repeat(4,"],[style*="grid-template-columns:repeat(5,"],[style*="grid-template-columns:repeat(6,"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:37.5em){
[style*="grid-template-columns:repeat("]:not([style*="auto-fi"]){grid-template-columns:minmax(0,1fr)!important}
}
@media (prefers-reduced-motion:reduce){#abp-nav,#abp-session{transition:none!important}}

details[data-abp-about]>summary{list-style:none}
details[data-abp-about]>summary::-webkit-details-marker{display:none}
details[data-abp-about]>summary:hover,details[data-abp-about][open]>summary{color:#C9A227!important}
details[data-abp-about]>summary:focus-visible{outline:2px solid #C9A227;outline-offset:2px}
[data-abp-about-caret]{display:inline-block;transition:transform .12s ease}
details[data-abp-about][open]>summary [data-abp-about-caret]{transform:rotate(90deg)}
[data-abp-about-body] p{margin:0 0 9px}
[data-abp-about-body] p:last-child{margin-bottom:0}
@media (max-width:37.5em){details[data-abp-about]>summary{padding:10px 0!important}}
@media (prefers-reduced-motion:reduce){[data-abp-about-caret]{transition:none}}

@media not all and (max-width:40em){[data-phone-only]{display:none!important}}
@media (max-width:40em){
[data-desktop-only]{display:none!important}
[data-table]{min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
[data-table~="scroll"]{max-height:70vh!important;overflow-x:hidden!important;overflow-y:auto!important}
[data-table] [data-thead]{display:none!important}
[data-table] [data-row]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;margin:0!important;padding:11px 15.5px 12px!important;border-bottom:1px solid #3E4A3C!important;text-align:left!important}
[data-row]>[data-label]{display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 13px;min-width:0!important;min-height:0!important;margin:0!important;padding:4.5px 0!important;border-top:1px solid rgba(62,74,60,.35);text-align:right!important}
[data-row]>[data-label]::before{content:attr(data-label);margin-right:auto;font-family:'Archivo',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#8F998A;text-align:left;white-space:nowrap}
[data-row]>[data-label],[data-row]>[data-cell~="title"],[data-row]>[data-label]>*,[data-row]>[data-cell~="title"]>*{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;min-width:0}
[data-row]>[data-cell~="title"]{order:-1;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:3.5px 10px;min-width:0!important;margin:0!important;padding:0 0 6.5px!important;font-size:17.5px!important;text-align:left!important}
[data-row]>[data-cell~="title"]>:first-child{font-size:17.5px!important;font-weight:600}
[data-row]>[data-cell~="title"]>[style*="display:block"]{flex:1 1 100%}
[data-row]>[data-cell~="actions"]:not(button):not(a){order:1;display:flex!important;flex-wrap:wrap;gap:9px;min-width:0!important;margin:9px 0 0!important;padding:0!important;justify-content:stretch!important;text-align:left!important}
[data-row]>[data-cell~="field"]{order:1;width:100%!important;min-width:0!important;min-height:44px!important;margin:6.5px 0 0!important;box-sizing:border-box!important}
[data-row]>[data-cell~="hide"]{display:none!important}
[data-cell~="actions"] button,[data-cell~="actions"] a,[data-row]>button[data-cell~="actions"],[data-row]>a[data-cell~="actions"],[data-actionbar] button,[data-actionbar] a{flex:1 1 8em;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center!important;text-align:center;box-sizing:border-box;margin:0!important}
[data-row]>button[data-cell~="actions"],[data-row]>a[data-cell~="actions"]{order:1;flex:none!important;width:100%!important;margin:9px 0 0!important}
[data-actionbar]{position:sticky!important;bottom:0;z-index:30;display:flex!important;flex-wrap:wrap;align-items:center;gap:9px;padding:11px 15.5px!important;padding-bottom:max(11px,env(safe-area-inset-bottom))!important;background:#232A22!important;border-top:1px solid #3E4A3C!important;box-shadow:0 -9px 20px rgba(12,15,11,.5)}
[data-actionbar]>[data-actionbar-note]{flex:1 1 100%;min-width:0}
}

.abp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.abp-badge{display:inline-block;box-sizing:border-box;font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 7.5px;border:1px solid #3E4A3C;color:#A0A99B;background:none;white-space:nowrap;vertical-align:middle}
.abp-badge[data-size="sm"]{font-size:11px;letter-spacing:.11em;padding:1px 6.5px}
.abp-badge[data-dashed]{border-style:dashed}
.abp-badge[data-tone="ok"]{color:#7FA05A;border-color:#7FA05A}
.abp-badge[data-tone="info"]{color:#7796B0;border-color:#7796B0}
.abp-badge[data-tone="warn"]{color:#D08A32;border-color:#D08A32}
.abp-badge[data-tone="critical"]{color:#CC5137;border-color:#CC5137}
.abp-badge[data-tone="neutral"]{color:#A0A99B;border-color:#3E4A3C}
[data-row] .abp-badge{white-space:nowrap!important}
.abp-nav-search{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:calc(100% - 31px);margin:13px 15.5px 2px;padding:7.5px 10px;background:#232A22;border:1px solid #3E4A3C;color:#8F998A;font-family:inherit;font-size:16px;line-height:1.3;text-align:left;cursor:pointer}
.abp-nav-search:hover{color:#DCE2D5;border-color:#8F998A}
.abp-nav-search svg{flex:0 0 auto;width:15.5px;height:15.5px}
.abp-nav-search-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abp-nav-search kbd{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#8F998A;border:1px solid #3E4A3C;padding:1px 5.5px}
@media (max-width:56.25em){.abp-nav-search{display:none}}
.abp-subnav{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}
.abp-subnav-pill{align-self:center;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 7.5px;border:1px solid #3E4A3C;color:#A0A99B;margin-right:13px}
.abp-subnav-wide{display:flex;align-items:stretch;gap:2px;flex:0 1 auto;min-width:0;overflow:hidden}
.abp-subnav-compact{display:none;align-items:stretch;flex:0 1 auto;min-width:0}
.abp-subnav-compact .abp-tab{max-width:100%}
.abp-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.abp-subnav[data-compact] .abp-subnav-wide{display:none}
.abp-subnav[data-compact] .abp-subnav-compact{display:flex}
.abp-subnav[data-compact] .abp-subnav-pill{margin-right:6.5px;flex-shrink:0}
.abp-subnav[data-tight] .abp-subnav-pill{display:none}
.abp-pill-short,.abp-subnav[data-compact] .abp-pill-long{display:none}
.abp-subnav[data-compact] .abp-pill-short{display:inline}
.abp-menu{display:flex;min-width:0}
.abp-tab{display:inline-flex;align-items:center;gap:7.5px;min-width:0;box-sizing:border-box;margin:0;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#8F998A;cursor:pointer;padding:17.5px 12px;font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.abp-tab:hover,.abp-tab[aria-expanded="true"]{color:#DCE2D5}
.abp-tab[aria-expanded="true"]{background:rgba(255,255,255,.04)}
.abp-tab[aria-current="page"],.abp-tab[data-on],.abp-tab[data-on]:hover{color:#C9A227;border-bottom-color:#C9A227}
.abp-tab:focus-visible{outline-offset:-3.5px!important}
.abp-tab-group{opacity:.72}
.abp-tab-sep{opacity:.5;margin:0 -2px}
.abp-caret{flex:0 0 auto;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5.5px solid currentColor;transition:transform .15s ease}
.abp-tab[aria-expanded="true"] .abp-caret{transform:rotate(180deg)}
.abp-tab-count{display:inline-block;background:#3E4A3C;color:#DCE2D5;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;line-height:1.4;padding:1px 6.5px;border-radius:9px;letter-spacing:0}
.abp-menu-panel{position:fixed;top:0;left:0;z-index:45;box-sizing:border-box;min-width:220px;max-width:calc(100vw - 17.5px);max-height:calc(100vh - 105.5px);overflow-y:auto;overscroll-behavior:contain;background:#232A22;border:1px solid #3E4A3C;border-top:2px solid #C9A227;box-shadow:0 13px 35px rgba(0,0,0,.5);padding:6.5px 0}
.abp-menu-panel[hidden]{display:none}
.abp-menu-head{font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8F998A;padding:11px 17.5px 4.5px}
.abp-menu-group+.abp-menu-group,.abp-menu-item+.abp-menu-group,.abp-menu-group+.abp-menu-item{margin-top:6.5px;border-top:1px solid #3E4A3C}
.abp-menu-item{display:block;padding:10px 20px 10px 17.5px;border-left:2px solid transparent;color:#DCE2D5;font-size:16.5px;line-height:1.35;white-space:nowrap;text-decoration:none}
.abp-menu-item:hover{background:rgba(255,255,255,.05);color:#FFFFFF}
.abp-menu-item[aria-current="page"],.abp-menu-item[aria-current="page"]:hover{border-left-color:#C9A227;color:#C9A227;background:rgba(201,162,39,.1)}
.abp-menu-item:focus-visible{outline-offset:-2px!important}
[data-nav-row]{position:relative}
[data-nav-row]>a{padding-right:48.5px!important}
.abp-pin{position:absolute;top:50%;right:9px;width:31px;height:31px;margin:-15.5px 0 0;padding:0;display:grid;place-items:center;box-sizing:border-box;background:none;border:0;border-radius:3.5px;color:#8F998A;cursor:pointer;opacity:0;transition:opacity .12s ease}
.abp-pin[hidden]{display:none}
.abp-pin svg{display:block;width:14.5px;height:14.5px}
.abp-pin:hover{color:#DCE2D5;background:rgba(255,255,255,.06)}
.abp-pin[aria-pressed="true"]{color:#C9A227}
.abp-pin[aria-pressed="true"] svg path{fill:currentColor}
@media (hover:none){.abp-pin{opacity:.6}}
[data-nav-row]:hover>.abp-pin,.abp-pin:focus-visible,.abp-pin[aria-pressed="true"]{opacity:1}
.abp-subnav .abp-pin{position:static;flex:0 0 auto;align-self:center;margin:0 0 0 6.5px;opacity:1}
@media (max-width:37.5em){.abp-menu-item{padding-top:13px;padding-bottom:13px}}
@media (prefers-reduced-motion:reduce){.abp-caret,.abp-pin{transition:none}}

#abp-search{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:11vh 17.5px 17.5px;box-sizing:border-box}
#abp-search[hidden]{display:none}
.abp-search-scrim{position:absolute;inset:0;background:rgba(12,15,11,.72)}
.abp-search-box{position:relative;box-sizing:border-box;width:min(704px,100%);max-height:min(616px,78vh);display:flex;flex-direction:column;background:#232A22;border:1px solid #3E4A3C;box-shadow:0 20px 66px rgba(0,0,0,.55);color:#DCE2D5;font-family:'IBM Plex Sans',system-ui,sans-serif;outline:none}
.abp-search-field{display:flex;align-items:center;gap:11px;padding:0 13px 0 16.5px;border-bottom:1px solid #3E4A3C;color:#8F998A}
.abp-search-field:focus-within{border-bottom-color:#8A7223}
.abp-search-busy .abp-search-field{border-bottom-color:#C9A227}
.abp-search-field svg{flex:0 0 auto}
.abp-search-input{flex:1;min-width:0;background:none;border:0;border-radius:0;outline:none;color:#DCE2D5;font-family:inherit;font-size:19.5px;padding:16.5px 0;-webkit-appearance:none;appearance:none}
.abp-search-input::placeholder{color:#76806F}
#abp-search .abp-search-input:focus-visible{outline:none!important}
.abp-search-close{flex:0 0 auto;background:none;border:1px solid #3E4A3C;color:#A0A99B;font-family:'IBM Plex Mono',monospace;font-size:13px;padding:4.5px 9px;cursor:pointer}
.abp-search-close:hover{color:#DCE2D5;border-color:#8F998A}
.abp-search-narrow{display:none}
.abp-search-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4.5px 0 9px}
.abp-search-head{display:flex;align-items:baseline;gap:11px;font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8F998A;padding:14.5px 17.5px 5.5px}
.abp-search-more{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:12.5px;letter-spacing:0;text-transform:none}
.abp-search-opt{display:flex;flex-direction:column;gap:1px;padding:9px 17.5px 9px 15.5px;border-left:2px solid transparent;cursor:pointer}
.abp-search-opt[aria-selected="true"]{background:rgba(201,162,39,.1);border-left-color:#C9A227}
.abp-search-title{font-size:17.5px;line-height:1.3;color:#DCE2D5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abp-search-opt[aria-selected="true"] .abp-search-title{color:#F1F3EC}
.abp-search-sub{font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.35;color:#8F998A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abp-search-note{padding:17.5px;color:#A0A99B;font-size:16.5px;line-height:1.5}
.abp-search-note a{color:#C9A227}
.abp-search-actions{display:flex;justify-content:flex-end;padding:0 17.5px 9px}
.abp-search-actions[hidden]{display:none}
.abp-search-actions button{background:none;border:0;color:#8F998A;font-family:'IBM Plex Mono',monospace;font-size:13px;text-decoration:underline;cursor:pointer;padding:4.5px 0}
.abp-search-foot{display:flex;gap:17.5px;flex-wrap:wrap;padding:9px 16.5px;border-top:1px solid #3E4A3C;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#8F998A}
.abp-search-foot kbd{font:inherit;color:#A0A99B;border:1px solid #3E4A3C;padding:0 4.5px;margin-right:2px}
.abp-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#abp-search-open{flex:0 0 auto;width:44px;height:44px;display:grid;place-content:center;background:none;border:1px solid rgba(255,255,255,.3);color:#DCE2D5;padding:0;cursor:pointer}
html.abp-search-on,html.abp-search-on body{overflow:hidden}
@media (max-width:37.5em){
#abp-search{padding:0}
.abp-search-box{width:100%;height:100%;max-height:none;border:0;padding-top:env(safe-area-inset-top)}
.abp-search-input{font-size:20.5px}
.abp-search-opt{padding-top:12px;padding-bottom:12px}
.abp-search-wide,.abp-search-foot{display:none}
.abp-search-narrow{display:inline}
.abp-search-close{padding:9px 11px}
}