/* The transparent modal backdrop leaves the clipped target visible through the shade. */
.spotlight-hole{position:fixed;z-index:9998;pointer-events:none;border:2px solid #d0c29c;border-radius:14px;box-shadow:0 0 0 9999px rgba(8,28,27,.66),0 0 0 5px rgba(255,255,255,.14);box-sizing:border-box}
.spotlight-hole[hidden]{display:none}
#guide-dialog{position:fixed;inset:auto;margin:0;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:visible;padding:0;border:1px solid #e3e6da;border-radius:18px;background:#fffef8;color:#153d3a;box-shadow:0 16px 64px #061d1c40;box-sizing:border-box}
#guide-dialog::backdrop{background:transparent}
#guide-dialog .spotlight-content{padding:24px;max-height:calc(100dvh - 34px);overflow-y:auto;box-sizing:border-box;border-radius:inherit}
#guide-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
#guide-dialog .eyebrow{font-size:10px;font-weight:800;letter-spacing:1.35px;color:#5a7568}
#guide-dialog .dialog-heading button{border:0;background:transparent;color:#426358;font-size:25px;line-height:28px;cursor:pointer;width:40px;height:40px}
#guide-progress{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#927949;margin:0 0 10px}
#guide-title{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.14;margin:0 0 12px;letter-spacing:-.6px;outline:none}
#guide-body{font-size:14px;line-height:1.65;color:#567068;margin:0 0 22px}
#guide-dialog .btn{min-height:44px;margin:0 6px 8px 0;border-radius:9px;padding:10px 13px;font-size:13px}
#guide-dialog [data-guide-next]{background:#163f36;color:#fffef4;border:1px solid #163f36}
#guide-dialog [data-guide-back]{background:transparent;border:1px solid #dde4da;color:#274e42}
#guide-dialog .link-button{min-height:44px;color:#60766f;font-size:12px}
#guide-dialog [hidden]{display:none!important}
#guide-dialog button:focus-visible{outline:3px solid #aa762f;outline-offset:3px}
.spotlight-arrow{position:absolute;width:16px;height:16px;background:#fffef8;transform:rotate(45deg);border:1px solid #e3e6da;z-index:-1;pointer-events:none}
#guide-dialog[data-arrow=top] .spotlight-arrow{top:-9px;left:calc(var(--arrow-x) - 8px);border-right:0;border-bottom:0}
#guide-dialog[data-arrow=bottom] .spotlight-arrow{bottom:-9px;left:calc(var(--arrow-x) - 8px);border-top:0;border-left:0}
#guide-dialog[data-arrow=left] .spotlight-arrow{left:-9px;top:calc(var(--arrow-y) - 8px);border-top:0;border-right:0}
#guide-dialog[data-arrow=right] .spotlight-arrow{right:-9px;top:calc(var(--arrow-y) - 8px);border-left:0;border-bottom:0}
#guide-dialog[data-arrow=none] .spotlight-arrow{display:none}
@media(max-width:700px){#guide-dialog{width:330px}#guide-dialog .spotlight-content{padding:18px}#guide-title{font-size:24px}#guide-body{font-size:13px;margin-bottom:14px}}
.a11y-large #guide-body{font-size:1.1rem}.a11y-contrast #guide-dialog{border:2px solid #000;background:#fff;color:#000}.a11y-contrast #guide-body,.a11y-contrast #guide-progress,.a11y-contrast #guide-dialog .eyebrow{color:#000}