.msm-keramiekstudio-rooster{--kr-p:var(--m-primary,#8a4b2a);--kr-bg:var(--m-bg,#f1ebe2);--kr-ink:var(--m-ink,#2a211c);--kr-s:var(--m-surface,#fbf8f3);--kr-mu:var(--m-muted,#6f645a);--kr-a:var(--m-accent2,#4f7f75);--kr-l:var(--m-line,#ddd3c6);position:relative;scroll-margin-top:112px;padding:clamp(64px,8vw,112px) 16px;background:var(--kr-s);color:var(--kr-ink);font-family:var(--m-font-body,"Work Sans","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-keramiekstudio-rooster *{box-sizing:border-box}
.msm-keramiekstudio-rooster [hidden]{display:none!important}
.msm-keramiekstudio-rooster .kr-wrap{width:100%;max-width:1320px;margin:0 auto}
.msm-keramiekstudio-rooster .kr-head{max-width:760px}
.msm-keramiekstudio-rooster .kr-kicker{margin:0 0 10px;color:var(--kr-p);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.msm-keramiekstudio-rooster .kr-title{margin:0;font:400 clamp(36px,5.2vw,62px)/1.06 var(--m-font-display,"Young Serif",Georgia,"Times New Roman",serif);letter-spacing:-.01em;color:var(--kr-ink)}
.msm-keramiekstudio-rooster .kr-intro{margin:16px 0 0;max-width:60ch;color:var(--kr-mu);font-size:18px}
.msm-keramiekstudio-rooster .kr-tiles{display:grid;grid-template-columns:1fr;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.msm-keramiekstudio-rooster .kr-tile{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;border:1px solid var(--kr-l);border-radius:16px;background:var(--kr-bg);font-size:15px;line-height:1.45;scroll-margin-top:112px}
.msm-keramiekstudio-rooster .kr-tile strong{display:block;font-weight:600;color:var(--kr-ink)}
.msm-keramiekstudio-rooster .kr-tile a{color:var(--kr-mu);text-decoration:none}
.msm-keramiekstudio-rooster .kr-tile a strong{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--kr-p) 45%,transparent);text-underline-offset:3px}
.msm-keramiekstudio-rooster .kr-tile a:hover strong{color:var(--kr-p)}
.msm-keramiekstudio-rooster .kr-tile>span:last-child{color:var(--kr-mu)}
.msm-keramiekstudio-rooster .kr-tile-icon{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--kr-s);color:var(--kr-p)}
.msm-keramiekstudio-rooster svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.msm-keramiekstudio-rooster .kr-board{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px}
.msm-keramiekstudio-rooster .kr-side{display:grid;gap:16px;justify-items:center;align-content:start}
.msm-keramiekstudio-rooster .kr-wheel{position:relative;width:200px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--kr-p) 26%,var(--kr-s)) 0 6px,color-mix(in srgb,var(--kr-p) 10%,var(--kr-s)) 6px 13px),var(--kr-s);box-shadow:inset 0 0 0 1px var(--kr-l)}
.msm-keramiekstudio-rooster .kr-wheel.is-live{background:radial-gradient(circle,color-mix(in srgb,var(--kr-p) 8%,var(--kr-s)),var(--kr-s) 70%)}
.msm-keramiekstudio-rooster .kr-swirl{position:absolute;inset:0}
.msm-keramiekstudio-rooster .simple-swirl{position:relative;isolation:isolate;overflow:hidden}
.msm-keramiekstudio-rooster .simple-swirl__stage{position:absolute;inset:0;pointer-events:none}
.msm-keramiekstudio-rooster .simple-swirl__content{position:relative;z-index:10;width:100%;height:100%}
.msm-keramiekstudio-rooster .kr-weeknav{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"label label" "prev next";align-items:center;gap:10px;width:100%;max-width:420px}.msm-keramiekstudio-rooster .kr-week-btn[data-step="-1"]{grid-area:prev;justify-self:start}.msm-keramiekstudio-rooster .kr-week-btn[data-step="1"]{grid-area:next;justify-self:end}
.msm-keramiekstudio-rooster .kr-week-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--kr-l);border-radius:999px;background:var(--kr-s);color:var(--kr-ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,background-color .2s}
.msm-keramiekstudio-rooster .kr-week-btn:hover{border-color:var(--kr-p)}
.msm-keramiekstudio-rooster .kr-week-btn:disabled{opacity:.4;cursor:default;border-color:var(--kr-l)}
.msm-keramiekstudio-rooster .kr-week-label{grid-area:label;margin:0;text-align:center;font:400 22px/1.2 var(--m-font-display,"Young Serif",Georgia,"Times New Roman",serif)}
.msm-keramiekstudio-rooster .kr-legend{display:grid;gap:6px;width:100%;max-width:420px;margin:0;font-size:14px}
.msm-keramiekstudio-rooster .kr-legend div{display:grid;grid-template-columns:120px 1fr;gap:8px}
.msm-keramiekstudio-rooster .kr-legend dt{display:flex;align-items:center;gap:8px;font-weight:600}
.msm-keramiekstudio-rooster .kr-legend dd{margin:0;color:var(--kr-mu)}
.msm-keramiekstudio-rooster .kr-swatch{flex:none;width:14px;height:14px;border-radius:3px;border:1px solid var(--kr-p);background:var(--kr-s)}
.msm-keramiekstudio-rooster .kr-swatch[data-state="vrij"]{background:var(--kr-s)}
.msm-keramiekstudio-rooster .kr-swatch[data-state="bijna"]{background:color-mix(in srgb,var(--kr-p) 30%,var(--kr-s))}
.msm-keramiekstudio-rooster .kr-swatch[data-state="vol"]{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--kr-ink) 55%,transparent) 0 2px,transparent 2px 5px);border-color:var(--kr-ink)}
.msm-keramiekstudio-rooster .kr-sample{margin:0;max-width:420px;color:var(--kr-mu);font-size:13px;text-align:center}
.msm-keramiekstudio-rooster .kr-main{min-width:0}
.msm-keramiekstudio-rooster .kr-filters{display:flex;flex-wrap:wrap;gap:8px}
.msm-keramiekstudio-rooster .kr-filter{min-height:44px;padding:9px 16px;border:1px solid var(--kr-l);border-radius:999px;background:var(--kr-bg);color:var(--kr-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.msm-keramiekstudio-rooster .kr-filter:hover{border-color:var(--kr-p)}
.msm-keramiekstudio-rooster .kr-filter[aria-pressed="true"]{border-color:var(--kr-ink);background:var(--kr-ink);color:var(--kr-s)}
.msm-keramiekstudio-rooster button:focus-visible,.msm-keramiekstudio-rooster a:focus-visible,.msm-keramiekstudio-rooster summary:focus-visible{outline:3px solid var(--kr-a);outline-offset:2px}
.msm-keramiekstudio-rooster .kr-status{min-height:1.5em;margin:12px 0 0;color:var(--kr-mu);font-size:14px}
.msm-keramiekstudio-rooster .kr-days{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}
.msm-keramiekstudio-rooster .kr-day{min-width:0;padding:14px;border:1px solid var(--kr-l);border-radius:20px;background:var(--kr-bg)}
.msm-keramiekstudio-rooster .kr-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600}
.msm-keramiekstudio-rooster .kr-day-head span{color:var(--kr-mu);font-weight:400;font-size:13px}
.msm-keramiekstudio-rooster .kr-sessions{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.msm-keramiekstudio-rooster .kr-empty{margin:0;color:var(--kr-mu);font-size:14px}
.msm-keramiekstudio-rooster .kr-session{display:grid;gap:6px;padding:12px;border:1px solid var(--kr-l);border-radius:14px;background:var(--kr-s);transition:border-color .2s,box-shadow .2s}
.msm-keramiekstudio-rooster .kr-session.is-focus{border-color:var(--kr-p);box-shadow:0 0 0 2px color-mix(in srgb,var(--kr-p) 35%,transparent)}
.msm-keramiekstudio-rooster .kr-session.is-picked{border-color:var(--kr-ink);box-shadow:0 0 0 2px var(--kr-ink)}
.msm-keramiekstudio-rooster .kr-session[data-state="vol"]{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--kr-ink) 6%,var(--kr-s)) 0 6px,var(--kr-s) 6px 12px)}
.msm-keramiekstudio-rooster .kr-session[data-state="dicht"]{opacity:.62}
.msm-keramiekstudio-rooster .kr-time{margin:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--kr-mu)}
.msm-keramiekstudio-rooster .kr-name{margin:0;font-size:16px;font-weight:600;line-height:1.3}
.msm-keramiekstudio-rooster .kr-left{margin:0;font-size:14px;color:var(--kr-mu)}
.msm-keramiekstudio-rooster .kr-session[data-state="bijna"] .kr-left{color:var(--kr-p);font-weight:600}
.msm-keramiekstudio-rooster .kr-session[data-state="vol"] .kr-left{color:var(--kr-ink);font-weight:600}
.msm-keramiekstudio-rooster .kr-meter{display:flex;gap:3px}
.msm-keramiekstudio-rooster .kr-meter i{flex:1 1 0;max-width:16px;height:8px;border-radius:2px;border:1px solid color-mix(in srgb,var(--kr-p) 55%,var(--kr-l));background:var(--kr-s)}
.msm-keramiekstudio-rooster .kr-meter i.is-taken{border-color:var(--kr-p);background:var(--kr-p)}
.msm-keramiekstudio-rooster .kr-session[data-state="vol"] .kr-meter i{border-color:var(--kr-ink);background:repeating-linear-gradient(135deg,var(--kr-ink) 0 1.5px,transparent 1.5px 4px)}
.msm-keramiekstudio-rooster .kr-book{justify-self:start;min-height:40px;margin-top:4px;padding:8px 18px;border:1px solid var(--kr-p);border-radius:999px;background:var(--kr-p);color:var(--kr-s);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}
.msm-keramiekstudio-rooster .kr-book:hover{background:color-mix(in srgb,var(--kr-p) 82%,var(--kr-ink))}
.msm-keramiekstudio-rooster .kr-book.is-wait{border-color:var(--kr-ink);background:var(--kr-s);color:var(--kr-ink)}
.msm-keramiekstudio-rooster .kr-book.is-wait:hover{background:color-mix(in srgb,var(--kr-ink) 8%,var(--kr-s))}
.msm-keramiekstudio-rooster .kr-table{margin-top:16px;border:1px solid var(--kr-l);border-radius:16px;background:var(--kr-bg)}
.msm-keramiekstudio-rooster .kr-table summary{padding:14px 16px;font-weight:600;cursor:pointer}
.msm-keramiekstudio-rooster .kr-table table{width:100%;border-collapse:collapse;font-size:14px}
.msm-keramiekstudio-rooster .kr-table caption{padding:0 16px 8px;text-align:left;color:var(--kr-mu)}
.msm-keramiekstudio-rooster .kr-table th,.msm-keramiekstudio-rooster .kr-table td{padding:8px 16px;border-top:1px solid var(--kr-l);text-align:left;vertical-align:top}
.msm-keramiekstudio-rooster .kr-booking{margin-top:clamp(40px,5vw,64px);scroll-margin-top:112px;outline:none}
.msm-keramiekstudio-rooster .kr-booking-note{max-width:70ch;margin:0 auto 12px;color:var(--kr-ink);font-size:15px;text-align:center}
.msm-keramiekstudio-rooster .kr-booking-note:empty{display:none}
@media (min-width:640px){.msm-keramiekstudio-rooster{padding-left:24px;padding-right:24px}.msm-keramiekstudio-rooster .kr-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.msm-keramiekstudio-rooster .kr-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.msm-keramiekstudio-rooster{padding-left:32px;padding-right:32px}.msm-keramiekstudio-rooster .kr-board{grid-template-columns:320px minmax(0,1fr);gap:40px}.msm-keramiekstudio-rooster .kr-side{position:sticky;top:96px}.msm-keramiekstudio-rooster .kr-wheel{width:320px}.msm-keramiekstudio-rooster .kr-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.msm-keramiekstudio-rooster .kr-filter,.msm-keramiekstudio-rooster .kr-book,.msm-keramiekstudio-rooster .kr-week-btn,.msm-keramiekstudio-rooster .kr-session{transition:none}}