.v4-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--muted);border-radius:999px;background:var(--surface);color:var(--ink);font:500 12px/1.2 var(--f-ui);cursor:pointer}
.v4-theme-toggle:hover{background:var(--soft)}
.v4-theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.v4-theme-icon{font-size:18px;line-height:1}
@media(max-width:639px){.v4-theme-toggle-label{display:none}.v4-theme-toggle{padding:8px}}
@media(max-width:639px){.v4-hero{height:min(60vh,480px)}}
@media(min-width:640px) and (max-width:1023px){.v4-hero{height:min(70vh,620px)}}