.page-guide-dialog{box-sizing:border-box;width:min(1080px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #dfd3b9;border-radius:18px;background:#fffdf8;color:#222920;overflow:auto;box-shadow:0 30px 100px #0005}
.page-guide-dialog::backdrop{background:#10160fd9;backdrop-filter:blur(3px)}
.page-guide-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fffdf8;border-bottom:1px solid #e7e0d2}
.page-guide-dialog h2{margin:0;font:600 23px/1.3 Inter,Arial,sans-serif}
.page-guide-close{flex:none;border:1px solid #bfa163;border-radius:9px;padding:11px 16px;background:#222920;color:#fff;cursor:pointer;font:600 15px/1.3 Inter,Arial,sans-serif;min-height:44px}
.page-guide-close:hover{background:#404a38}.page-guide-close:focus-visible{outline:3px solid #d1af63;outline-offset:3px}
.page-guide-dialog>video{display:block;width:100%;max-height:calc(100dvh - 170px);aspect-ratio:16/9;background:#111713;object-fit:contain}
.page-guide-note{margin:0;padding:15px 22px;color:#62675d;font:14px/1.5 Inter,Arial,sans-serif}
@media(max-width:600px){.page-guide-dialog>header{padding:12px;gap:8px}.page-guide-dialog h2{font-size:17px}.page-guide-close{padding:10px;font-size:13px}.page-guide-note{padding:12px;font-size:12px}.page-guide-dialog>video{max-height:calc(100dvh - 150px)}}