/* Persistent selection is distinct from hover, focus and an action button. */
:root{--selected-bg:#284d3c;--selected-ink:#fff;--selected-border:#284d3c;--selected-soft:#e6eedb;--selected-soft-ink:#24432f}
html[data-theme="dark"]{--selected-bg:#a9cb91;--selected-ink:#15271a;--selected-border:#a9cb91;--selected-soft:#2c4533;--selected-soft-ink:#e2f0d5}
html[data-theme] .appnav-actions .btn[aria-current="page"],html[data-theme] .tabs .tab.active,html[data-theme] .tabs .tab[aria-current="page"],html[data-theme] .admin-sidebar button.active,html[data-theme] .account-options a[aria-current="page"],html[data-theme] .account-languages button.selected,html[data-theme] .language-switch button.selected,html[data-theme] .guide-chapters button[aria-current="step"],html[data-theme] .btn[aria-pressed="true"]:not(:disabled){background:var(--selected-bg)!important;color:var(--selected-ink)!important;border-color:var(--selected-border);font-weight:700}
.tabs{gap:8px;padding-block:6px 12px}
.tabs .tab{border:1px solid transparent;border-radius:10px;padding:14px 20px}
.tabs .tab.active{box-shadow:inset 0 -3px 0 var(--selected-border)}
.appnav-actions .btn[aria-current="page"]{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--selected-border)}
.admin-sidebar button.active{box-shadow:inset 4px 0 0 var(--selected-ink)}
[dir="rtl"] .admin-sidebar button.active{box-shadow:inset -4px 0 0 var(--selected-ink)}
.account-options a[aria-current="page"]{border-radius:9px}
.account-languages button.selected,.language-switch button.selected{box-shadow:inset 0 0 0 1px var(--selected-border)}
html[data-theme] .stepitem.active{background:var(--selected-soft);color:var(--selected-soft-ink);border-radius:10px;box-shadow:inset 0 0 0 1px var(--selected-border)}
html[data-theme] .stepitem.active>span{background:var(--selected-bg);color:var(--selected-ink)}
html[data-theme] .thumb.selected{background:var(--selected-soft);color:var(--selected-soft-ink);border:2px solid var(--selected-border);box-shadow:inset 4px 0 0 var(--selected-border)}
[dir="rtl"] html[data-theme] .thumb.selected{box-shadow:inset -4px 0 0 var(--selected-border)}
html[data-theme] .thumb.selected small{color:var(--selected-soft-ink);font-weight:700}
.theme[aria-pressed="true"]{outline:3px solid var(--selected-border);outline-offset:4px;position:relative}
.theme[aria-pressed="true"]:after{content:"✓";position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--selected-bg);color:var(--selected-ink);font-weight:800}
html[data-theme] .header-icon.theme-toggle[aria-pressed="true"],html[data-theme] .account-menu[open]>summary,html[data-theme] .password-toggle[aria-pressed="true"]{background:var(--selected-soft);color:var(--selected-soft-ink);box-shadow:inset 0 0 0 1px var(--selected-border)}
html[data-theme] .guide-anchor-nav a[aria-current="location"],html[data-theme] .landing-links a[aria-current="location"],html[data-theme] .landing-mobile-menu a[aria-current="location"]{background:var(--selected-soft);color:var(--selected-soft-ink);box-shadow:inset 0 -3px 0 var(--selected-border);border-radius:6px;font-weight:700}
.guide-anchor-nav a,.landing-links a{padding:10px 12px}
html[data-theme] .guide-chapters button[aria-current="step"] span{background:transparent!important;color:var(--selected-ink)!important}
.participant-options label:has(input:checked){background:var(--selected-soft);color:var(--selected-soft-ink);border:2px solid var(--selected-border);box-shadow:inset 4px 0 0 var(--selected-border)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--selected-bg)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--selected-border);outline-offset:4px}
:where(.btn,.tab,.header-icon,.account-languages button,.guide-chapters button):not(:disabled):active{filter:brightness(.92)}
@media(max-width:600px){.tabs .tab{padding:12px 14px}.tabs{gap:4px}.guide-anchor-nav a{padding:10px}}