.head .skin-picker{position:relative;flex:0 0 32px;margin:0}.skin-picker summary{display:flex;align-items:center;justify-content:center;width:32px;height:36px;cursor:pointer;list-style:none}.skin-picker summary::-webkit-details-marker{display:none}.skin-options{position:absolute;right:0;top:42px;z-index:1000;min-width:128px;max-width:min(230px,80vw);padding:4px;background:#fff;color:#292b30;border:1px solid #ddd;border-radius:9px;box-shadow:0 5px 20px #0003}.head .skin-options a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 10px;font-size:13px;line-height:1.4;text-decoration:none;color:inherit}.skin-options a[aria-current]{background:#fff1dc;color:#ad6200;border-radius:5px}.skin-picker summary:focus-visible,.skin-options a:focus-visible{outline:2px solid #e99021;outline-offset:2px}

.skin-picker summary{border-radius:10px;transition:background .15s,color .15s}.skin-picker[open] summary{background:rgba(232,151,49,.13);color:#cf8124}.skin-icon{display:block;flex:none}@media(hover:hover){.skin-picker summary:hover{background:rgba(232,151,49,.10)}}

/* Match the header's 14px side inset between its trailing controls. */
.head:has(>.skin-picker){justify-content:flex-start;gap:14px;padding-left:14px;padding-right:14px}
.head:has(>.skin-picker)>.header-search{margin-left:auto;min-width:0;flex:0 1 40%}
.head:has(>.skin-picker)>.saved-link{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:36px;margin:0}
.head>.skin-picker{flex:0 0 24px;width:24px}
.head>.skin-picker>summary{width:24px}
