/* Generated palette tokens. Edit appearance.js and src/appearance.css. */
:root[data-theme="light"][data-primary="sage"]{--primary:#355d4d;--on-primary:#ffffff;--green:#355d4d}
:root[data-theme="light"][data-accent1="sage"]{--accent-1-surface:#e9f1e7;--accent-1-ink:#355d4d;--accent-1-stroke:#84a58e}
:root[data-theme="light"][data-accent2="sage"]{--accent-2-surface:#e9f1e7;--accent-2-ink:#355d4d;--accent-2-stroke:#84a58e}
:root[data-theme="light"][data-accent3="sage"]{--accent-3-surface:#e9f1e7;--accent-3-ink:#355d4d;--accent-3-stroke:#84a58e}
:root[data-theme="light"][data-accent4="sage"]{--accent-4-surface:#e9f1e7;--accent-4-ink:#355d4d;--accent-4-stroke:#84a58e}
:root[data-theme="light"] .appearance-swatch[data-palette="sage"]{background:#355d4d}
:root[data-theme="dark"][data-primary="sage"]{--primary:#a6c8b3;--on-primary:#142119;--green:#a6c8b3}
:root[data-theme="dark"][data-accent1="sage"]{--accent-1-surface:#263b30;--accent-1-ink:#c7e1cf;--accent-1-stroke:#a6c8b3}
:root[data-theme="dark"][data-accent2="sage"]{--accent-2-surface:#263b30;--accent-2-ink:#c7e1cf;--accent-2-stroke:#a6c8b3}
:root[data-theme="dark"][data-accent3="sage"]{--accent-3-surface:#263b30;--accent-3-ink:#c7e1cf;--accent-3-stroke:#a6c8b3}
:root[data-theme="dark"][data-accent4="sage"]{--accent-4-surface:#263b30;--accent-4-ink:#c7e1cf;--accent-4-stroke:#a6c8b3}
:root[data-theme="dark"] .appearance-swatch[data-palette="sage"]{background:#a6c8b3}
:root[data-theme="light"][data-primary="lavender"]{--primary:#695080;--on-primary:#ffffff;--green:#695080}
:root[data-theme="light"][data-accent1="lavender"]{--accent-1-surface:#f0ecf6;--accent-1-ink:#695080;--accent-1-stroke:#b59acb}
:root[data-theme="light"][data-accent2="lavender"]{--accent-2-surface:#f0ecf6;--accent-2-ink:#695080;--accent-2-stroke:#b59acb}
:root[data-theme="light"][data-accent3="lavender"]{--accent-3-surface:#f0ecf6;--accent-3-ink:#695080;--accent-3-stroke:#b59acb}
:root[data-theme="light"][data-accent4="lavender"]{--accent-4-surface:#f0ecf6;--accent-4-ink:#695080;--accent-4-stroke:#b59acb}
:root[data-theme="light"] .appearance-swatch[data-palette="lavender"]{background:#695080}
:root[data-theme="dark"][data-primary="lavender"]{--primary:#c7b1e0;--on-primary:#1d1626;--green:#c7b1e0}
:root[data-theme="dark"][data-accent1="lavender"]{--accent-1-surface:#372d43;--accent-1-ink:#dfcdef;--accent-1-stroke:#c7b1e0}
:root[data-theme="dark"][data-accent2="lavender"]{--accent-2-surface:#372d43;--accent-2-ink:#dfcdef;--accent-2-stroke:#c7b1e0}
:root[data-theme="dark"][data-accent3="lavender"]{--accent-3-surface:#372d43;--accent-3-ink:#dfcdef;--accent-3-stroke:#c7b1e0}
:root[data-theme="dark"][data-accent4="lavender"]{--accent-4-surface:#372d43;--accent-4-ink:#dfcdef;--accent-4-stroke:#c7b1e0}
:root[data-theme="dark"] .appearance-swatch[data-palette="lavender"]{background:#c7b1e0}
:root[data-theme="light"][data-primary="rose"]{--primary:#8a4f68;--on-primary:#ffffff;--green:#8a4f68}
:root[data-theme="light"][data-accent1="rose"]{--accent-1-surface:#f8e9ef;--accent-1-ink:#8a4f68;--accent-1-stroke:#c18fa5}
:root[data-theme="light"][data-accent2="rose"]{--accent-2-surface:#f8e9ef;--accent-2-ink:#8a4f68;--accent-2-stroke:#c18fa5}
:root[data-theme="light"][data-accent3="rose"]{--accent-3-surface:#f8e9ef;--accent-3-ink:#8a4f68;--accent-3-stroke:#c18fa5}
:root[data-theme="light"][data-accent4="rose"]{--accent-4-surface:#f8e9ef;--accent-4-ink:#8a4f68;--accent-4-stroke:#c18fa5}
:root[data-theme="light"] .appearance-swatch[data-palette="rose"]{background:#8a4f68}
:root[data-theme="dark"][data-primary="rose"]{--primary:#e5b1c7;--on-primary:#281820;--green:#e5b1c7}
:root[data-theme="dark"][data-accent1="rose"]{--accent-1-surface:#432d38;--accent-1-ink:#f1cede;--accent-1-stroke:#e5b1c7}
:root[data-theme="dark"][data-accent2="rose"]{--accent-2-surface:#432d38;--accent-2-ink:#f1cede;--accent-2-stroke:#e5b1c7}
:root[data-theme="dark"][data-accent3="rose"]{--accent-3-surface:#432d38;--accent-3-ink:#f1cede;--accent-3-stroke:#e5b1c7}
:root[data-theme="dark"][data-accent4="rose"]{--accent-4-surface:#432d38;--accent-4-ink:#f1cede;--accent-4-stroke:#e5b1c7}
:root[data-theme="dark"] .appearance-swatch[data-palette="rose"]{background:#e5b1c7}
:root[data-theme="light"][data-primary="sky"]{--primary:#355f89;--on-primary:#ffffff;--green:#355f89}
:root[data-theme="light"][data-accent1="sky"]{--accent-1-surface:#eaf1f7;--accent-1-ink:#355f89;--accent-1-stroke:#9ab8d1}
:root[data-theme="light"][data-accent2="sky"]{--accent-2-surface:#eaf1f7;--accent-2-ink:#355f89;--accent-2-stroke:#9ab8d1}
:root[data-theme="light"][data-accent3="sky"]{--accent-3-surface:#eaf1f7;--accent-3-ink:#355f89;--accent-3-stroke:#9ab8d1}
:root[data-theme="light"][data-accent4="sky"]{--accent-4-surface:#eaf1f7;--accent-4-ink:#355f89;--accent-4-stroke:#9ab8d1}
:root[data-theme="light"] .appearance-swatch[data-palette="sky"]{background:#355f89}
:root[data-theme="dark"][data-primary="sky"]{--primary:#a8c6e5;--on-primary:#14202c;--green:#a8c6e5}
:root[data-theme="dark"][data-accent1="sky"]{--accent-1-surface:#263849;--accent-1-ink:#c4dcf3;--accent-1-stroke:#a8c6e5}
:root[data-theme="dark"][data-accent2="sky"]{--accent-2-surface:#263849;--accent-2-ink:#c4dcf3;--accent-2-stroke:#a8c6e5}
:root[data-theme="dark"][data-accent3="sky"]{--accent-3-surface:#263849;--accent-3-ink:#c4dcf3;--accent-3-stroke:#a8c6e5}
:root[data-theme="dark"][data-accent4="sky"]{--accent-4-surface:#263849;--accent-4-ink:#c4dcf3;--accent-4-stroke:#a8c6e5}
:root[data-theme="dark"] .appearance-swatch[data-palette="sky"]{background:#a8c6e5}
:root[data-theme="light"][data-primary="peach"]{--primary:#8a5328;--on-primary:#ffffff;--green:#8a5328}
:root[data-theme="light"][data-accent1="peach"]{--accent-1-surface:#fbefe3;--accent-1-ink:#8a5328;--accent-1-stroke:#d4a26d}
:root[data-theme="light"][data-accent2="peach"]{--accent-2-surface:#fbefe3;--accent-2-ink:#8a5328;--accent-2-stroke:#d4a26d}
:root[data-theme="light"][data-accent3="peach"]{--accent-3-surface:#fbefe3;--accent-3-ink:#8a5328;--accent-3-stroke:#d4a26d}
:root[data-theme="light"][data-accent4="peach"]{--accent-4-surface:#fbefe3;--accent-4-ink:#8a5328;--accent-4-stroke:#d4a26d}
:root[data-theme="light"] .appearance-swatch[data-palette="peach"]{background:#8a5328}
:root[data-theme="dark"][data-primary="peach"]{--primary:#ebbe99;--on-primary:#271c13;--green:#ebbe99}
:root[data-theme="dark"][data-accent1="peach"]{--accent-1-surface:#433428;--accent-1-ink:#f2d3b7;--accent-1-stroke:#ebbe99}
:root[data-theme="dark"][data-accent2="peach"]{--accent-2-surface:#433428;--accent-2-ink:#f2d3b7;--accent-2-stroke:#ebbe99}
:root[data-theme="dark"][data-accent3="peach"]{--accent-3-surface:#433428;--accent-3-ink:#f2d3b7;--accent-3-stroke:#ebbe99}
:root[data-theme="dark"][data-accent4="peach"]{--accent-4-surface:#433428;--accent-4-ink:#f2d3b7;--accent-4-stroke:#ebbe99}
:root[data-theme="dark"] .appearance-swatch[data-palette="peach"]{background:#ebbe99}
:root[data-theme="light"][data-primary="teal"]{--primary:#276a66;--on-primary:#ffffff;--green:#276a66}
:root[data-theme="light"][data-accent1="teal"]{--accent-1-surface:#e2f2ef;--accent-1-ink:#276a66;--accent-1-stroke:#7baea6}
:root[data-theme="light"][data-accent2="teal"]{--accent-2-surface:#e2f2ef;--accent-2-ink:#276a66;--accent-2-stroke:#7baea6}
:root[data-theme="light"][data-accent3="teal"]{--accent-3-surface:#e2f2ef;--accent-3-ink:#276a66;--accent-3-stroke:#7baea6}
:root[data-theme="light"][data-accent4="teal"]{--accent-4-surface:#e2f2ef;--accent-4-ink:#276a66;--accent-4-stroke:#7baea6}
:root[data-theme="light"] .appearance-swatch[data-palette="teal"]{background:#276a66}
:root[data-theme="dark"][data-primary="teal"]{--primary:#96ccc7;--on-primary:#102321;--green:#96ccc7}
:root[data-theme="dark"][data-accent1="teal"]{--accent-1-surface:#253d3b;--accent-1-ink:#b9e2dc;--accent-1-stroke:#96ccc7}
:root[data-theme="dark"][data-accent2="teal"]{--accent-2-surface:#253d3b;--accent-2-ink:#b9e2dc;--accent-2-stroke:#96ccc7}
:root[data-theme="dark"][data-accent3="teal"]{--accent-3-surface:#253d3b;--accent-3-ink:#b9e2dc;--accent-3-stroke:#96ccc7}
:root[data-theme="dark"][data-accent4="teal"]{--accent-4-surface:#253d3b;--accent-4-ink:#b9e2dc;--accent-4-stroke:#96ccc7}
:root[data-theme="dark"] .appearance-swatch[data-palette="teal"]{background:#96ccc7}
:root[data-theme="light"][data-primary="sand"]{--primary:#75602e;--on-primary:#ffffff;--green:#75602e}
:root[data-theme="light"][data-accent1="sand"]{--accent-1-surface:#f5f0dd;--accent-1-ink:#75602e;--accent-1-stroke:#bba667}
:root[data-theme="light"][data-accent2="sand"]{--accent-2-surface:#f5f0dd;--accent-2-ink:#75602e;--accent-2-stroke:#bba667}
:root[data-theme="light"][data-accent3="sand"]{--accent-3-surface:#f5f0dd;--accent-3-ink:#75602e;--accent-3-stroke:#bba667}
:root[data-theme="light"][data-accent4="sand"]{--accent-4-surface:#f5f0dd;--accent-4-ink:#75602e;--accent-4-stroke:#bba667}
:root[data-theme="light"] .appearance-swatch[data-palette="sand"]{background:#75602e}
:root[data-theme="dark"][data-primary="sand"]{--primary:#d8c48e;--on-primary:#242013;--green:#d8c48e}
:root[data-theme="dark"][data-accent1="sand"]{--accent-1-surface:#3d3828;--accent-1-ink:#e7d7ac;--accent-1-stroke:#d8c48e}
:root[data-theme="dark"][data-accent2="sand"]{--accent-2-surface:#3d3828;--accent-2-ink:#e7d7ac;--accent-2-stroke:#d8c48e}
:root[data-theme="dark"][data-accent3="sand"]{--accent-3-surface:#3d3828;--accent-3-ink:#e7d7ac;--accent-3-stroke:#d8c48e}
:root[data-theme="dark"][data-accent4="sand"]{--accent-4-surface:#3d3828;--accent-4-ink:#e7d7ac;--accent-4-stroke:#d8c48e}
:root[data-theme="dark"] .appearance-swatch[data-palette="sand"]{background:#d8c48e}
:root[data-theme="light"][data-primary="slate"]{--primary:#4a5969;--on-primary:#ffffff;--green:#4a5969}
:root[data-theme="light"][data-accent1="slate"]{--accent-1-surface:#edf0f3;--accent-1-ink:#4a5969;--accent-1-stroke:#9aa8b7}
:root[data-theme="light"][data-accent2="slate"]{--accent-2-surface:#edf0f3;--accent-2-ink:#4a5969;--accent-2-stroke:#9aa8b7}
:root[data-theme="light"][data-accent3="slate"]{--accent-3-surface:#edf0f3;--accent-3-ink:#4a5969;--accent-3-stroke:#9aa8b7}
:root[data-theme="light"][data-accent4="slate"]{--accent-4-surface:#edf0f3;--accent-4-ink:#4a5969;--accent-4-stroke:#9aa8b7}
:root[data-theme="light"] .appearance-swatch[data-palette="slate"]{background:#4a5969}
:root[data-theme="dark"][data-primary="slate"]{--primary:#bdc7d2;--on-primary:#19212a;--green:#bdc7d2}
:root[data-theme="dark"][data-accent1="slate"]{--accent-1-surface:#303842;--accent-1-ink:#d5dee8;--accent-1-stroke:#bdc7d2}
:root[data-theme="dark"][data-accent2="slate"]{--accent-2-surface:#303842;--accent-2-ink:#d5dee8;--accent-2-stroke:#bdc7d2}
:root[data-theme="dark"][data-accent3="slate"]{--accent-3-surface:#303842;--accent-3-ink:#d5dee8;--accent-3-stroke:#bdc7d2}
:root[data-theme="dark"][data-accent4="slate"]{--accent-4-surface:#303842;--accent-4-ink:#d5dee8;--accent-4-stroke:#bdc7d2}
:root[data-theme="dark"] .appearance-swatch[data-palette="slate"]{background:#bdc7d2}
/* Semantic surfaces cover every screen; theme choices never alter saved category colours. */
:root{--background:#f8f9f5;--surface:#fff;--surface-alt:#f0f3ed;--inset:#edf1e9;--ink:#293e39;--muted:#52645c;--border:#d6dfd5;--danger:#9c3d45;--wheel-track:#e5ebe6;--on-primary:#fff}
:root[data-theme=dark]{color-scheme:dark;--background:#131d18;--surface:#1e2a23;--surface-alt:#25352b;--inset:#19251e;--ink:#e9efeb;--muted:#b1c0b6;--border:#526b5a;--danger:#f1a4ad;--wheel-track:#35483b}
:root[data-theme=light]{color-scheme:light}
body{background:var(--background);color:var(--ink)}
.profile-card,.auth-card,.progress-card,.approval-panel,.records-panel,dialog,.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}
.profile-accordion,.study-year-row,.approval-edit-choice{background:var(--surface-alt);border-color:var(--border)}
.primary,.year-tabs button[aria-selected=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.primary:hover,.year-tabs button[aria-selected=true]:hover{background:var(--primary);filter:brightness(.94)}
.year-tabs{background:var(--inset);border-color:var(--border)}.year-tabs small{color:var(--muted)}.year-tabs button[aria-selected=true] small{color:var(--on-primary)}.year-tabs button[data-current-year=true]{border-color:var(--primary)}.year-tabs button[data-current-year=true] strong::before{color:var(--primary)}.year-tabs button[aria-selected=true] strong::before{color:var(--on-primary)}.year-tabs button:hover:not([aria-selected=true]){background:var(--surface-alt)}.year-tabs .tab-viewing{border-color:currentColor}
.stat-card.total-card{background:var(--accent-1-surface);border-color:var(--border)}.stat-card.practice-card{background:var(--accent-2-surface);border-color:var(--border)}.stat-card.theory-card{background:var(--accent-3-surface);border-color:var(--border)}.stat-card.remaining-card{background:var(--accent-4-surface);border-color:var(--border)}
.brand-mark{background:var(--accent-1-surface);color:var(--accent-1-ink)}.profile-local-note,.gentle-note{background:var(--surface-alt)}
form input:not([type=checkbox]):not([type=radio]),form select,form textarea,.area-toolbar select,.graph-view-label select,.filters select,.search-field{background:var(--surface);border-color:var(--border);color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input,select,textarea,button{accent-color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--primary)}
#welcome-title:focus{outline:none}
.auth-tabs{background:var(--inset)}.auth-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.auth-feature>span{background:var(--accent-2-surface);color:var(--accent-2-ink)}.auth-feature:nth-of-type(2)>span{background:var(--accent-3-surface);color:var(--accent-3-ink)}
.auth-message{background:var(--accent-1-surface);color:var(--accent-1-ink)}.form-error,.danger{color:var(--danger)}.auth-card .auth-small,.auth-small{color:var(--muted)!important}.build-label{color:var(--muted)}
.reflection-option{background:var(--accent-3-surface)}.type-tag.practice{background:var(--accent-2-surface);color:var(--accent-2-ink)}.type-tag.theory{background:var(--accent-3-surface);color:var(--accent-3-ink)}.entry-approval{color:var(--accent-3-ink)}.entry-approval.approved{color:var(--primary)}
.profile-summary:hover,tbody tr:hover{background:var(--surface-alt)}thead,.records-top{background:var(--surface)}.count-badge{background:var(--inset);color:var(--ink)}
.chart-label{fill:var(--muted)}.chart-grid{stroke:var(--border)}.wheel-excess{color:var(--primary)!important}.toast{background:var(--primary);color:var(--on-primary)}
:root[data-theme=dark] .empty-illustration svg rect[fill="#fff"]{fill:var(--surface-alt)}.review-banner{background:var(--accent-3-surface);color:var(--ink)}.review-banner .text-button{color:var(--ink)}
.profile-card label.appearance-toggle{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:600}.appearance-toggle input[type=checkbox]{width:22px;min-height:22px;height:22px;margin:0;accent-color:var(--primary)}
.appearance-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.appearance-presets button{min-height:38px;padding:7px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px}.appearance-presets button:hover{border-color:var(--primary)}
#appearance-palette-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-colour-label{position:relative;display:block;min-width:0;font-size:12px;font-weight:600;padding-left:24px}.appearance-colour-label select{width:100%;min-height:44px;margin-top:7px}.appearance-swatch{position:absolute;width:14px;height:14px;left:0;top:3px;border-radius:50%;border:1px solid var(--border)}.appearance-colour-label:last-child{grid-column:1/-1}
.category-row-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}
@media(max-width:600px){.category-row-actions{grid-column:1/-1}}
@media(max-width:600px){#appearance-palette-controls{grid-template-columns:minmax(0,1fr)}.header-profile-summary{background:transparent}.appearance-colour-label:last-child{grid-column:auto}}

.edit-button,.filtered-summary{background:var(--surface);color:var(--ink);border-color:var(--border)}.edit-button:hover{background:var(--surface-alt)}.entry-year-label,.eyebrow,.prototype-note{color:var(--muted)}.empty-illustration{background:var(--surface-alt)}#progress-chart polyline[stroke="#58675f"]{stroke:var(--muted);stroke-opacity:.65}
.running-totals{margin:24px 0;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--ink)}.running-totals>summary{padding:20px 23px;font-size:16px;font-weight:650;cursor:pointer}.running-body{padding:0 23px 23px}.running-date-controls{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.running-date-controls label{flex:1;min-width:0;font-size:12px;font-weight:600}.running-date-controls input{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}.running-total-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.running-total-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0}.running-total-card span{display:block;font-size:12px}.running-total-card strong{display:block;font-size:22px;margin-top:8px}.running-chart>svg{display:block;width:100%;height:auto}.running-values summary{cursor:pointer;font-size:13px;padding:12px 0}.running-values ul{padding-left:20px;font-size:12px;line-height:1.9;max-height:240px;overflow:auto}.running-body>.field-hint{line-height:1.7}.running-chart .chart-legend span:before{display:none}
@media(max-width:600px){.running-total-cards{grid-template-columns:minmax(0,1fr)}.running-date-controls{flex-direction:column}.running-body{padding:0 16px 16px}.running-totals>summary{padding:18px 16px}}

@media(min-width:601px) and (max-width:1000px){.running-total-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profile-card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.profile-card-heading .button{flex-shrink:0}

#entry-approval-options{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.dialog-record-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media(max-width:600px){.dialog-record-actions{width:100%}}
footer .footer-actions{margin-left:auto}
/* Consistent spacing between the course heading, year navigation and log controls. */
#tracker-view .welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:28px 0 20px}#tracker-view .welcome h1{margin:0}#tracker-view .programme-actions{margin:0;flex-shrink:0}#tracker-view>.year-tabs{margin:0 0 24px}#year-panel>.section-heading{margin:0 0 20px;gap:16px;align-items:flex-start}#year-panel>.area-toolbar{margin:0 0 20px;gap:16px;align-items:center}#year-panel>.area-toolbar p{line-height:1.6;max-width:660px}
@media(max-width:600px){#tracker-view .welcome{margin:24px 0 16px;gap:6px 16px}#tracker-view>.year-tabs{margin-bottom:20px}#year-panel>.section-heading{gap:12px;margin-bottom:16px}#year-panel>.area-toolbar{margin-bottom:20px}}

/* Stable tab geometry: selection changes colour, never available text width. */
:root{scrollbar-gutter:stable}
#study-year-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;gap:8px;align-items:stretch}
#study-year-tabs [role=tab]{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-content:stretch;min-width:0;min-height:80px;padding:14px 16px;text-align:left;overflow-wrap:anywhere}
#study-year-tabs .tab-copy{display:block;min-width:0}
#study-year-tabs strong{display:block;font-size:14px;line-height:1.4;white-space:normal}
#study-year-tabs small{display:block;font-size:11px;line-height:1.5;margin-top:4px}

/* Keep the filter explanation aligned to the control, independently of its label. */
#year-panel>.area-toolbar{display:block}
.area-toolbar>label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.5}
.area-filter-controls{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:center;gap:16px}
.area-filter-controls select{width:100%;margin:0;min-height:44px}
#year-panel .area-filter-controls p{margin:0;max-width:none;line-height:1.6}
@media(max-width:600px){
  #study-year-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #study-year-tabs [role=tab]{min-height:88px;padding:12px}
  #study-year-tabs strong{font-size:13px}
  #study-year-tabs small{font-size:11px}
  .area-filter-controls{grid-template-columns:minmax(0,1fr);gap:8px}
}
/* The native disclosure retains its open state while rows and totals rerender. */
.hours-log-heading{padding:19px 24px;cursor:pointer;line-height:1.5}.hours-log-heading h3{display:inline;margin:0}.hours-log-heading::marker{color:var(--primary)}.hours-log[open]>.hours-log-heading{border-bottom:1px solid var(--border)}.hours-log-heading:focus-visible{outline:3px solid var(--primary);outline-offset:-5px}.hours-log-content>.records-top{padding-top:16px;padding-bottom:16px}.hours-log-content>.records-top>p{margin:0;line-height:1.6}
@media(max-width:600px){.hours-log-heading{padding:17px 16px}.hours-log-content>.records-top{padding:16px}.hours-log-content>.records-top>p{margin-bottom:12px}}