.calendar-page { padding-block: 48px 64px; }
.calendar-page h1,.calendar-toolbar h2,.calendar-weekly h2 { font-family:"Shippori Mincho",serif; font-weight:500; letter-spacing:-.035em; line-height:1.13; }
.calendar-page h1 { margin-block:0 24px; font-size:clamp(34px,5vw,59px); }
.calendar-hours p { margin:0; }
.calendar-hours__part { display:inline-block; white-space:nowrap; }
.calendar-toolbar { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-block:24px 16px; }
.calendar-toolbar h2 { margin:0; text-align:center; font-size:clamp(20px,3vw,32px); }
.calendar-toolbar button,.calendar-export button { padding:10px 14px; color:var(--ink); background:var(--paper); border:1px solid var(--stone); cursor:pointer; }
.calendar-grid { display:grid; gap:4px; grid-auto-rows:auto; }
.calendar-weekday { padding:10px 2px; text-align:center; background:var(--paper-warm); }
.calendar-empty { background:var(--paper-warm); border:1px solid var(--stone-light); }
.calendar-day { min-width:0; height:112px; padding:12px; border:1px solid var(--stone-light); background:var(--paper); color:var(--ink); text-align:center; cursor:pointer; }
.calendar-day[aria-pressed=true] { box-shadow:inset 0 0 0 3px var(--matcha-dark); }
.calendar-day:focus-visible { outline:3px solid var(--ink); outline-offset:-4px; }
.calendar-day strong { display:block; font-size:20px; }
.calendar-day__marker { display:block; color:var(--matcha-dark); min-height:1.4em; }
.calendar-day__marker--closed { font-family:"Shippori Mincho",serif; font-size:clamp(12px,2vw,25px); font-weight:400; white-space:nowrap; color:var(--ink); }
.calendar-special-openings { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:16px; }
.calendar-special-openings:empty { display:none; }
.calendar-special-openings button { padding:8px 0; border:0; background:transparent; color:var(--ink); font:inherit; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.calendar-special-openings button[aria-pressed=true] { color:var(--matcha-dark); }
.calendar-detail { margin-top:20px; padding:24px; border:1px solid var(--stone-light); background:var(--cream); overflow-wrap:anywhere; }
.calendar-detail h3 { margin-top:0; }
.calendar-detail p { white-space:pre-wrap; }
.calendar-weekly { margin-block:28px; }
.calendar-export { display:flex; flex-wrap:wrap; gap:12px; }
.calendar-message { min-height:1.6em; }
.calendar-caption { width:100%; min-height:90px; margin-top:16px; font:inherit; }
.calendar-site .brand { white-space:nowrap; }
@media(max-width:360px) { .calendar-site .brand__name { display:none; } }
@media(max-width:650px) {
 .calendar-page { padding-top:28px; }
 .calendar-day { height:72px; padding:8px 2px; }
 .calendar-day strong { font-size:18px; }
 .calendar-day__marker--closed { font-size:15px; letter-spacing:-.05em; margin-inline:-1px; }
 .calendar-weekday { font-size:12px; }
 .calendar-detail { padding:18px; }
 .calendar-toolbar { gap:6px; }
 .calendar-toolbar button { padding:10px; }
}