.service-context{display:flex;align-items:center;gap:24px;padding:24px;background:var(--paper-card);border:1px solid var(--line-soft);border-radius:16px;margin:24px 0}.service-context>label{display:grid;gap:8px;font-size:12px;color:var(--ink-3);min-width:220px}.service-context-note{display:grid;gap:7px;flex:1}.service-context-note strong{font-size:20px}.service-context-note span{font-size:13px;color:var(--ink-3)}.service-nav{gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}.service-nav [aria-current=page]{background:var(--ochre-wash);border-color:var(--ochre);color:var(--ink)}.service-panel-enter{animation:service-enter .25s var(--ease-out)}.service-schedule-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px}.service-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.service-section-title span,.service-filter{font-size:13px;color:var(--ink-3)}.service-filter{display:flex;align-items:center;gap:10px;margin:20px 0}.service-filter select{width:auto}.service-appointment{border-top:1px solid var(--line-soft);padding:24px 0}.service-appointment time{font-size:13px;color:var(--ink-3)}.service-appointment h3{font-size:19px;margin:8px 0}.service-appointment p{font-size:13px;color:var(--ink-3);margin-bottom:16px}.service-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-empty{padding:48px 12px;text-align:center;color:var(--ink-3)}.service-empty strong{display:block;color:var(--ink);font-size:20px}.service-context .btn{white-space:nowrap}@keyframes service-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.service-context{align-items:stretch;flex-wrap:wrap;padding:18px;gap:16px}.service-context>label{min-width:0;flex:1 1 100%}.service-context-note{flex-basis:100%}.service-context .btn{width:100%}.service-schedule-grid{grid-template-columns:minmax(0,1fr)}.service-nav{display:flex;flex-wrap:nowrap;overflow-x:auto}.service-nav a{white-space:nowrap}.service-form-pair{grid-template-columns:1fr 1fr}.service-appointment .btn{font-size:12px;padding:10px}}@media(prefers-reduced-motion:reduce){.service-panel-enter{animation:none}}
body.studio-workspace[data-page=teaching] .teach-nav.service-nav{display:flex}