/* Shared appearance controls; each skin retains its own layout and palette. */
.skin-toolbar{max-width:1344px;margin:0 auto;padding:12px 0 0;display:flex;justify-content:flex-end;align-items:center;gap:14px;color:var(--muted);font-family:inherit}
.skin-picker{display:flex;align-items:center;gap:12px;font-size:.75rem;line-height:1.4;min-width:0}
.skin-picker select{display:block;width:auto;max-width:100%;min-width:0;min-height:44px;margin:0;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);font-family:inherit;font-size:16px;cursor:pointer;line-height:1.4}
.skin-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.skin-toolbar[hidden]{display:none!important}
.skin-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-page .skin-toolbar{max-width:1360px;margin-inline:auto;padding:12px clamp(20px,5vw,64px) 0}
:where(html[data-skin="classic"]) .brand-mark,:where(html[data-skin="classic"]) .page-brand img,:where(html[data-skin="classic"]) .platform-app-mark img{content:url('/assets/brand/classic-mark.png')}
@media(max-width:1440px){.skin-toolbar{margin-inline:48px}}
@media(max-width:1100px){.skin-toolbar{margin-inline:32px}}
@media(max-width:720px){.skin-toolbar{margin-inline:20px;padding-top:10px}.skin-picker{gap:10px;font-size:.73rem}.skin-picker select{max-width:235px;padding-right:24px}.public-page .skin-toolbar{margin-inline:0}}
@media(max-width:360px){.skin-toolbar{margin-inline:16px}.skin-picker{gap:8px}.skin-picker select{max-width:214px}}
@media print{.skin-toolbar{display:none!important}}