/* A visible, labelled sky switch, centred in the existing desktop navigation. */
.is-home .sky-mode-switch{position:relative;padding:5px;gap:4px;border-color:#ffffffd9;background:#e1f0ff52;box-shadow:0 4px 18px #184d8430,inset 0 1px #ffffffb3}
.is-home .sky-mode-switch button{padding:9px 13px;font-size:13px;line-height:1.25;min-height:36px;color:var(--sky-ink)}
.is-home .sky-mode-switch button[aria-pressed=true]{background:#245f98;color:#fff;box-shadow:0 2px 7px #17457238,inset 0 1px #ffffff30}
.is-home .sky-mode-switch button:hover:not([aria-pressed=true]){background:#ffffff3d}
.sky-mode-hint{position:absolute;right:calc(100% + 13px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;font:500 12px/1.2 var(--ui);color:var(--sky-ink);pointer-events:none}
.sky-mode-switch .sky-mode-hint svg{width:35px;height:20px}
html[data-sky-mode=night] .is-home .sky-mode-switch{background:#182b4c94;border-color:#bed9ff9c;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff24}
html[data-sky-mode=night] .is-home .sky-mode-switch button[aria-pressed=true]{background:#c5ddff;color:#163959;box-shadow:0 2px 8px #0002,inset 0 1px #ffffffc9}
@media(min-width:1380px){.is-home .sky-mode-switch{position:absolute;left:50%;transform:translateX(-50%);margin:0}}
@media(max-width:1379px){.sky-mode-hint{right:auto;left:50%;top:-16px;transform:translateX(-50%);font-size:10px;gap:4px}.sky-mode-switch .sky-mode-hint svg{width:18px;height:12px;transform:rotate(36deg)}.is-home .sky-mode-switch{margin-top:10px}}
@media(max-width:1050px){.is-home .sky-mode-switch button{padding:8px 10px;font-size:12px}}
@media(max-width:700px){.is-home .sky-mode-switch{padding:3px;gap:2px;margin-top:9px}.is-home .sky-mode-switch button{padding:7px 8px;font-size:10px;min-height:32px;gap:4px}.sky-mode-hint{font-size:9px;top:-14px;gap:3px}.sky-mode-switch .sky-mode-hint svg{width:15px;height:11px}.is-home .sky-mode-switch button svg{width:15px;height:15px}}
@media(max-width:360px){.is-home .sky-mode-switch button{padding:7px 9px}.sky-mode-hint{font-size:8px}.sky-mode-switch .sky-mode-hint svg{display:none}}

/* The Day/Night control now stands alone, without an instructional caption. */
.is-home .sky-mode-switch{margin-top:0}