.availability-layout{max-width:1050px;margin:0 auto;padding:20px var(--gutter) 70px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}.calendar-panel,.date-panel{border:1px solid var(--line);padding:26px;background:#fffaf5}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.calendar-nav h2{font-size:28px;margin:0}.month-step{border:1px solid var(--line);background:transparent;min-width:44px;min-height:44px;color:var(--ink);cursor:pointer}.month-step:disabled{opacity:.35;cursor:default}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekdays span{text-align:center;font-size:12px;padding:8px 0}.calendar-day{border:1px solid #d5c5b6;background:#fffdf9;aspect-ratio:1;min-height:40px;font-size:15px;color:var(--ink);cursor:pointer;position:relative}.calendar-day[data-state=booked]{background:#e7c9c2;border-color:#b37a76}.calendar-day[data-state=unknown]{border-style:dashed}.calendar-day[aria-pressed=true]{outline:2px solid #673c47;outline-offset:1px}.calendar-day:disabled{opacity:.3;cursor:default}.calendar-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:18px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:12px;height:12px;border:1px solid #d5c5b6;background:#fffdf9}.calendar-legend .booked-key{background:#e7c9c2;border-color:#b37a76}.calendar-legend .unknown-key{border-style:dashed}.calendar-status{font-size:13px;line-height:1.6;margin-top:16px;color:var(--muted)}.date-panel h2{font-size:32px;margin:16px 0}.date-panel label{font-size:14px}.date-panel .button{margin-top:22px;width:100%;gap:12px}.date-panel p{font-size:15px}.date-panel .availability-note{font-size:13px;margin-top:22px;color:var(--muted)}.availability-layout input{margin:8px 0 18px}.date-state{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#673c47}.calendar-panel button:focus-visible,.date-panel a:focus-visible{outline:3px solid #673c47;outline-offset:3px}@media(max-width:760px){.availability-layout{grid-template-columns:minmax(0,1fr)}.calendar-panel,.date-panel{padding:20px}.calendar-nav h2{font-size:24px}.calendar-grid{gap:4px}.calendar-day{min-height:39px}.calendar-legend{gap:10px}}