.browser-gate-active{overflow:hidden}.browser-gate-active :is(.skip-link,.site-header nav,#main,.site-footer,.mobile-dock){display:none}#browser-gate{z-index:10000;width:100%;max-width:none;height:100%;max-height:none;padding:calc(max(110px, 27vh) + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));overscroll-behavior:contain;color:#fffdf8;background:#21181199;border:0;margin:0;position:fixed;inset:0;overflow:auto}#browser-gate:not([open]){display:none}#browser-gate::backdrop{background:0 0}.browser-gate-arrow{top:calc(18px + env(safe-area-inset-top,0px));right:calc(30px + env(safe-area-inset-right,0px));width:clamp(70px,21vw,118px);height:min(18vh,136px);color:var(--cream);position:absolute}.browser-gate-steps{gap:clamp(18px,3.6vh,34px);width:fit-content;max-width:100%;margin:0 auto;padding:0;font-size:clamp(14px,4.3vw,22px);line-height:1.6;list-style:none;display:grid}.browser-gate-steps li{align-items:center;gap:clamp(8px,2.8vw,15px);display:flex}.browser-gate-number{background:var(--orange);width:1.55em;height:1.55em;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.browser-gate-label{white-space:nowrap;background:#785438;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-weight:650;display:inline-flex}.browser-gate-label svg{width:1em;height:1em}.browser-gate-copy{text-align:center;max-width:360px;margin:clamp(24px,6vh,52px) auto 0;font-size:14px;line-height:1.85}#browser-gate-copy-button{min-width:140px;min-height:44px;margin-top:14px;padding:8px 20px}#browser-gate-copy-button:focus-visible,#browser-gate-url:focus-visible{outline:2px solid var(--cream);outline-offset:3px}#browser-gate-feedback:not(:empty){margin-top:8px}#browser-gate-url{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:8px;margin-top:8px;padding:8px 10px}
