.archive-theme-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 36px 18px;font:11px/1.4 Arial,sans-serif;letter-spacing:.06em;color:#665e53}.archive-theme-control select{font:12px/1.4 Arial,sans-serif;letter-spacing:0;min-height:38px;max-width:160px;padding:8px 30px 8px 12px;border:1px solid #bcb4a7;border-radius:0;background:#f3f0e8;color:#181817;cursor:pointer}.archive-theme-control select:focus-visible{outline:2px solid #c63123;outline-offset:3px}.home-header+.archive-theme-control{margin:0 0 22px}.original-gate>.archive-theme-control{position:relative;z-index:2;flex:none;align-self:flex-end;margin:0 0 24px}.original-gate>section{margin-block:auto}.archive-theme-control label{font:inherit!important;color:inherit!important;margin:0!important;padding:0!important}
html[data-theme=dark] .archive-theme-control{color:#beb5a7}html[data-theme=dark] .archive-theme-control select{background:#24231f;color:#f3f0e8;border-color:#62594c;color-scheme:dark}
html[data-theme=dark] .original-gate{--gate-paper:#1d1c19;--gate-ink:#eee8dc;--gate-red:#ee7464;color-scheme:dark}html[data-theme=dark] .original-gate .original-gate-form>label{color:#bdb6aa}html[data-theme=dark] .original-gate .pin-slots>span{background:#292722;border-color:#6c6458;color:#eee8dc}html[data-theme=dark] .original-gate .pin-slots .is-filled,html[data-theme=dark] .original-gate .pin-control:focus-within .pin-slots .is-current{background:#38342d}html[data-theme=dark] .original-gate .original-gate-form button{color:#1d1c19}html[data-theme=dark] .original-gate .gate-art{opacity:.15}
@media(max-width:700px){.archive-theme-control{margin:0 20px 16px}.original-gate>.archive-theme-control{margin-bottom:20px}.archive-theme-control select{min-height:44px}}

header>.archive-theme-control{margin:0;flex:none;letter-spacing:0}.home-header{flex-wrap:wrap}.home-header>.archive-theme-control{width:100%;margin-top:-18px}.original-shell header,.archive header{flex-wrap:wrap}.original-shell header .navigation{margin-left:auto}
@media(max-width:900px){header>.archive-theme-control{justify-content:flex-end;margin:14px 0 16px}.original-shell header{gap:14px}.home-header>.archive-theme-control{margin-top:0}}

.archive-theme-control{gap:0}.archive-theme-button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #c9c0b3;border-radius:50%;background:transparent;color:#181817;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;touch-action:manipulation}.archive-theme-button .theme-icon{display:none;width:21px;height:21px;pointer-events:none}.archive-theme-button .theme-icon--auto{display:block}html[data-theme-mode=light] .archive-theme-button .theme-icon--auto,html[data-theme-mode=dark] .archive-theme-button .theme-icon--auto{display:none}html[data-theme-mode=light] .archive-theme-button .theme-icon--light,html[data-theme-mode=dark] .archive-theme-button .theme-icon--dark{display:block}.archive-theme-button:hover{background:#e5ded0;border-color:#a82f24}.archive-theme-button:active{transform:scale(.94)}.archive-theme-button:focus-visible{outline:2px solid #c63123;outline-offset:4px}html[data-theme=dark] .archive-theme-button{color:#eee8dc;border-color:#62594c}html[data-theme=dark] .archive-theme-button:hover{background:#38342d;border-color:#ee7464}@media(prefers-reduced-motion:reduce){.archive-theme-button{transition:none}}

@media(max-width:580px){header:has(>.brand)>.archive-theme-control{position:absolute;right:0;top:24px;margin:0}header:has(>.brand){padding-right:54px}header:has(>.brand)>.navigation{width:calc(100% + 54px)}}

@media(max-width:580px){header:has(>.brand)>.brand{font-size:clamp(22px,7vw,30px)}}

/* Keep navigation and utilities together at the right edge on every archive page. */
header:has(>.brand)>.navigation{margin-left:auto}
header>.archive-theme-control{gap:10px}
.archive-logout{margin:0;padding:0;display:flex}
@media(min-width:581px){header:has(>.brand){flex-wrap:nowrap;gap:20px}header:has(>.brand)>.archive-theme-control{margin:0}}
@media(max-width:580px){header:has(>.brand){padding-right:108px}header:has(>.brand)>.navigation{width:calc(100% + 108px)}header:has(>.brand)>.brand{font-size:clamp(18px,5.5vw,27px);letter-spacing:-1px}header:has(>.brand)>.archive-theme-control{gap:6px}}