.guide-launcher{position:fixed;right:20px;bottom:24px;z-index:115;min-height:48px;padding:12px 18px;border:1px solid #58b4f1;border-radius:30px;background:#075caa;color:white;font:700 .9rem system-ui;box-shadow:0 8px 25px #001c3840;cursor:pointer}
.commercial-guide{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b5d4ed;border-radius:20px;background:#fff;color:#143049;box-shadow:0 24px 80px #001a4560;font:16px/1.5 system-ui}
.commercial-guide::backdrop{background:#031021a6}
.commercial-guide header{display:flex;justify-content:space-between;gap:12px;padding:22px;background:#071a35;color:white}
.commercial-guide h2{font-size:1.2rem;margin:0}.commercial-guide header p{margin:5px 0 0;color:#b9d3e9;font-size:.82rem}
.commercial-guide .guide-close{align-self:start;border:1px solid #64859f;border-radius:8px;background:transparent;color:white;min-width:44px;min-height:44px;font-size:1.5rem;cursor:pointer}
.guide-content{display:grid;gap:10px;padding:22px}.guide-content p{margin:0 0 8px;font-size:.92rem}.guide-content button,.guide-content>a{display:block;min-height:46px;padding:12px 14px;border:1px solid #c1d5e5;border-radius:10px;background:#f1f7fc;color:#13486f;text-align:left;text-decoration:none;font:600 .9rem/1.5 system-ui;cursor:pointer}.guide-content button:hover{background:#deeffc}.guide-content .guide-primary{background:#075caa;color:white;border-color:#075caa}
.commercial-guide footer{display:flex;flex-wrap:wrap;gap:8px;padding:14px 22px;background:#edf5fb;border-top:1px solid #d4e3ef}.commercial-guide footer button,.commercial-guide footer a{padding:8px;min-height:44px;border:0;background:transparent;color:#164669;font:600 .8rem system-ui;cursor:pointer}.commercial-guide [hidden]{display:none!important}
@media(max-width:600px){.guide-launcher{bottom:calc(86px + env(safe-area-inset-bottom));right:12px;font-size:.8rem}.commercial-guide{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.guide-content{padding:18px}}