/* Shared by the standalone home and guest guide; never depend on gallery CSS. */
#availability-panel{width:100%;max-width:700px;min-width:0;margin-top:20px}
#availability-panel[hidden]{display:none}
#availability-panel .availability-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#availability-panel .availability-nav h3{margin:0;text-align:center;font:700 clamp(18px,3vw,24px)/1.3 var(--font-body, sans-serif)}
#availability-panel .availability-nav button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;border:1px solid var(--line,#c9c7bc);border-radius:12px;background:var(--cal,#fffaf1);color:var(--ink,#261e26);font:700 22px/1 var(--font-body,sans-serif);cursor:pointer}
#availability-panel .availability-nav button:disabled{opacity:.35;cursor:default}
#availability-panel .availability-nav button:focus-visible{outline:3px solid var(--accent,#b84068);outline-offset:3px}
#availability-panel .availability-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:6px 0}
#availability-panel .availability-week>span{display:grid;place-items:center;min-width:0;padding:10px 0;text-align:center;font:600 15px/1.3 var(--font-body,sans-serif)}
#availability-panel .availability-week>[role=columnheader]{font-size:13px;color:var(--muted,#596c64);padding-bottom:4px}
#availability-panel .availability-day{min-height:44px;border:1px solid var(--line,#c9c7bc);border-radius:9px;font-variant-numeric:tabular-nums}
#availability-panel .availability-day.not-blocked{background:#e6eee6;color:#234738}
#availability-panel .availability-day.blocked{background:#e7e1df;color:#62585c;text-decoration:line-through;text-decoration-thickness:2px}
#availability-panel .availability-day.outside{opacity:.4}
#availability-panel .availability-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0;font-size:14px;line-height:1.5}
#availability-panel .availability-legend>span{display:inline-flex;gap:6px;align-items:center}
#availability-panel .availability-legend .not-blocked{color:#234738}
#availability-panel .availability-legend .blocked{color:#62585c}
#availability-panel>a{display:inline-block;margin-top:4px;font-size:15px;line-height:1.5;text-underline-offset:4px}
@media(max-width:400px){#availability-panel .availability-week{gap:3px}#availability-panel .availability-week>span{font-size:13px}#availability-panel .availability-week>[role=columnheader]{font-size:11px}#availability-panel .availability-day{min-height:38px}}