/* This Week stands alone: one day at a time, with the whole winter as the way in. */
html{-webkit-text-size-adjust:100%}body{margin:0;background:#f8f6f0;color:#0e243a;font-family:'Public Sans',system-ui,sans-serif}img{max-width:100%}
.skip{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;background:#0e243a;color:#fff}.skip:focus{top:8px}.back-to-top{display:none!important}
.wk{--ink:#0e243a;--lake:#b9ced6;--paper:#f8f6f0;--red:#d42a2f;--soft:#0e243ab3;--hair:#0e243a33;--mono:'Red Hat Mono',ui-monospace,Menlo,monospace;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--sans:'Public Sans',system-ui,sans-serif;--wide:clamp(16px,4vw,64px);background:var(--paper);color:var(--ink);font:400 17px/1.45 var(--sans)}
.wk *{box-sizing:border-box}.wk a{color:inherit;text-underline-offset:3px}
.wk a:focus-visible,.wk button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wk-top{padding:clamp(24px,4vw,56px) var(--wide) 16px;background:var(--ink);color:var(--paper)}
.wk-k{margin:0 0 12px;font:700 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lake)}
.wk-top h1{margin:10px 0 0;font:800 clamp(64px,12vw,200px)/1 var(--cond);letter-spacing:-.025em;text-wrap:balance}
.wk-n{min-height:1.3em;margin:12px 0 0;font:500 clamp(18px,1.8vw,24px)/1.3 var(--sans)}
.wk-rail{padding:0 0 12px;background:var(--ink);color:var(--paper)}
.wk-sky{display:flex;align-items:flex-end;gap:2px;height:132px;padding:22px var(--wide) 0;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:40%}
.wk-sky::-webkit-scrollbar{display:none}
.wk-day{position:relative;flex:0 0 13px;height:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:flex-end}
.wk-day i{display:block;width:100%;min-height:3px;height:calc(3px + var(--h)*88px);background:var(--lake)}
.wk-day.we i{background:#f8f6f0}
.wk-day:hover i{background:#fff}.wk-day[aria-pressed=true] i{background:var(--red)}
.wk-day b{position:absolute;left:0;top:-20px;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lake);white-space:nowrap;pointer-events:none}
.wk-rail .wk-fine{margin:10px var(--wide) 0;color:var(--lake)}
.wk-fine{margin:18px 0 0;font:500 12px/1.5 var(--mono);color:var(--soft)}
.wk-list{padding:20px var(--wide) clamp(36px,5vw,72px)}
.wk-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.wk-filter button{min-height:40px;padding:0 12px;border:1px solid var(--ink);border-radius:0;background:none;color:var(--ink);font:600 14px/1 var(--sans);cursor:pointer}
.wk-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.wk-evs{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.wk .fw-ev{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) auto;gap:4px 24px;padding:16px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.wk .fw-ev-when{font:500 12.5px/1.4 var(--mono);color:var(--red)}
.wk .fw-ev h3{margin:0;font:800 clamp(27px,2.8vw,40px)/1 var(--cond);text-wrap:balance}
.wk .fw-ev h3 a{text-decoration:none}.wk .fw-ev h3 a:hover{color:var(--red)}
.wk .fw-ev p{margin:5px 0 0;max-width:58ch}
.wk .fw-ev .wk-town{font-weight:700}
.wk-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.wk-cal,.wk .nb-save{appearance:none;margin:0;min-height:40px;padding:0 12px;border:1px solid var(--ink);background:none;color:var(--ink);font:600 13.5px/1 var(--sans);cursor:pointer;white-space:nowrap}
.wk-cal:hover{background:var(--ink);color:var(--paper)}
.wk-none{padding:24px 0;font:800 clamp(30px,4vw,48px)/1 var(--cond);border-bottom:1px solid var(--hair)}
.wk-also{margin-top:28px}.wk-also summary{padding:12px 0;cursor:pointer;font:800 clamp(26px,3vw,38px)/1 var(--cond)}
@media(max-width:760px){.wk .fw-ev{grid-template-columns:1fr}.wk-acts{justify-content:flex-start;margin-top:8px}}
@media print{.wk-rail,.wk-filter,.wk-acts{display:none}}
/* one row, three columns: when, what, what to do about it. The buttons stay together in the right column, the same width (Kevin, 2026-11-02) */
.wk .fw-ev{grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(170px,2fr);align-items:start;padding:20px 0}
.wk .fw-ev-when{padding-top:6px}
.wk-acts{flex-direction:column;align-items:stretch;gap:6px}
.wk-cal,.wk .nb-save{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none}
.wk .wk-site{background:var(--ink);color:var(--paper)}.wk .wk-site:hover{background:var(--red);color:#fff}
.wk .nb-save:hover{background:var(--ink);color:var(--paper)}.wk .nb-save[aria-pressed=true]{background:var(--lake);border-color:var(--lake);color:#0e243a}
.wk-also{margin-top:32px;border-top:2px solid var(--ink)}
.wk-also summary{display:flex;align-items:center;gap:10px;padding:14px 0;font:700 13px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.wk-also summary b{padding:3px 8px;background:var(--ink);color:var(--paper)}
.wk-also .wk-evs{border-top:1px solid var(--hair)}
@media(max-width:760px){.wk .fw-ev{grid-template-columns:1fr}.wk-acts{flex-direction:row;flex-wrap:wrap}.wk-cal,.wk .nb-save{width:auto;flex:1 1 40%}}

