/* HOP — getting HOP onto the Home Screen (install.js, v124).
   The guide is one full-screen layer. Its drawn phone screens (.im-*) are sized in container units, so one
   drawing works at any size; they always look like a phone in light mode, whatever HOP's theme is. */
html.inst-open, html.inst-open body{ overflow:hidden; }
.inst-layer{ position:fixed; inset:0; z-index:1500; background:var(--bg, #f6f8fb); color:var(--text); overflow-y:auto; -webkit-overflow-scrolling:touch; }
.inst-scr{ max-width:520px; min-height:100%; margin:0 auto; display:flex; flex-direction:column;
  padding:calc(22px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px)); animation:instIn .3s ease both; }
@keyframes instIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;} }
.inst-x{ align-self:flex-end; width:40px; height:40px; margin:-6px -6px 4px 0; border:0; border-radius:50%; background:var(--surface-2, #eef2f7); color:var(--text); font-size:18px; cursor:pointer; }
.inst-brand{ display:flex; align-items:center; gap:10px; margin:8px 0 18px; }
.inst-brand img{ width:46px; height:46px; border-radius:11px; box-shadow:0 2px 8px rgba(0,0,0,.15); }
.inst-brand b{ font-size:14px; letter-spacing:.06em; color:var(--accent-500); }
.inst-scr h2{ font-family:Georgia, "Times New Roman", serif; font-weight:600; font-size:28px; line-height:1.15; margin:0 0 10px; color:var(--text); }
.inst-lead{ font-size:16.5px; line-height:1.5; margin:0 0 16px; color:var(--text); }
.inst-box{ border:1.5px solid #efd28f; background:#fff6e0; color:#5e4106; border-radius:16px; padding:12px 14px; font-size:15px; line-height:1.45; margin:0 0 18px; }
.inst-box b{ color:#3f2b02; }
:root[data-theme="dark"] .inst-box{ background:#2a2414; border-color:#5d4a1f; color:#f0d48c; }
:root[data-theme="dark"] .inst-box b{ color:#ffe7ad; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .inst-box{ background:#2a2414; border-color:#5d4a1f; color:#f0d48c; }
  :root:not([data-theme="light"]) .inst-box b{ color:#ffe7ad; } }
.inst-spacer{ flex:1; min-height:12px; }
.inst-scr .btn{ margin-bottom:10px; }
.inst-fine{ font-size:13.5px; line-height:1.45; color:var(--text-muted); text-align:center; margin:4px 0 0; }
.inst-k{ font-size:12px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--accent-600); margin:6px 0 6px; }
.inst-found{ display:flex; gap:12px; align-items:center; border:1.5px solid #2f8a7a; background:color-mix(in srgb, #2f8a7a 10%, var(--surface)); border-radius:16px; padding:12px 14px; margin:0 0 12px; }
.inst-found i{ flex:none; width:38px; height:38px; border-radius:50%; background:#2f8a7a; color:#fff; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:19px; }
.inst-found b{ display:block; font-size:16.5px; }
.inst-found span{ font-size:13.5px; color:var(--text-muted); }
.inst-sub{ font-size:14px; font-weight:700; color:var(--text-muted); margin:8px 0 4px; }
.inst-pick{ display:grid; gap:8px; margin:4px 0 14px; }
.inst-pick button{ display:flex; align-items:center; gap:12px; text-align:left; border:1.5px solid var(--border-strong); background:var(--surface); color:var(--text); border-radius:14px; padding:10px 12px; min-height:56px; font:inherit; cursor:pointer; }
.inst-pick button b{ display:block; font-size:15.5px; }
.inst-pick button span span{ font-size:13px; color:var(--text-muted); }
.inst-pick .ic{ flex:none; width:34px; height:34px; border-radius:9px; background:var(--surface-2, #eef2f7); display:flex; align-items:center; justify-content:center; font-size:17px; }
/* the steps */
.inst-steptop{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 6px; }
.inst-steplbl{ font-size:12.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.inst-dots{ display:flex; gap:5px; flex:none; }
.inst-dots i{ width:7px; height:7px; border-radius:50%; background:var(--border-strong); }
.inst-dots i.on{ width:20px; border-radius:4px; background:var(--accent-500); }
.inst-dots i.done{ background:var(--accent-400); opacity:.55; }
.inst-say{ font-size:19.5px; line-height:1.3; font-weight:750; margin:4px 0 12px; }
.inst-say em{ font-style:normal; background:#fbd57f; color:#10274a; padding:0 5px; border-radius:6px; }
.inst-tip{ font-size:14px; line-height:1.4; color:var(--text); background:color-mix(in srgb, #2f8a7a 12%, var(--surface)); border-radius:12px; padding:9px 12px; margin:12px 0 0; }
.inst-nav{ display:flex; gap:10px; margin-top:14px; }
.inst-nav .btn{ margin:0; }
.inst-nav .btn-secondary{ flex:0 0 100px; }
.inst-nav .btn-primary{ flex:1; }
.im-wrap{ display:flex; justify-content:center; height:min(60svh, 600px); }
.im-wrap.has-tip{ height:min(53svh, 540px); }
@supports not (height:1svh){ .im-wrap{ height:min(60vh, 600px); } .im-wrap.has-tip{ height:min(53vh, 540px); } }
@media (max-height:700px){ .im-wrap{ height:56svh; } .im-wrap.has-tip{ height:46svh; } }

/* ------------------------------------------------ the drawn phone screens */
.im{ container-type:inline-size; position:relative; height:100%; aspect-ratio:9/19.5; border-radius:13% / 6%; overflow:hidden; background:#f4f6f5; border:4px solid #1b2026;
  font-family:-apple-system, BlinkMacSystemFont, Roboto, system-ui, sans-serif; color:#111; user-select:none; -webkit-user-select:none; text-align:left; }
.im.im-a{ border-radius:9% / 4.2%; }
.im *{ box-sizing:border-box; }
.im-status{ position:absolute; left:0; right:0; top:0; height:9cqw; display:flex; justify-content:space-between; align-items:center; padding:0 7cqw; font-size:3.6cqw; font-weight:700; z-index:3; color:#111; }
.im-page{ position:absolute; inset:0; padding:13cqw 5cqw 0; }
.im-ph{ display:flex; align-items:center; gap:2cqw; margin-bottom:4cqw; }
.im-ph img{ width:9cqw; height:9cqw; border-radius:2cqw; }
.im-ph b{ font-size:5cqw; color:#0f78be; letter-spacing:.05em; }
.im-card{ background:#fff; border-radius:3.5cqw; padding:3.5cqw; margin-bottom:3cqw; box-shadow:0 .3cqw 1cqw rgba(0,0,0,.06); }
.im-line{ height:2.4cqw; border-radius:2cqw; background:#dfe6e4; margin:1.6cqw 0; }
.im-line.w6{ width:60%; } .im-line.w8{ width:80%; } .im-line.w4{ width:40%; }
.im-line.tt{ height:3.2cqw; background:#c9d3d0; width:50%; }
.im-shade{ position:absolute; inset:0; background:rgba(0,0,0,.28); z-index:4; }
.im-hl{ position:relative; z-index:2; border-radius:2.5cqw; box-shadow:0 0 0 1cqw #fbd57f, 0 0 0 2.4cqw rgba(251,213,127,.45); animation:imPulse 1.4s ease-in-out infinite; }
.im-tap::after{ content:""; position:absolute; left:50%; top:50%; width:9cqw; height:9cqw; margin:-4.5cqw 0 0 -4.5cqw; border-radius:50%; background:rgba(251,213,127,.55); border:.7cqw solid #fff;
  box-shadow:0 .6cqw 2cqw rgba(0,0,0,.35); animation:imTap 1.4s ease-in-out infinite; pointer-events:none; }
@keyframes imPulse{ 50%{ box-shadow:0 0 0 1cqw #fbd57f, 0 0 0 4cqw rgba(251,213,127,.15); } }
@keyframes imTap{ 0%,100%{ transform:scale(1); } 45%{ transform:scale(.78); } }
.im-co{ position:absolute; z-index:9; background:#10274a; color:#fff; font-size:5cqw; font-weight:800; line-height:1.25; padding:2cqw 3cqw; border-radius:2.6cqw; box-shadow:0 1cqw 3cqw rgba(0,0,0,.3); max-width:62cqw; }
.im-co::after{ content:""; position:absolute; width:3cqw; height:3cqw; background:#10274a; transform:rotate(45deg); }
.im-co.d::after{ bottom:-1.4cqw; right:6cqw; } .im-co.u::after{ top:-1.4cqw; right:6cqw; }
.im-co.ul::after{ top:-1.4cqw; left:6cqw; } .im-co.dl::after{ bottom:-1.4cqw; left:6cqw; }
/* iPhone, Safari */
.im-safbar{ position:absolute; left:3cqw; right:3cqw; bottom:6cqw; display:flex; gap:2cqw; align-items:center; z-index:5; }
.im-glass{ background:rgba(255,255,255,.9); box-shadow:0 .8cqw 3cqw rgba(0,0,0,.18); border:.3cqw solid rgba(0,0,0,.05); }
.im-rnd{ width:12cqw; height:12cqw; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:5.5cqw; font-weight:700; flex:none; }
.im-url{ flex:1; height:12cqw; border-radius:6cqw; display:flex; align-items:center; justify-content:center; gap:1.5cqw; font-size:3.5cqw; color:#333; padding:0 3cqw; white-space:nowrap; overflow:hidden; }
.im-homeind{ position:absolute; left:50%; bottom:1.8cqw; width:34cqw; height:1.2cqw; margin-left:-17cqw; border-radius:1cqw; background:#111; z-index:6; }
.im-pop{ position:absolute; z-index:6; background:rgba(250,250,250,.98); border-radius:4cqw; box-shadow:0 2cqw 6cqw rgba(0,0,0,.3); overflow:hidden; font-size:3.9cqw; }
.im-it{ display:flex; justify-content:space-between; align-items:center; padding:2.7cqw 4cqw; border-bottom:.25cqw solid #e2e2e2; }
.im-it:last-child{ border-bottom:0; }
.im-it span{ font-size:4.2cqw; color:#333; }
.im-pop .im-it.im-hl{ background:#fff; margin:1cqw; border-radius:2.5cqw; }
.im-sheet{ position:absolute; left:0; right:0; bottom:0; z-index:6; background:#f2f2f6; border-radius:5cqw 5cqw 0 0; padding:3cqw 3.5cqw 8cqw; box-shadow:0 -1cqw 4cqw rgba(0,0,0,.2); }
.im-grab{ width:10cqw; height:1.1cqw; border-radius:1cqw; background:#c5c5cc; margin:0 auto 3cqw; }
.im-shhead{ display:flex; gap:3cqw; align-items:center; background:#fff; border-radius:3.5cqw; padding:2.5cqw; margin-bottom:3cqw; }
.im-shhead img{ width:10cqw; height:10cqw; border-radius:2.4cqw; }
.im-shhead b{ display:block; font-size:3.8cqw; } .im-shhead span{ font-size:3.1cqw; color:#777; }
.im-apps{ display:flex; gap:4cqw; padding:0 1cqw 3cqw; }
.im-apps i{ width:12cqw; height:12cqw; border-radius:3cqw; display:block; }
.im-apps i:nth-child(1){ background:#5ac85a; } .im-apps i:nth-child(2){ background:#3d8ef0; } .im-apps i:nth-child(3){ background:#f2c94c; } .im-apps i:nth-child(4){ background:#b9c0c7; }
.im-list{ background:#fff; border-radius:3.5cqw; }
.im-list .im-it{ padding:2.8cqw 3.5cqw; border-bottom-color:#e6e6ea; font-size:3.9cqw; }
.im-list .im-it.im-hl{ background:#fff; }
.im-ath{ position:absolute; inset:9cqw 0 0 0; z-index:7; background:#f2f2f6; border-radius:5cqw 5cqw 0 0; padding:3cqw 4cqw; }
.im-athtop{ display:flex; justify-content:space-between; align-items:center; font-size:3.9cqw; margin-bottom:5cqw; }
.im-athtop .im-blue{ color:#0a7aff; } .im-athtop b{ font-size:4cqw; }
.im-athtop .im-add{ color:#0a7aff; font-weight:800; padding:1cqw 2.5cqw; }
.im-athcard{ background:#fff; border-radius:3.5cqw; display:flex; gap:3cqw; padding:3cqw; align-items:center; margin-bottom:4cqw; }
.im-athcard img{ width:15cqw; height:15cqw; border-radius:3.5cqw; }
.im-athcard .im-nm{ font-size:4.2cqw; border-bottom:.3cqw solid #ddd; padding-bottom:1.5cqw; margin-bottom:1.5cqw; }
.im-athcard .im-u{ font-size:3.2cqw; color:#888; }
.im-athtg{ background:#fff; border-radius:3.5cqw; display:flex; justify-content:space-between; align-items:center; padding:3cqw 3.5cqw; font-size:3.9cqw; box-shadow:0 0 0 .6cqw #fbd57f; }
.im-tg{ width:12cqw; height:7cqw; border-radius:4cqw; background:#34c759; position:relative; flex:none; }
.im-tg::after{ content:""; position:absolute; right:.6cqw; top:.6cqw; width:5.8cqw; height:5.8cqw; border-radius:50%; background:#fff; }
.im-athnote{ font-size:3.1cqw; color:#777; padding:2cqw 3.5cqw; }
/* Home Screen */
.im-hs{ position:absolute; inset:0; background:linear-gradient(160deg,#5f8fc7,#7b6fc0 55%,#c27aa6); padding:15cqw 5cqw 0; }
.im-hs .im-status{ color:#fff; }
.im-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:5.5cqw 3cqw; }
.im-app{ display:flex; flex-direction:column; align-items:center; gap:1.2cqw; font-size:2.9cqw; color:#fff; text-shadow:0 .2cqw .6cqw rgba(0,0,0,.4); }
.im-app i, .im-app img{ width:15.5cqw; height:15.5cqw; border-radius:3.8cqw; display:block; }
.im-app i{ background:rgba(255,255,255,.35); }
.im-app.on img{ box-shadow:0 0 0 1cqw #fbd57f, 0 0 0 2.4cqw rgba(251,213,127,.5); animation:imPulse 1.4s ease-in-out infinite; }
.im-dock{ position:absolute; left:3.5cqw; right:3.5cqw; bottom:5cqw; height:22cqw; border-radius:7cqw; background:rgba(255,255,255,.3); display:flex; justify-content:space-around; align-items:center; }
.im-dock i{ width:15.5cqw; height:15.5cqw; border-radius:3.8cqw; background:rgba(255,255,255,.45); display:block; }
.im-a .im-hs{ background:linear-gradient(170deg,#2f6b5f,#2c4f7c); }
.im-a .im-dock{ border-radius:5cqw; height:20cqw; }
.im-a .im-dock i, .im-a .im-app i, .im-a .im-app img{ border-radius:50%; }
/* Chrome on iPhone */
.im-critop{ position:absolute; left:0; right:0; top:9cqw; padding:2cqw 3cqw; background:#f1f3f4; z-index:5; border-bottom:.3cqw solid #ddd; }
.im-omni{ height:10cqw; border-radius:5cqw; background:#e3e5e8; display:flex; align-items:center; padding:0 2.5cqw 0 4cqw; gap:2cqw; font-size:3.5cqw; color:#333; }
.im-omni .im-ut{ flex:1; white-space:nowrap; overflow:hidden; }
.im-omni .im-shb{ width:8cqw; height:8cqw; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:none; }
.im-cribot{ position:absolute; left:0; right:0; bottom:0; height:16cqw; background:#f1f3f4; border-top:.3cqw solid #ddd; display:flex; justify-content:space-around; align-items:flex-start; padding-top:3cqw; font-size:5cqw; color:#444; z-index:5; }
.im-cri .im-page{ padding-top:24cqw; }
/* Android, Chrome */
.im-atop{ position:absolute; left:0; right:0; top:7cqw; padding:2cqw 2.5cqw; background:#fff; z-index:5; display:flex; align-items:center; gap:2cqw; box-shadow:0 .3cqw 1cqw rgba(0,0,0,.08); }
.im-aomni{ flex:1; height:10cqw; border-radius:5cqw; background:#eef0f2; display:flex; align-items:center; padding:0 3.5cqw; font-size:3.5cqw; color:#333; white-space:nowrap; overflow:hidden; }
.im-abtn{ width:8cqw; height:10cqw; display:flex; align-items:center; justify-content:center; font-size:5cqw; font-weight:800; color:#444; flex:none; }
.im-atabs{ width:6cqw; height:6cqw; border:.6cqw solid #444; border-radius:1.4cqw; font-size:3cqw; display:flex; align-items:center; justify-content:center; flex:none; }
.im-a .im-status{ height:7cqw; padding:0 5cqw; font-size:3.2cqw; }
.im-a .im-page{ padding-top:22cqw; }
.im-amenu{ position:absolute; right:2cqw; top:8cqw; width:62cqw; z-index:6; background:#fff; border-radius:3.5cqw; box-shadow:0 2cqw 6cqw rgba(0,0,0,.3); padding:1.5cqw 0; font-size:3.9cqw; }
.im-amenu .im-icrow{ display:flex; justify-content:space-around; padding:1.5cqw 2cqw 2.5cqw; border-bottom:.3cqw solid #eee; font-size:4.5cqw; color:#444; }
.im-amenu .im-ai{ padding:2.5cqw 5cqw; color:#222; }
.im-amenu .im-ai.im-hl{ margin:0 2cqw; padding:2.5cqw 3cqw; }
.im-dlg{ position:absolute; left:6cqw; right:6cqw; top:60cqw; z-index:7; background:#fff; border-radius:6cqw; padding:6cqw 6cqw 4cqw; box-shadow:0 2cqw 8cqw rgba(0,0,0,.35); }
.im-dlg h4{ margin:0 0 4cqw; font-size:5cqw; font-weight:600; color:#111; }
.im-dlgrow{ display:flex; gap:3cqw; align-items:center; margin-bottom:6cqw; }
.im-dlgrow img{ width:12cqw; height:12cqw; border-radius:50%; }
.im-dlgrow b{ font-size:4cqw; display:block; } .im-dlgrow span{ font-size:3.2cqw; color:#666; }
.im-acts{ display:flex; justify-content:flex-end; gap:4cqw; font-size:4cqw; font-weight:700; color:#1a73e8; }
.im-acts span{ padding:1.5cqw 3cqw; }
.im-asheet{ position:absolute; left:0; right:0; bottom:0; z-index:7; background:#fff; border-radius:6cqw 6cqw 0 0; padding:3cqw 6cqw 9cqw; box-shadow:0 -1cqw 5cqw rgba(0,0,0,.25); }
.im-asheet h4{ margin:2cqw 0 4cqw; font-size:4.6cqw; font-weight:600; color:#111; }
.im-opt{ display:flex; gap:3cqw; align-items:center; padding:3cqw; border-radius:3cqw; margin-bottom:2cqw; font-size:4cqw; }
.im-opt i{ width:9cqw; height:9cqw; border-radius:50%; background:#e8f0fe; display:flex; align-items:center; justify-content:center; font-style:normal; color:#1a73e8; font-size:4.5cqw; flex:none; }
.im-opt small{ display:block; font-size:3.1cqw; color:#666; }
/* Samsung Internet */
.im-stop{ position:absolute; left:0; right:0; top:7cqw; padding:2cqw 3cqw; background:#fff; z-index:5; }
.im-somni{ height:10cqw; border-radius:5cqw; background:#f0f0f0; display:flex; align-items:center; gap:2cqw; padding:0 3cqw 0 4cqw; font-size:3.5cqw; color:#333; }
.im-somni .im-ut{ flex:1; white-space:nowrap; overflow:hidden; }
.im-sbot{ position:absolute; left:0; right:0; bottom:0; height:15cqw; background:#fff; border-top:.3cqw solid #e4e4e4; display:flex; justify-content:space-around; align-items:center; font-size:5cqw; color:#444; z-index:5; }
.im-sbot span{ width:10cqw; height:10cqw; display:flex; align-items:center; justify-content:center; }
.im-smenu{ position:absolute; left:2cqw; right:2cqw; bottom:16cqw; z-index:6; background:#fff; border-radius:5cqw; padding:4cqw 3cqw; box-shadow:0 1cqw 6cqw rgba(0,0,0,.28); }
.im-sgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:3cqw 1cqw; }
.im-sgrid div{ display:flex; flex-direction:column; align-items:center; gap:1cqw; font-size:2.9cqw; text-align:center; color:#333; padding:1.5cqw .5cqw; }
.im-sgrid div i{ width:9cqw; height:9cqw; border-radius:50%; background:#eef1f6; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:4.4cqw; color:#3e5bd6; }
.im-slist{ position:absolute; left:4cqw; right:4cqw; bottom:16cqw; z-index:6; background:#fff; border-radius:5cqw; padding:3cqw 0; box-shadow:0 1cqw 6cqw rgba(0,0,0,.28); font-size:4cqw; }
.im-slist .im-st{ padding:1cqw 5cqw 2cqw; font-size:3.4cqw; color:#777; font-weight:700; }
.im-slist .im-si{ padding:3cqw 5cqw; }
.im-slist .im-si.im-hl{ margin:0 2cqw; padding:3cqw; }
/* inside another app */
.im-iatop{ position:absolute; left:0; right:0; top:9cqw; height:12cqw; background:#fff; border-bottom:.3cqw solid #e2e2e2; display:flex; align-items:center; justify-content:space-between; padding:0 3cqw; font-size:3.6cqw; z-index:5; }
.im-iatop .im-iax{ font-size:5cqw; width:8cqw; }
.im-iatop .im-iamid{ text-align:center; line-height:1.2; } .im-iatop .im-iamid small{ display:block; color:#888; font-size:3cqw; }
.im-iatop .im-iamore{ width:10cqw; height:9cqw; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:5cqw; }
.im-ia .im-page{ padding-top:25cqw; }

/* the look-around reminder bar (on every screen that shows the sample/test banner) */
.sample-banner.look-banner{ background:#fff6e0; color:#5e4106; border-bottom:1.5px solid #efd28f; font-weight:600; }
.sample-banner.look-banner b{ color:#3f2b02; }
.sample-banner.look-banner .sb-label{ display:block; line-height:1.35; }
.look-banner .look-add{ flex:none; border:0; border-radius:999px; background:#10274a; color:#fff; font:inherit; font-size:13.5px; font-weight:800; padding:8px 12px; min-height:36px; cursor:pointer; text-decoration:none; }
:root[data-theme="dark"] .sample-banner.look-banner{ background:#2a2414; color:#f0d48c; border-color:#5d4a1f; }
:root[data-theme="dark"] .sample-banner.look-banner b{ color:#ffe7ad; }
:root[data-theme="dark"] .look-banner .look-add{ background:#fbd57f; color:#10274a; }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .sample-banner.look-banner{ background:#2a2414; color:#f0d48c; border-color:#5d4a1f; }
  :root:not([data-theme="light"]) .sample-banner.look-banner b{ color:#ffe7ad; }
  :root:not([data-theme="light"]) .look-banner .look-add{ background:#fbd57f; color:#10274a; } }

/* first launch from the Home Screen: skip the intro already seen in the browser */
.inst-skipintro{ position:fixed; z-index:60; left:50%; transform:translateX(-50%); top:calc(10px + env(safe-area-inset-top,0px)); border:0; border-radius:999px;
  background:#10274a; color:#fff; font:inherit; font-size:14px; font-weight:800; padding:10px 16px; box-shadow:0 8px 24px rgba(8,18,34,.3); cursor:pointer; white-space:nowrap; }

@media (prefers-reduced-motion:reduce){ .inst-scr, .im-hl, .im-tap::after, .im-app.on img{ animation:none; } }

/* v126: someone with data, in a phone's browser */
.browser-banner .sb-label{ font-size:13.5px; }
.browser-banner .bb-acts{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:none; }
.browser-banner .bb-x{ border:0; background:transparent; color:inherit; font:inherit; font-size:15px; font-weight:800; width:32px; height:28px; cursor:pointer; opacity:.75; }

/* v127: the account sign-in opens over this window */
html.inst-open .sheet-overlay{ z-index:1600 !important; }