/* Optional notice. Its measured height is exposed as --browser-guide-height
   on the supplied root, including this banner's top safe-area padding. */
.browser-guide{position:fixed;z-index:70;inset:0 0 auto;display:flex;align-items:center;gap:6px;padding:6px max(10px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));padding-top:max(6px,env(safe-area-inset-top));background:#f3f0e6;color:#263d31;border-bottom:1px solid #b7bdad;box-shadow:0 2px 10px #0b201b18;font-family:inherit;line-height:1.4}
.browser-guide-message{flex:1;min-width:0;margin:0;font-size:12px;word-break:keep-all;overflow-wrap:anywhere}
.browser-guide button,.browser-guide-dialog button,.browser-guide-dialog a{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.browser-guide-more,.browser-guide-dismiss{flex:none;min-width:44px;min-height:44px;background:transparent;color:#234430;padding:6px;border:0}
.browser-guide-more{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.browser-guide-dismiss{font-size:24px;line-height:1}
.browser-guide :focus-visible,.browser-guide-dialog :focus-visible{outline:3px solid #bb862c;outline-offset:2px}
.browser-guide-dialog{position:fixed;z-index:90;inset:0;margin:auto;height:fit-content;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:22px;border:1px solid #829280;border-radius:12px;background:#f3f0e6;color:#233b2e;box-shadow:0 16px 70px #00190e5c;font-family:inherit;font-size:15px;line-height:1.65;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.browser-guide-dialog::backdrop{background:#071c15a3}
.browser-guide-dialog[open]{display:block}
.browser-guide-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.browser-guide-dialog h2{margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:1.35}
.browser-guide-dialog-close{flex:none;min-height:44px;min-width:44px;padding:8px 0;background:transparent;color:inherit;font-size:14px;border:0}
.browser-guide-intro{margin:0 0 16px}
.browser-guide-steps{padding-left:21px;margin:0 0 20px}
.browser-guide-steps li+li{margin-top:10px}
.browser-guide-actions{display:flex;flex-wrap:wrap;gap:8px}
.browser-guide-open,.browser-guide-copy{display:flex;flex:1 1 160px;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid #536956;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;line-height:1.4;background:#284833;color:#fff}
.browser-guide-copy{background:transparent;color:#284833}
.browser-guide-note{margin:12px 0 0;font-size:13px;color:#536251}
.browser-guide-manual{margin-top:18px;font-size:14px}
.browser-guide-url{display:block;width:100%;min-width:0;margin-top:8px;padding:12px;border:1px solid #899580;border-radius:4px;background:#fff;color:#173321;font-size:16px;line-height:1.4}
.browser-guide-status{margin:12px 0 0;font-size:14px;color:#284833}
.browser-guide-status:empty{margin:0}
@media(min-width:761px){.browser-guide-message{font-size:13px;text-align:center}.browser-guide{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
@media(max-height:500px){.browser-guide-dialog{padding:14px 20px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.browser-guide-dialog-header{margin-bottom:8px}.browser-guide-steps{margin-bottom:12px}}