/* Compact mobile disclosure; the existing desktop appearance switch stays in place. */
.skin-appearance-mobile{display:none}
@media(max-width:760px){
  .skin-appearance{display:none}
  .site-header{position:relative;gap:8px}
  .skin-appearance-mobile{display:flex;align-items:center;flex:0 0 44px;margin-left:auto}
  .site-header>.skin-appearance-mobile+.menu-toggle{margin-left:0}
  .site-header .skin-appearance-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
  .site-header .skin-appearance-toggle svg{display:block;width:20px;height:20px}
  .site-header .skin-appearance-toggle:hover,.site-header .skin-appearance-toggle[aria-expanded=true]{color:var(--ink);background:var(--appearance-track);border-color:var(--appearance-line)}
  .site-header .skin-appearance-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
  .skin-appearance-mobile>.skin-appearance{display:none;position:absolute;top:calc(100% - 2px);right:0;left:auto;z-index:60;width:min(224px,calc(100vw - 40px));margin:0;padding:16px;border:1px solid var(--appearance-line);border-radius:18px;background:var(--appearance-surface);box-shadow:0 12px 36px #00000018;text-align:left}
  .skin-appearance-mobile[data-open=true]>.skin-appearance{display:block;animation:skin-appearance-open .16s ease-out}
  .skin-appearance-mobile .skin-appearance-label{display:block;margin:0 0 8px;padding:0 10px;color:var(--muted);font-size:.8125rem;font-weight:500;line-height:1.5}
  .skin-appearance-mobile .skin-appearance-switch{display:grid;grid-template-columns:1fr;gap:4px;width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent}
  .skin-appearance-mobile .skin-appearance-indicator{display:none}
  .skin-appearance-mobile .skin-appearance-switch button{justify-content:flex-start;flex-wrap:nowrap;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;font-size:.9375rem;color:var(--ink)}
  .skin-appearance-mobile .skin-appearance-switch button[aria-pressed=true]{background:#d9ff57;color:#141618}
  .skin-appearance-mobile .skin-appearance-switch button[aria-pressed=true]::after{content:'✓';margin-left:auto;font-size:1rem}
  .skin-appearance-mobile .skin-appearance-switch button:hover:not([aria-pressed=true]){background:var(--appearance-track)}
  .skin-appearance-mobile .skin-appearance-switch button svg{transform:none}
  @keyframes skin-appearance-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.skin-appearance-mobile *{animation:none!important;transition:none!important}}
body.motion-paused .skin-appearance-mobile *{animation:none!important;transition:none!important}