/* Odyssey: a short, keyboard-accessible guide in the existing native dialog. */
#drawer.home-guide-dialog{inset:0;margin:auto;width:min(860px,calc(100% - 32px));height:auto;max-height:calc(100dvh - 32px);border:1px solid #8b6b46;border-radius:24px;color:#fff2dc;background:radial-gradient(ellipse at 50% 0%,#233b48 0%,#0b1b29 58%);box-shadow:0 32px 100px #0009;overflow:auto}
#drawer.home-guide-dialog::backdrop{background:#030d18c9;backdrop-filter:blur(10px)}
.home-guide-dialog .drawer-head{padding:24px 30px 18px;border-bottom:1px solid #e7b77926;background:transparent;gap:16px;align-items:center}
.home-guide-dialog .drawer-head .eyebrow{color:#e7b779;font-size:10px;letter-spacing:.16em;margin-bottom:6px}
.home-guide-dialog .drawer-head h2{font-size:25px;letter-spacing:-.025em}
.home-guide-dialog .drawer-head .icon-button{border:1px solid #e7b77940;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:#fff2dc;background:#ffffff06}
.home-guide-dialog .drawer-content{padding:24px 30px 28px}
.home-guide-intro{text-align:center;max-width:550px;margin:0 auto 26px}
.home-guide-intro>img{object-fit:contain;width:64px;height:64px;margin-bottom:8px}
.home-guide-intro>p{font-family:Georgia,serif;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.03em;color:#fff2dc;margin:0 0 14px}
.home-guide-intro em{color:#e7b779;font-weight:400}
.home-guide-intro>span{font-size:14px;line-height:1.65;color:#c2cdd3;display:block;max-width:400px;margin:auto;text-wrap:balance}
.home-guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:none}
.home-guide-steps li{padding:20px 18px;border:1px solid #e7b77930;border-radius:14px;background:linear-gradient(145deg,#ffffff05,#07152180)}
.home-guide-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#e7b779}
.home-guide-step-top>span{font-family:Georgia,serif;font-size:32px;line-height:1}
.home-guide-step-top .icon{width:22px;height:22px;opacity:.8}
.home-guide-steps h3{font-size:16px;color:#fff2dc;line-height:1.3;margin:0 0 10px}
.home-guide-steps p{font-size:13px;color:#bcc9d3;line-height:1.65;margin:0}
.home-guide-bottom{margin-top:24px;display:flex;gap:22px;align-items:center;justify-content:space-between}
.home-guide-bottom p{font-size:11px;color:#b0bfcb;line-height:1.7;margin:0}
.home-guide-bottom .button{min-height:48px;white-space:nowrap;border-radius:9px}
.home-guide-dialog :focus-visible{outline:2px solid #e7b779;outline-offset:4px}
@media(max-width:600px){#drawer.home-guide-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.home-guide-dialog .drawer-head{padding:18px}.home-guide-dialog .drawer-content{padding:18px}.home-guide-dialog .drawer-head h2{font-size:22px}.home-guide-intro>img{width:48px;height:48px}.home-guide-intro{margin-bottom:20px}.home-guide-intro>span{font-size:13px}.home-guide-steps{grid-template-columns:1fr;gap:9px}.home-guide-steps li{display:grid;grid-template-columns:38px 1fr;gap:4px 14px;padding:15px}.home-guide-step-top{grid-row:1/3;align-self:start;margin:0}.home-guide-step-top>span{font-size:27px}.home-guide-step-top .icon{display:none}.home-guide-steps h3{margin:0;font-size:15px}.home-guide-steps p{font-size:12px}.home-guide-bottom{flex-direction:column-reverse;align-items:stretch;gap:14px;margin-top:18px}.home-guide-bottom p{text-align:center}.home-guide-bottom .button{justify-content:center}}