/* Native modal keeps keyboard focus inside the guide; the real page remains visible. */
dialog.ui-guide{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;color:#352d33;box-shadow:none}
dialog.ui-guide::backdrop{background:transparent;backdrop-filter:none}.guide-ring{position:fixed;border:2px solid #f2c8d8;border-radius:13px;box-shadow:0 0 0 9999px rgb(33 24 32 / 58%);pointer-events:none}
.guide-panel{position:fixed;box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid #e8dce4;border-radius:18px;background:#fffaf8;box-shadow:0 12px 40px #23182033;font-family:inherit}
.guide-panel h2{font-family:inherit;font-size:18px;line-height:1.3;letter-spacing:0;margin:10px 0}.guide-panel p{font-size:14px;line-height:1.55;color:#625561;margin:0 0 18px}.guide-top,.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-top span{font-size:11px;color:#756473}.guide-panel button{font-family:inherit;font-size:13px;line-height:1.3;padding:10px 13px;min-height:40px;border:1px solid #ddcdd7;border-radius:10px;background:#fffaf8;color:#753852;cursor:pointer}.guide-panel button.primary{background:#753852;color:white;border-color:#753852}.guide-panel [data-guide-skip]{padding:8px 3px;border:0;background:none;min-height:36px}.guide-panel button:disabled{opacity:.4;cursor:default}.guide-panel button:focus-visible{outline:3px solid #599e93;outline-offset:3px}
@media(max-width:650px){.guide-panel{padding:16px}.guide-panel h2{font-size:16px}.guide-panel p{font-size:13px}.guide-panel button{font-size:12px;min-height:40px}}
@media(prefers-reduced-motion:reduce){dialog.ui-guide *{scroll-behavior:auto!important}}
/* Keep profile/navigation reachable on short laptop and landscape screens. */
@media(min-width:801px){.sidebar{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}}