.oks-calendar { --oks-line:#d9d2c6; --oks-muted:#655e54; --oks-accent:#864e3b; color:#302e29; font-family:inherit; }
.oks-months { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.oks-month { table-layout:fixed; width:100%; border-collapse:separate; border-spacing:4px; margin:0; }
.oks-month caption { text-align:left; font-family:Georgia,serif; font-size:2.5rem; margin:0 0 16px; }
.oks-month caption span { font-family:inherit; color:var(--oks-muted); font-size:1rem; margin-right:12px; }
.oks-month caption small { font-size:1rem; margin-left:4px; }
.oks-month th { font-size:.875rem; font-weight:400; color:var(--oks-muted); text-align:center; padding:0 0 10px; border:0; }
.oks-month td { padding:0; border:0; vertical-align:top; }
.oks-day { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:100%; min-height:58px; border:1px solid transparent; border-radius:2px; background:transparent; font:inherit; color:inherit; padding:5px 0; cursor:pointer; line-height:1.3; }
.oks-day span { font-size:1rem; }
.oks-day small { font-size:.75rem; min-height:1em; }
.oks-day[aria-current="date"] span:first-child { text-decoration:underline; text-underline-offset:4px; }
.oks-day:hover,.oks-day[aria-pressed="true"] { border-color:var(--oks-accent); }
.oks-day:focus-visible { outline:2px solid var(--oks-accent); outline-offset:2px; }
.oks-closed { background:var(--oks-closed-bg,#e9e5de); color:var(--oks-closed-text,#5c574f); }
.oks-all { background:var(--oks-all-bg,#f0dbd4); color:var(--oks-all-text,#753e2e); }
.oks-am { background:var(--oks-am-bg,#f0e6c9); color:var(--oks-am-text,#655018); }
.oks-pm { background:var(--oks-pm-bg,#dce6eb); color:var(--oks-pm-text,#355365); }
.oks-time { background:var(--oks-time-bg,#dce6df); color:var(--oks-time-text,#365a42); }
.oks-unknown { background:var(--oks-unknown-bg,#e9e0ed); color:var(--oks-unknown-text,#61446b); }
.oks-mixed { background:var(--oks-mixed-bg,#e9e0ed); color:var(--oks-mixed-text,#61446b); }
.oks-event-dot { position:absolute; right:0; top:0; }
.oks-legend { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:24px; font-size:.8125rem; color:var(--oks-muted); }
.oks-legend span { display:flex; align-items:center; gap:7px; }
.oks-legend i { width:12px; height:12px; display:inline-block; }
.oks-detail { margin:22px 0; padding:17px 0; border-block:1px solid var(--oks-line); min-height:64px; color:var(--oks-accent); font-size:.9375rem; }
.oks-absence h3 { font-family:'Noto Serif JP','Yu Mincho',serif; font-weight:400; font-size:1.25rem; margin:24px 0 12px; }
.oks-event { display:grid; grid-template-columns:110px minmax(140px,.7fr) 1fr; gap:18px; padding:15px 0; border-bottom:1px solid var(--oks-line); font-size:.9375rem; line-height:1.8; }
.oks-event time { font-family:Georgia,serif; font-size:1.125rem; }
.oks-event-type { color:var(--oks-muted); }
@media(max-width:680px) { .oks-months { grid-template-columns:1fr; gap:30px; } .oks-event { grid-template-columns:90px 1fr; gap:3px 12px; } .oks-event>span:last-child { grid-column:2; } .oks-month { border-spacing:3px; } .oks-day { min-height:50px; } }