@font-face{font-family:"Vecka Display";src:url("/assets/vecka-display.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
:root{color-scheme:light;--paper:#faf9f5;--surface:#fffefa;--ink:#222b32;--muted:#59646c;--line:#d6d8d5;--strong-line:#737c82;--blue:#244f72;--blue-soft:#e9eff3;--red:#a83129;--eve:var(--red);--ad:#efefeb;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Vecka Display",Georgia,serif;font:16px/1.5 var(--font-ui);font-synthesis:none;background:var(--paper);color:var(--ink)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#202427;--surface:#262b2f;--ink:#f2f1ec;--muted:#b9c1c5;--line:#49535b;--strong-line:#929da5;--blue:#bedcf7;--blue-soft:#2c3d49;--red:#f3aaa3;--ad:#272d30}}
:root[data-theme=dark]{color-scheme:dark;--paper:#202427;--surface:#262b2f;--ink:#f2f1ec;--muted:#b9c1c5;--line:#49535b;--strong-line:#929da5;--blue:#bedcf7;--blue-soft:#2c3d49;--red:#f3aaa3;--ad:#272d30}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{background:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.disabled{opacity:.4}h1,h2,p{margin:0}h1,h2{font-family:var(--font-display)}h1{font-size:2rem;line-height:1.2;letter-spacing:-1px;font-weight:600}h2{font-size:1.125rem;font-weight:600;line-height:1.35}ul{padding:0;margin:0;list-style:none}abbr{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:8px;left:8px;transform:translateY(-200%);background:var(--surface);padding:12px;z-index:10}.skip:focus{transform:none}[hidden]{display:none!important}
.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);gap:16px}.wordmark{text-decoration:none;letter-spacing:-1.5px;font-size:1.875rem;font-weight:700;white-space:nowrap}.wordmark span{font-weight:400}.header-actions{display:flex;align-items:center;gap:12px}.lookup-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:0;min-height:44px;padding:8px 2px;font-size:.9375rem}.lookup-toggle svg{width:18px;height:18px;flex:none}.lookup-panel{padding:18px 0;border-bottom:1px solid var(--line)}.lookup-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.lookup-form label{display:grid;gap:6px}.lookup-form input{min-height:44px;padding:8px 10px;border:1px solid var(--strong-line);border-radius:3px;background:var(--surface);max-width:100%;min-width:0}.lookup-form button{min-height:44px;padding:8px 18px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:var(--paper)}.lookup-help{font-size:.8125rem;color:var(--muted);margin-top:8px}.error{color:var(--red);margin-top:8px;font-size:.875rem}
.month-toolbar h2{font-size:2rem;line-height:1.2;letter-spacing:-1px}h1.week-answer{font-weight:400;letter-spacing:0;line-height:1.5}
.wordmark{font-family:var(--font-display);font-weight:600}.wordmark span{font-family:var(--font-ui);font-variant-numeric:lining-nums tabular-nums;font-weight:400}.week-answer strong{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums}.calendar,.week-page,.holiday-list,.leave-planner,.clock-page{font-variant-numeric:lining-nums tabular-nums}
.current-week{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 25px;border-bottom:1px solid var(--line)}.current-date{font-size:.875rem;color:var(--muted);margin-bottom:6px}.week-answer{display:flex;align-items:baseline;gap:12px;font-size:1.25rem}.week-answer strong{font-size:4rem;line-height:1;font-weight:500;letter-spacing:-3px;color:var(--blue);font-variant-numeric:tabular-nums}.week-range{text-align:right;font-size:1.0625rem;font-weight:600}.week-range small{display:block;color:var(--muted);font-size:.8125rem;font-weight:400;margin-top:5px}.primary-nav{display:flex;gap:32px;min-height:62px;align-items:stretch}.primary-nav a{display:flex;align-items:center;text-decoration:none;font-size:.9375rem;border-bottom:2px solid transparent;padding:12px 0}.primary-nav a[aria-current=page]{border-color:var(--ink);font-weight:600}.primary-nav a:hover{color:var(--blue)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:14px 0 46px}.content{min-width:0}.sidebar{padding-top:9px;min-width:0}.month-toolbar,.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;min-height:54px}.month-toolbar :is(h1,h2) span{font-size:1rem;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:12px}.month-actions{display:flex;align-items:center;gap:8px}.control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);text-decoration:none;border-radius:3px;padding:8px 12px;line-height:1.2;font-size:.875rem;background:var(--surface)}.control:hover{border-color:var(--strong-line)}.arrow{font-size:1.5rem;padding:4px}.today-control{margin-right:4px}.calendar{border-collapse:collapse;width:100%;table-layout:fixed;font-variant-numeric:tabular-nums}.calendar thead th{height:41px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:400;font-size:.75rem;color:var(--muted);text-transform:uppercase}.calendar .week-col{width:36px;font-size:.75rem;font-weight:400;text-align:left;color:var(--muted)}.calendar tbody td,.calendar tbody th{border-bottom:1px solid var(--line);height:66px;padding:0}.calendar tbody a{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:64px;min-width:24px;font-size:1.25rem}.calendar tbody a span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:42px;height:42px;outline-offset:2px}.calendar .red-day{color:var(--red)}.calendar .selected-week{background:var(--blue-soft)}.calendar .selected-week .week-col{color:var(--blue);font-weight:600}.calendar .today a span{background:var(--blue);color:var(--paper)}.calendar .selected a span{outline:1.5px solid var(--blue)}.calendar .today.selected a span{outline-offset:3px}.calendar tbody a:hover span{box-shadow:0 0 0 1px var(--blue)}
.selected-detail{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:90px;padding:18px 0}.selected-detail strong{font-size:.9375rem;display:block;font-weight:500}.detail-label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}.detail-week{font-size:.875rem;text-align:right;white-space:nowrap}.detail-week span{display:block;white-space:normal;font-size:.8125rem;color:var(--red);margin-top:4px}.calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line);padding-top:15px}.calendar-legend span{display:inline-flex;align-items:center;gap:6px}.calendar-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.today-key{background:var(--blue)}.selection-key{border:1px solid var(--blue)}.red-key{background:var(--red)}.month-events{margin-top:24px;border-top:1px solid var(--line)}.month-events a{display:grid;grid-template-columns:65px 1fr;column-gap:12px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.month-events a:hover strong{text-decoration:underline}.month-events span{color:var(--muted)}.month-events small{grid-column:2;font-size:.75rem;color:var(--muted)}
.ad-slot{width:300px;max-width:100%;margin:0 auto 32px}.ad-label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;text-align:center}.ad-placeholder{height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:var(--ad);color:var(--muted);font-size:.8125rem}.ad-placeholder small{font-size:.75rem}.upcoming h2{font-size:1rem}.from-today{font-size:.75rem;color:var(--muted);margin-top:4px}.upcoming ul{margin-top:8px}.upcoming li{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.date-stamp{min-width:39px;text-align:center}.date-stamp b{font-size:1.4375rem;line-height:1;display:block;font-weight:500}.date-stamp span{font-size:.75rem;color:var(--muted)}.upcoming a{text-decoration:none}.upcoming a:hover{text-decoration:underline}.upcoming strong{font-size:.875rem;font-weight:600}.upcoming li p{font-size:.75rem;margin-top:3px;color:var(--muted)}.aside-link{display:block;margin-top:22px;color:var(--blue);font-size:.875rem}.useful-note{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:56px}.useful-note h2{font-size:1rem;margin-bottom:8px}.useful-note p{font-size:.875rem;color:var(--muted);max-width:62ch}.useful-note a{color:var(--blue)}.footer-inner{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8125rem;color:var(--muted)}.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-links a,.footer-links button{color:inherit;border:0;padding:0;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.footer-links a:hover,.footer-links button:hover{text-decoration:underline}.test-note{font-size:.75rem;color:var(--muted);padding-bottom:20px}.theme-field{display:flex;align-items:center;gap:8px;font-size:.8125rem}.theme-field select{font-size:.8125rem;min-height:40px;max-width:110px}
.intro{font-size:.9375rem;color:var(--muted);margin-bottom:24px;max-width:64ch}.compact-field{font-size:.8125rem;display:flex;gap:8px;align-items:center}select{border:1px solid var(--strong-line);min-height:44px;padding:8px 28px 8px 10px;border-radius:3px;background:var(--surface)}.year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.mini-month h2{font-size:1rem;margin:0 0 10px}.mini-month h2 a{text-decoration:none}.mini.calendar thead th{font-size:.75rem;height:30px;border-color:var(--line)}.mini.calendar .week-col{font-size:.75rem;width:23px}.mini.calendar tbody td,.mini.calendar tbody th{height:35px;border-bottom:0}.mini.calendar tbody a{min-height:35px;font-size:.875rem}.mini.calendar tbody a span{height:29px;width:29px}.holiday-list li a{display:grid;grid-template-columns:1fr 1.05fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline}.holiday-list strong{font-size:.9375rem;font-weight:500}.holiday-list span{font-size:.875rem;color:var(--muted)}.holiday-list small{font-size:.75rem;color:var(--muted)}.holiday-list a:hover strong{text-decoration:underline}.subheading{margin:32px 0 10px}.subheading+p{color:var(--muted);font-size:.875rem;margin-bottom:10px}.source-note{font-size:.8125rem;color:var(--muted);margin-top:25px}.planner-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.planner-fields label{display:grid;gap:6px;font-size:.875rem}.checkbox{display:flex;align-items:center;gap:10px;grid-column:1/-1;font-size:.875rem;min-height:44px}.checkbox input{width:19px;height:19px;flex:none;accent-color:var(--blue)}.planner-assumption{font-size:.8125rem;color:var(--muted);margin:20px 0 24px}.plan-result{border-top:1px solid var(--line);padding:22px 0}.plan-result>div{display:flex;gap:28px;align-items:center}.plan-result strong{font-size:2rem;font-weight:500;min-width:94px;line-height:1.1;color:var(--blue)}.plan-result strong span{display:block;font-size:.8125rem;color:var(--muted);margin-top:5px}.plan-result p{font-size:.9375rem}.plan-result small{font-size:.8125rem;display:block;color:var(--muted);margin-top:4px}.plan-result details{margin-top:18px;font-size:.875rem}.plan-result summary{padding:8px 0;min-height:40px}.plan-result ul{margin:6px 0 0 17px;list-style:disc}.plan-result li{padding:6px 0}.prose p{margin-top:16px;max-width:68ch}.prose h2{margin-top:30px}
@media(max-width:1000px){.page-grid{gap:32px}.month-toolbar :is(h1,h2) span{display:block;margin:5px 0 0}.month-toolbar :is(h1,h2){font-size:1.75rem}.selected-detail{align-items:flex-start;flex-direction:column;gap:6px}.detail-week{text-align:left}.holiday-list li a{grid-template-columns:1fr auto}.holiday-list span{grid-row:2;grid-column:1/-1}.year-grid{grid-template-columns:1fr}.mini.calendar tbody a{min-height:44px}}
@media(max-width:800px){.container{width:calc(100% - 40px);max-width:680px}.header-inner{min-height:75px}.wordmark{font-size:1.75rem}.page-grid{grid-template-columns:1fr;gap:40px;padding-top:10px}.sidebar{padding:0}.month-toolbar :is(h1,h2) span{display:inline;margin-left:10px;font-size:1rem}.month-toolbar :is(h1,h2){font-size:1.875rem}.selected-detail{flex-direction:row;align-items:center}.detail-week{text-align:right}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini.calendar tbody a{min-height:38px}.useful-note{gap:26px}.footer-inner{align-items:flex-start;flex-direction:column;gap:8px}.footer-links{gap:22px}.calendar tbody td,.calendar tbody th{height:57px}.calendar tbody a{min-height:55px}.calendar tbody a span{width:38px;height:38px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.header-inner{min-height:71px}.wordmark{font-size:1.65rem}.lookup-toggle{font-size:.875rem;gap:7px}.current-week{padding:23px 0 22px;gap:14px}.current-date{font-size:.75rem;margin-bottom:9px}.week-answer{font-size:1.0625rem;gap:9px}.week-answer strong{font-size:3.5rem}.week-range{font-size:.875rem;padding-top:21px}.week-range small{font-size:.75rem}.primary-nav{gap:0;justify-content:space-between;min-height:59px}.primary-nav a{font-size:.875rem}.month-toolbar{gap:10px;margin-bottom:20px}.month-toolbar :is(h1,h2){font-size:1.75rem}.month-toolbar :is(h1,h2) span{display:block;margin:5px 0 0;font-size:.875rem}.month-actions{gap:6px}.today-control{margin-right:0}.control{padding:8px 10px}.calendar .week-col{width:25px;font-size:.6875rem}.calendar thead th{font-size:.6875rem;height:35px}.calendar tbody a{font-size:1.0625rem;min-height:49px}.calendar tbody td,.calendar tbody th{height:51px}.calendar tbody a span{height:34px;width:34px}.selected-detail{flex-direction:column;align-items:flex-start;gap:7px;padding:18px 0;min-height:96px}.selected-detail strong{font-size:.875rem}.detail-week{text-align:left;font-size:.8125rem}.calendar-legend{font-size:.6875rem;gap:11px}.calendar-legend i{width:7px;height:7px}.page-grid{gap:34px;padding-bottom:30px}.useful-note{grid-template-columns:1fr;gap:22px;padding:25px 0}.year-grid{grid-template-columns:1fr}.mini.calendar tbody a{font-size:.9375rem;min-height:44px}.mini.calendar tbody td,.mini.calendar tbody th{height:44px}.mini.calendar thead th{font-size:.75rem}.section-toolbar h1{font-size:1.75rem}.lookup-form label{width:100%}.lookup-form input{width:100%}.lookup-form button{width:100%}.plan-result>div{gap:20px}.plan-result p{font-size:.875rem}.footer-links{gap:20px}.prose p{font-size:.9375rem}}
@media(max-width:350px){.container{width:calc(100% - 24px)}.wordmark{font-size:1.5rem}.lookup-toggle svg{display:none}.month-toolbar{flex-wrap:wrap;gap:14px}.month-toolbar :is(h1,h2) span{display:inline;margin-left:8px}.month-actions{margin-left:auto}.week-range{font-size:.8125rem}.calendar-legend{gap:8px}.ad-slot{width:100%}.plan-result>div{gap:12px}}
.current-week{min-height:148px}#upcoming{min-height:270px}
/* Leave planning: specific dates and explicit assumptions precede advertising. */
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-week{min-height:92px;padding:14px 0;align-items:center}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-answer strong{font-size:2.5rem;letter-spacing:-1px}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-date{font-size:.75rem;margin-bottom:4px}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-range{padding-top:0}
.leave-planner .planner-form{display:block;margin:0 0 28px}
.leave-planner .section-toolbar{margin-bottom:14px;align-items:flex-start;min-height:44px}
.leave-planner .section-toolbar h1{font-size:1.875rem;letter-spacing:-.7px;padding-top:4px}
.leave-planner .compact-field{white-space:nowrap;align-items:center}
.leave-planner .intro{margin-bottom:20px;font-size:.9375rem}
.plan-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--strong-line);border-radius:3px;padding:0;margin:0 0 20px;overflow:hidden}
.leave-planner .plan-mode label{display:flex;position:relative;align-items:stretch;justify-content:center;cursor:pointer;min-width:0}
.plan-mode label+label{border-left:1px solid var(--strong-line)}
.plan-mode input{position:absolute;opacity:0;width:1px;height:1px}
.plan-mode span{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 12px;font-size:.875rem;text-align:center}
.plan-mode input:checked+span{background:var(--blue);color:var(--paper);font-weight:600}
.plan-mode input:focus-visible+span{outline:3px solid var(--blue);outline-offset:-5px}
.plan-mode input:checked:focus-visible+span{outline-color:var(--paper)}
.planner-fields{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px}
.planner-fields label{min-width:0}.planner-fields select{width:100%;min-width:0;font-size:.9375rem}
.planner-fields input{border:1px solid var(--strong-line);border-radius:3px;background:var(--surface);width:100%;min-width:0;min-height:44px;padding:8px 12px;font-size:1rem;font-variant-numeric:tabular-nums}
.field-help{font-size:.75rem;color:var(--muted);margin-top:6px}
.work-assumptions{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 0}
.work-assumptions summary{font-size:.875rem;padding:10px 0;min-height:44px}.work-assumptions p{font-size:.8125rem;color:var(--muted);margin:2px 0 12px;max-width:65ch}
.leave-planner .work-assumptions label{display:flex;align-items:center;gap:10px;min-height:40px;font-size:.875rem}
.work-assumptions input,.past-dates input{width:18px;height:18px;accent-color:var(--blue);flex:none}
.leave-planner .past-dates{display:flex;align-items:center;gap:9px;font-size:.8125rem;min-height:44px;margin-top:8px}
.planner-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.planner-submit p{font-size:.75rem;color:var(--muted)}.planner-submit button{min-height:44px;border:1px solid var(--blue);border-radius:3px;padding:10px 23px;background:var(--blue);color:var(--paper);font-size:.9375rem;font-weight:600;white-space:nowrap}
.planning-scope{font-size:.75rem;color:var(--muted);margin-bottom:8px}.leave-results-intro{font-size:.875rem;margin:0 0 18px;color:var(--muted)}
.leave-card{border-top:2px solid var(--ink);padding:24px 0 28px}.leave-card+.leave-card{margin-top:18px}.leave-occasion{font-size:.8125rem;color:var(--muted);margin-bottom:12px}
.leave-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.leave-value>strong{font-size:2.75rem;font-weight:500;line-height:1;color:var(--blue);letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.leave-value>span{font-size:.9375rem}.leave-value .leave-cost{margin-left:auto;font-size:.875rem;color:var(--muted)}
.leave-range{font-size:1.125rem;line-height:1.4;font-weight:600;margin:15px 0 0;letter-spacing:0}
.take-leave{margin-top:20px;padding:15px 18px;border-left:3px solid var(--blue);background:var(--blue-soft)}.take-leave>span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.take-leave strong{font-size:1rem;font-weight:600;line-height:1.5}
.leave-equation{margin-top:12px;font-size:.8125rem;color:var(--muted)}.cross-year-note{font-size:.8125rem;color:var(--muted);margin-top:10px}
.leave-calculation{margin-top:14px}.leave-calculation summary{padding:10px 0;min-height:44px;font-size:.875rem}.leave-included{font-size:.8125rem;color:var(--muted);margin:8px 0 20px}.break-month{margin:20px 0}.break-month h4{font-size:.875rem;font-weight:600;margin:0 0 10px}.break-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;list-style:none;margin:0;padding:0}
.break-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;background:var(--ad);border:1px solid var(--line);border-radius:2px}.break-day abbr{font-size:.6875rem;text-transform:uppercase}.break-day b{font-size:1rem;font-weight:500}.break-day.kind-leave{background:var(--blue);color:var(--paper);border-color:var(--blue)}.break-day.kind-holiday{color:var(--red);border-color:var(--red);background:var(--surface)}
.leave-legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.75rem;color:var(--muted);margin-top:16px}.leave-legend span{display:inline-flex;align-items:center;gap:6px}.leave-legend i{width:9px;height:9px;border-radius:1px;display:inline-block}.legend-leave{background:var(--blue)}.legend-holiday{border:1px solid var(--red)}.legend-free{background:var(--ad);border:1px solid var(--strong-line)}
.leave-total{padding:18px 20px;margin:0 0 24px;background:var(--blue-soft);border-left:3px solid var(--blue)}.leave-total p{font-size:1rem}.leave-total strong{font-size:1.375rem;font-weight:600;display:block;color:var(--blue)}.leave-total>span{display:block;font-size:.875rem;margin-top:8px}.leave-total small{display:block;font-size:.75rem;color:var(--muted);margin-top:8px;max-width:65ch}
.planner-method{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.planner-method summary{font-size:.875rem;min-height:44px;padding:8px 0}.planner-method p{font-size:.875rem;color:var(--muted);margin:14px 0}.leave-empty{padding:24px 0;border-top:1px solid var(--line)}.leave-empty h3{font-size:1.125rem;margin:0 0 8px}.leave-empty p{font-size:.875rem;color:var(--muted)}
@media(max-width:1000px) and (min-width:801px){.planner-fields{grid-template-columns:110px minmax(0,1fr);gap:14px}.leave-planner .section-toolbar{flex-wrap:wrap}}
@media(max-width:480px){.leave-planner .section-toolbar h1{font-size:1.6rem;max-width:200px}.leave-planner .compact-field{font-size:.75rem;gap:5px}.leave-planner .compact-field select{padding-left:8px;padding-right:20px}.planner-fields{grid-template-columns:100px minmax(0,1fr);gap:14px}.planner-fields select{font-size:.875rem}.plan-mode span{padding:9px 7px;font-size:.8125rem}.planner-submit{gap:12px}.planner-submit p{max-width:16ch}.planner-submit button{padding-inline:19px}.leave-value .leave-cost{margin-left:0;flex-basis:auto}.leave-value{gap:7px 10px}.leave-card{padding:20px 0 24px}.take-leave{padding:12px 14px}.break-days{gap:3px}.break-day{min-height:49px}.break-day abbr{font-size:.625rem}.leave-total{padding:16px}.leave-range{font-size:1.0625rem}}
@media(max-width:350px){.leave-planner .section-toolbar{gap:8px}.leave-planner .section-toolbar h1{max-width:165px;font-size:1.45rem}.planner-fields{grid-template-columns:106px minmax(0,1fr);gap:14px}}
@media print{.leave-card{break-inside:avoid}.leave-calculation{display:block}.leave-calculation summary,.planner-method{display:none}.leave-calculation>*:not(summary){display:block}.break-days{display:grid!important}.take-leave{background:#eee;color:black}.leave-value>strong{color:black}}
@media(max-width:480px){.current-week{min-height:145px}}
@media print{html{color-scheme:light!important;background:white!important;color:black!important}body{background:white!important;color:black!important}.container{width:100%;max-width:none}.header-actions,.current-week,.primary-nav,.sidebar,.useful-note,.footer-links,.test-note,.lookup-panel,.month-actions,.skip,.calendar-legend,.source-note,.planner-form,.theme-field{display:none!important}.page-grid{display:block;padding:20px 0}.header-inner{min-height:50px}.calendar tbody a{color:black}.calendar .red-day a{color:#9b2923}.year-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px}.mini-month,.plan-result{break-inside:avoid}.calendar .today a span,.calendar .selected-week{background:transparent;color:black}.calendar .selected a span{outline:none}.footer-inner{padding:12px 0}.current-date{display:none}}
#clock-notice:empty{display:none}.clock-notice{border-bottom:1px solid var(--line);padding:11px 0;color:var(--blue);font-size:.875rem}.clock-notice a{display:inline-block;min-height:24px}.clock-page .table-scroll{max-width:100%;overflow-x:auto}.clock-page table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.clock-page th,.clock-page td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.clock-page thead th{border-top:1px solid var(--ink);font-size:.8125rem}.clock-page tbody th{font-weight:600}.clock-page .intro{font-size:1rem;margin:14px 0 24px}@media(max-width:600px){.clock-page table{min-width:560px}}@media print{#clock-notice{display:none!important}}

.year-links{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.year-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;font-size:.875rem;text-decoration:none;color:var(--muted)}.year-links a[aria-current]{color:var(--ink);font-weight:600;text-decoration:underline}.year-links a:hover{text-decoration:underline}
@media print{.year-links{display:none!important}.month-toolbar h2{font-size:1.75rem}.leave-calculation:not([open])>:not(summary){display:block!important}.leave-calculation .break-days{display:grid!important}.leave-calculation .leave-legend{display:flex!important}.break-day.kind-leave{background:#e5e5e5!important;color:#000!important;border:2px solid #000}.break-day.kind-holiday{color:#9b2923}.break-day{color:#000}.take-leave{color:#000!important}.take-leave strong,.take-leave>span{color:#000!important}}

.archive-page{max-width:68rem}.archive-links{margin-top:1.5rem}.archive-links ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:1.25rem;list-style:none;margin:0;padding:0;font-variant-numeric:lining-nums tabular-nums}.archive-links li{border-bottom:1px solid var(--line)}.archive-links a{display:flex;align-items:center;min-height:2.75rem;color:var(--blue);text-decoration:none}.archive-links a:hover{text-decoration:underline}html:is([data-page=yearArchive],[data-page=weekYearArchive],[data-page=weekArchive]) .page-grid{display:block}html:is([data-page=yearArchive],[data-page=weekYearArchive],[data-page=weekArchive]) :is(.sidebar,.useful-note){display:none}
@media(max-width:600px){.archive-links ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.archive-links ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep planning decisions and results within easy reach. */
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-week{min-height:60px;padding:9px 0}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-week>div{display:flex;align-items:center;gap:18px}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-date{margin:0}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-answer{font-size:.875rem;gap:6px}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-answer strong{font-size:1.625rem;letter-spacing:-.6px}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-range{font-size:.8125rem}
html:is([data-page=planner],[data-page=year],[data-page=holidays]) .week-range small{display:none}
.leave-planner .planner-form{margin-bottom:20px}
.leave-planner .section-toolbar{align-items:center;margin-bottom:10px}
.leave-planner .compact-field{display:flex;gap:8px}
.leave-planner .intro{margin-bottom:16px}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.results-toolbar h2{font-size:1rem;letter-spacing:0;line-height:1.4}
.results-toolbar h2 span{color:var(--muted);font-weight:400;margin-left:4px}
.plan-actions{display:flex;gap:16px;flex:none}
.plan-actions button{border:0;padding:8px 0;min-height:44px;font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.plan-year-cost{font-size:.8125rem!important;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink)}
.leave-results{scroll-margin-top:20px}
.plan-share-fallback{margin-bottom:16px;font-size:.8125rem}.plan-share-fallback input{display:block;width:100%;padding:10px;border:1px solid var(--strong-line);background:var(--surface);border-radius:3px;margin-top:6px;font-size:1rem}
@media(max-width:480px){
 html:is([data-page=planner],[data-page=year],[data-page=holidays]) .header-inner{min-height:62px}
 html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-week{min-height:48px;padding:8px 0}
 html:is([data-page=planner],[data-page=year],[data-page=holidays]) .current-date{display:none}
 html:is([data-page=planner],[data-page=year],[data-page=holidays]) .primary-nav{min-height:52px}
 .leave-planner .section-toolbar h1{font-size:1.5rem;max-width:none;padding-top:0}
 .leave-planner .compact-field{font-size:.8125rem}
 .leave-planner .intro{font-size:.875rem}
 .plan-mode{margin-bottom:16px}
 .planner-fields select,.leave-planner select{font-size:1rem}
 .results-toolbar{gap:8px;flex-wrap:wrap}
 .results-toolbar h2{font-size:.9375rem}
 .plan-actions{gap:14px}
}
@media(max-width:350px){.leave-planner .section-toolbar{flex-wrap:wrap}.leave-planner .section-toolbar h1{font-size:1.5rem;max-width:none}.leave-planner .compact-field{margin-left:auto}.results-toolbar h2 span{display:none}}
@media print{.plan-actions,.plan-share-fallback{display:none!important}.leave-planner .planner-form{display:block!important;margin-bottom:14px}.planner-form>:not(.section-toolbar),.planner-form .compact-field{display:none!important}.results-toolbar{margin-bottom:10px}.leave-planner .section-toolbar h1{font-size:1.5rem}.leave-value,.leave-range{break-after:avoid}.take-leave{break-inside:avoid}}

/* A short mobile banner preserves the week answer and the calendar task. */


.holiday-summary{margin:-6px 0 24px;padding:14px 0;border-block:1px solid var(--line);font-size:.875rem;line-height:1.6}.holiday-summary strong{display:block;font-weight:600}.holiday-summary a{color:var(--blue)}
@media(min-width:481px) and (max-width:1000px){[data-page=year] .page-grid{grid-template-columns:minmax(0,1fr)}[data-page=year] .year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page=year] .sidebar{border-top:1px solid var(--line);padding-top:28px}[data-page=year] .upcoming ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}[data-page=year][data-ad-layout=b] .ad-rail{display:none}}

.leave-empty>a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--blue);font-size:.875rem}

/* At the narrowest phone width, give the heading and year control their own rows. */
@media(max-width:350px){
 .section-toolbar,.leave-planner .section-toolbar{display:block;min-height:0}
 .section-toolbar h1,.leave-planner .section-toolbar h1{max-width:none}
 .section-toolbar .compact-field,.leave-planner .section-toolbar .compact-field{display:inline-flex;margin:10px 0 0}
}

@media(max-width:300px){
 .planner-fields{grid-template-columns:1fr;gap:12px}
 .plan-mode{grid-template-columns:1fr}
 .plan-mode label+label{border-left:0;border-top:1px solid var(--strong-line)}
 .planner-submit{display:block}
 .planner-submit p{max-width:none;margin-bottom:8px}
 .planner-submit button{width:100%}
}

/* A long recommendation may span pages; keep each month together instead. */
@page{size:A4 portrait;margin:14mm}
@media print{
 .leave-card{break-inside:auto}
 .break-month{break-inside:avoid}
 .selected-detail:not(:has(.detail-week)){display:none!important}
 html[data-page=year] .section-toolbar .compact-field,html[data-page=year] .intro{display:none!important}
 html[data-page=year] .section-toolbar{min-height:0;margin-bottom:10px}
 html[data-page=year] .year-grid{gap:10px 12px}
 html[data-page=year] .mini-month h2{font-size:.875rem;margin-bottom:4px}
 html[data-page=year] .mini.calendar thead th{height:22px;font-size:.625rem}
 html[data-page=year] .mini.calendar tbody td,html[data-page=year] .mini.calendar tbody th{height:26px}
 html[data-page=year] .mini.calendar tbody a{min-height:26px;height:26px;font-size:.75rem}
 html[data-page=year] .mini.calendar tbody a span{height:24px;width:24px}
}
#content .lov-list{margin:22px 0;border-top:1px solid var(--ink)}
.lov-row{display:grid;grid-template-columns:minmax(100px,.85fr) minmax(150px,1.2fr) minmax(160px,1.5fr);gap:18px;padding:17px 0;border-bottom:1px solid var(--line);align-items:baseline;font-variant-numeric:tabular-nums}
.lov-row dt{font-weight:600}.lov-row dd{margin:0}.lov-row dd span,.lov-source small{display:block;color:var(--muted);font-size:.8125rem}.lov-row a{color:var(--blue);overflow-wrap:anywhere}.lov-source small{margin-top:4px}
@media(max-width:640px){.lov-row{grid-template-columns:1fr 1.4fr;gap:5px 12px}.lov-source{grid-column:1/-1}.lov-row dd span{display:inline;margin-left:9px}}
.week-range .week-detail-link{display:block;font-size:.75rem;font-weight:400;color:var(--blue);margin-top:7px}
.calendar .week-col a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:26px;font-size:inherit;color:var(--blue);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
.crumbs{font-size:.8125rem;color:var(--muted);padding-top:1rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}.crumbs li+li::before{content:"/";margin-right:.45rem;color:var(--line)}.crumbs a{color:var(--blue)}.crumbs [aria-current=page]{color:var(--muted)}
.week-page{font-variant-numeric:tabular-nums}.week-page h1{margin-bottom:12px}.week-page h2{margin:30px 0 12px}.week-page .intro{font-size:1rem;max-width:65ch}.week-page>p:not(.intro):not(.source-note){margin:18px 0;max-width:68ch}.week-page .source-note{margin:20px 0 26px}
.week-facts{display:flex;gap:32px;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0}.week-facts p{display:flex;gap:10px;align-items:baseline}.week-facts strong{font-size:1.625rem;font-weight:500;color:var(--blue)}.week-facts span{font-size:.8125rem;color:var(--muted)}
.week-page .table-scroll{max-width:100%;overflow-x:auto}.week-table{width:100%;border-collapse:collapse;text-align:left}.week-table th,.week-table td{border-bottom:1px solid var(--line);padding:11px 8px;vertical-align:baseline}.week-table thead th{border-top:1px solid var(--ink);font-size:.75rem;color:var(--muted);font-weight:500}.week-table tbody th{font-weight:500}.week-table tbody td{font-size:.875rem}.week-table tbody .red-day{color:var(--red)}.week-table small{color:var(--muted);font-size:.75rem}
.week-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.week-mini .calendar tbody td,.week-mini .calendar tbody th{height:42px}.week-mini .calendar tbody a{min-height:42px;font-size:.9375rem}.week-mini .calendar tbody a span{width:34px;height:34px}.week-neighbours{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.week-neighbours a,.week-links a{color:var(--blue)}.week-links{font-size:.875rem}
.week-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;margin:0;padding:0}.week-index li{border-top:1px solid var(--line)}.week-index a{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;min-height:50px;text-decoration:none}.week-index a:hover strong{text-decoration:underline}.week-index strong{font-weight:600;white-space:nowrap}.week-index span{font-size:.8125rem;color:var(--muted);text-align:right}
html:is([data-page=week],[data-page=weekEvergreen],[data-page=weekIndex]) .current-week{min-height:72px;padding:12px 0}
html:is([data-page=week],[data-page=weekEvergreen],[data-page=weekIndex]) .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html:is([data-page=week],[data-page=weekEvergreen],[data-page=weekIndex]) .current-date{font-size:.75rem;margin-bottom:2px}
html:is([data-page=about],[data-page=privacy],[data-page=sources],[data-page=contact],[data-page=clock],[data-page=autumn]) .current-week{min-height:72px;padding:12px 0}
html:is([data-page=about],[data-page=privacy],[data-page=sources],[data-page=contact],[data-page=clock],[data-page=autumn]) .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html:is([data-page=about],[data-page=privacy],[data-page=sources],[data-page=contact],[data-page=clock],[data-page=autumn]) .current-date{font-size:.75rem;margin-bottom:2px}
html:is([data-page=about],[data-page=privacy],[data-page=sources],[data-page=contact],[data-page=clock],[data-page=autumn],[data-page=notfound],[data-page=week],[data-page=weekEvergreen],[data-page=weekIndex]) .page-grid{display:block}
@media(max-width:800px){html:is([data-page=week],[data-page=weekEvergreen],[data-page=weekIndex]) .page-grid{display:block}.week-index{grid-template-columns:1fr}.week-range .week-detail-link{font-size:.6875rem}}
@media(max-width:480px){.week-page .intro{font-size:.9375rem}.week-facts{gap:12px}.week-facts p{width:100%}.week-table th,.week-table td{padding-inline:4px}.week-table tbody td{font-size:.8125rem}.week-neighbours a{font-size:.875rem}.week-index a{gap:8px}.week-index span{font-size:.75rem}}
@media print{.crumbs,.week-neighbours,.week-links{display:none!important}.week-page .source-note{display:block!important}}
html[data-page=parityWeeks] .page-grid{display:block}html[data-page=parityWeeks] :is(.sidebar,.useful-note){display:none}.parity-page{max-width:68rem}.parity-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.parity-list{list-style:none;margin:0;padding:0;font-variant-numeric:lining-nums tabular-nums}.parity-list li{border-bottom:1px solid var(--line)}.parity-list li:first-child{border-top:1px solid var(--ink)}.parity-list a{min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .25rem;color:var(--ink);text-decoration:none}.parity-list a:hover strong{text-decoration:underline}.parity-list strong{font-weight:600;white-space:nowrap}.parity-list span{font-size:.8125rem;color:var(--muted);text-align:right}@media(max-width:700px){.parity-columns{grid-template-columns:1fr;gap:1rem}}
html:is([data-page=parityWeeks],[data-page=christmasLeave]) .year-links{display:none}html[data-page=christmasLeave] .page-grid{display:block}html[data-page=christmasLeave] :is(.sidebar,.useful-note){display:none}.christmas-options{list-style:none;margin:1.5rem 0 0;padding:0;font-variant-numeric:lining-nums tabular-nums}.christmas-options li{border-top:1px solid var(--line);padding:1rem 0}.christmas-options li:last-child{border-bottom:1px solid var(--line)}.christmas-options h2{margin:.25rem 0 .75rem}.christmas-options p{margin:.5rem 0}.christmas-options .leave-result strong{display:block;font-family:var(--font-display);font-size:1.25rem;color:var(--ink)}
.not-found{padding-block:18px 42px}.not-found ul{margin:14px 0 0;max-width:600px;border-top:1px solid var(--line)}.not-found li{border-bottom:1px solid var(--line)}.not-found li a{display:flex;align-items:center;min-height:48px;color:var(--blue);text-decoration:none}.not-found li a:hover{text-decoration:underline}
.detail-week .observance-note{color:var(--muted)}
html[data-page=seasonal] .current-week{min-height:72px;padding:12px 0}
html[data-page=seasonal] .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html[data-page=seasonal] .current-date{font-size:.75rem;margin-bottom:2px}
html[data-page=seasonal] .page-grid{display:block}
.editorial-block{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem;max-width:68ch}.editorial-block h2:first-child{margin-top:0}.editorial-block p{line-height:1.65}.editorial-block .source-note{font-size:.8125rem}
.year-facts{display:flex;flex-wrap:wrap;border-block:1px solid var(--line);gap:0;margin:1rem 0 1.5rem}.year-facts div{flex:1 1 8rem;padding:1rem .5rem 1rem 0}.year-facts dt{font-size:.75rem;color:var(--muted)}.year-facts dd{margin:.25rem 0 0;font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-size:1.625rem}
.holiday-list li{border-bottom:1px solid var(--line)}.holiday-list li a{border-bottom:0;padding-bottom:.3rem}.holiday-rule{font-size:.8125rem;color:var(--muted);margin:0 0 .875rem}
.calendar .eve-day:not(.today):not(.selected) a span{outline:1px dashed var(--eve);outline-offset:-.2rem}.calendar-legend .eve-key{border:1px dashed var(--eve);border-radius:50%}
@media print{.calendar .eve-day:not(.today):not(.selected) a span{outline-color:black}}
.bridge-options{counter-reset:option;list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--line)}.bridge-options li{counter-increment:option;position:relative;padding:1.5rem 0 1.5rem 2.75rem;border-bottom:1px solid var(--line)}.bridge-options li::before{content:counter(option,decimal-leading-zero);position:absolute;left:0;top:1.75rem;color:var(--blue);font-size:.8125rem;font-variant-numeric:tabular-nums}.bridge-options h2{font-size:1.375rem;margin:0 0 .5rem}.bridge-options p{margin:.5rem 0;max-width:65ch}
html[data-page=bridges] .page-grid{display:block}
.workday-list{margin:1.5rem 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums lining-nums}.workday-row{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,10rem) minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline}.workday-row dt{font-weight:600}.workday-row dd{margin:0}.workday-row a{color:var(--blue)}.workday-number{display:flex;align-items:baseline;gap:.5rem}.workday-number strong{font-family:var(--font-display);font-size:1.625rem;font-weight:500;color:var(--blue)}.workday-row dd span{font-size:.8125rem;color:var(--muted)}.workday-row dd small{display:block;margin-top:.25rem;color:var(--muted);font-size:.8125rem}
html[data-page=workingDays] .page-grid{display:block}
html[data-page=workingDays] .current-week{min-height:72px;padding:12px 0}
html[data-page=workingDays] .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html[data-page=workingDays] .current-date{font-size:.75rem;margin-bottom:2px}
@media(max-width:640px){.workday-row{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem}.workday-row dd:last-child{grid-column:1/-1}.workday-number strong{font-size:1.375rem}}
@media print{.editorial-block{display:none!important}}
.subscriptions-page{max-width:68rem}.subscriptions-page .intro{max-width:65ch}.feed-list{list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--line)}.feed-list li{padding:1.25rem 0;border-bottom:1px solid var(--line)}.feed-list h2{margin:0 0 .35rem}.feed-list p{margin:.35rem 0;max-width:68ch}.feed-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0}.feed-actions a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--blue);font-weight:600}.feed-url{font-size:.8125rem;color:var(--muted)}.feed-url code{overflow-wrap:anywhere;color:var(--ink);font-size:inherit}.subscribe-help{border-top:1px solid var(--line)}.subscribe-help dt{font-weight:600;padding-top:1rem}.subscribe-help dd{margin:0;padding:.35rem 0 1rem;border-bottom:1px solid var(--line);max-width:68ch}
html[data-page=subscriptions] .page-grid{display:block}
html[data-page=subscriptions] .current-week{min-height:72px;padding:12px 0}
html[data-page=subscriptions] .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html[data-page=subscriptions] .current-date{font-size:.75rem;margin-bottom:2px}
@media print{.feed-actions{display:none!important}}
.export-list{list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--line)}.export-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.export-list a{color:var(--blue);font-weight:600;min-height:1.5rem}.export-list span{font-size:.8125rem;color:var(--muted)}
html[data-page=printExports] .page-grid{display:block}
html[data-page=printExports] .current-week{min-height:72px;padding:12px 0}
html[data-page=printExports] .week-answer strong{font-size:2.25rem;letter-spacing:-1px}
html[data-page=printExports] .current-date{font-size:.75rem;margin-bottom:2px}
@media print{.export-list{display:none!important}}
.sport-periods{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 1.5rem}.sport-periods li{font-size:.875rem}.sport-periods a{color:var(--blue);display:inline-flex;align-items:center;min-height:2.75rem}.sport-filter{display:grid;gap:.375rem;max-width:26rem;font-size:.875rem;font-weight:600;margin:1.5rem 0 .5rem}.sport-filter input{width:100%;min-height:2.75rem;border:1px solid var(--strong-line);border-radius:3px;padding:.5rem .75rem;background:var(--surface)}#sport-filter-status{font-size:.8125rem;color:var(--muted)}.sport-page [data-sport-week]{scroll-margin-top:1rem}