/* Three palettes for the same guide. The native radios support arrow keys. */
.nav-right{position:relative}
.theme-picker[hidden]{display:none!important}
.theme-picker{position:absolute;right:0;top:calc(100% + 14px);z-index:1200;width:345px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 92px);overflow:auto;padding:22px;background:var(--ink-2);border:1px solid color-mix(in srgb,var(--gold) 27%,transparent);border-radius:18px;box-shadow:0 18px 65px #07161629;text-align:left;line-height:1.5;color:var(--text)}
.theme-picker h2{font-size:1.25rem;line-height:1.3;margin:0 0 17px;color:var(--ivory)}
.theme-options{border:0;padding:0;margin:0;display:grid;gap:9px;min-width:0}
.theme-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.theme-option{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 16px;align-items:center;gap:13px;min-height:80px;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 17%,transparent);border-radius:11px;cursor:pointer;touch-action:manipulation;user-select:none;background:transparent;transition:border-color .2s,background .2s}
.theme-option:hover{border-color:var(--gold)}
.theme-option.is-selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}
.theme-option:focus-within{outline:3px solid var(--teal);outline-offset:3px}
.theme-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.theme-option-copy{min-width:0}.theme-option-copy strong{display:block;font-family:var(--display);font-size:14px;font-weight:400;color:var(--ivory);letter-spacing:.02em;margin-bottom:3px}.theme-option-copy small{display:block;font-size:11px;line-height:1.6;color:var(--text-dim)}
.theme-option-check{font-size:15px;color:var(--gold);opacity:0}.theme-option.is-selected .theme-option-check{opacity:1}
.theme-preview{position:relative;display:block;height:51px;border-radius:7px;border:1px solid #00000012;overflow:hidden;background:#f8faf6;--preview-ink:#43796e;--preview-geometry:#a9c5bc}
.theme-preview::before{content:'';position:absolute;width:42px;height:42px;left:6px;top:4px;border:1px solid var(--preview-geometry);transform:rotate(45deg);opacity:.55}
.theme-preview::after{content:'';position:absolute;left:15px;top:6px;width:24px;height:24px;border:1px solid var(--preview-geometry);border-radius:50%;opacity:.7}
.theme-preview>span{position:absolute;left:12px;right:12px;top:23px;height:2px;background:var(--preview-ink);opacity:.85}
.theme-preview>i{position:absolute;left:17px;right:17px;top:29px;height:1px;background:var(--preview-ink);opacity:.45}
.theme-preview>b{position:absolute;left:19px;right:19px;bottom:7px;height:4px;border-radius:2px;background:var(--preview-ink)}
.theme-preview-dark{background:#151c21;--preview-ink:#dcc68e;--preview-geometry:#747a79}.theme-preview-desert{background:#fbf5e9;--preview-ink:#a66043;--preview-geometry:#ceb38c}
#theme-picker-note{margin:16px 0 12px;font-size:10px;color:var(--text-dim);line-height:1.6}
#theme-picker-done{min-height:40px;padding:7px 18px;background:transparent;color:var(--gold-hi);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:7px;font-family:var(--display);font-size:12px;margin-left:auto;display:block}
#theme-picker-done:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.theme-toggle .theme-desert{display:none}.theme-toggle .theme-chevron{width:10px;height:10px;flex:none;transition:transform .2s}.theme-toggle[aria-expanded=true] .theme-chevron{transform:rotate(180deg)}
html[data-theme=desert] .theme-toggle .theme-sun{display:none}html[data-theme=desert] .theme-toggle .theme-desert{display:block}
@media(min-width:1201px){.theme-toggle .theme-toggle-label{display:inline}.theme-toggle{min-width:85px;gap:7px}}
@media(max-width:620px){.theme-toggle .theme-chevron{display:none}.theme-picker{padding:18px;top:calc(100% + 10px)}.theme-picker h2{font-size:1.2rem}.theme-option{grid-template-columns:46px minmax(0,1fr) 15px;gap:11px;padding:11px;min-height:79px}.theme-option-copy strong{font-size:14px}.theme-option-copy small{font-size:11px}.theme-preview{height:47px}.theme-preview>span{left:9px;right:9px}.theme-preview>i{left:13px;right:13px}.theme-preview>b{left:15px;right:15px}.theme-preview::before{left:2px}.theme-preview::after{left:11px}#theme-picker-done{min-height:44px;font-size:13px}#theme-picker-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.theme-option,.theme-chevron{transition:none}}