/* The plan is vector geometry, not a stretched raster image. */
.zv-celestial #genplan .zv-genplan-viewer { width:100%; max-width:960px; margin-inline:auto; }
.zv-celestial #genplan .zv-genplan-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; border-block:1px solid #c0975a55; max-width:none!important; }
.zv-celestial #genplan .zv-genplan-caption { font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:500!important; }
.zv-celestial #genplan .zv-genplan-controls { display:flex; align-items:center; gap:8px; }
.zv-celestial #genplan .zv-genplan-controls button { display:grid; place-items:center; min-width:44px; min-height:44px; border:1px solid #b7a483; background:#fcf9f2; color:#182f53; font-size:22px; cursor:pointer; transition:background .15s ease; }
.zv-celestial #genplan .zv-genplan-controls button:hover { background:#e4d3b0; }
.zv-celestial #genplan .zv-genplan-controls button:disabled { opacity:.35; cursor:default; }
.zv-celestial #genplan .zv-genplan-controls .zv-genplan-reset { font-size:13px; padding-inline:12px; }
.zv-celestial #genplan .zv-genplan-scale { min-width:46px; font-size:13px; text-align:center; font-variant-numeric:tabular-nums; }
.zv-celestial #genplan .zv-genplan-viewport { width:100%; aspect-ratio:689/706; overflow:auto; position:relative; background:#f7f2e9; overscroll-behavior-x:contain; scrollbar-color:#b7a483 #eee7da; margin-block:24px; }
.zv-celestial #genplan .zv-genplan-art { display:block; width:calc(100% * var(--zv-plan-zoom, 1)); max-width:none; height:auto; overflow:visible; }
.zv-celestial #genplan .zv-plan-number { font-weight:500!important; }
.zv-celestial #genplan .zv-plan-area { font-weight:300!important; }
.zv-celestial #genplan .zv-genplan-viewport:focus-visible,
.zv-celestial #genplan .zv-genplan-controls button:focus-visible { outline:2px solid #92713e; outline-offset:4px; }
.zv-celestial #genplan .zv-genplan-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #c0975a55; padding-top:20px; }
.zv-celestial #genplan .zv-genplan-legend { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:14px; }
.zv-celestial #genplan .zv-genplan-legend span { display:flex; align-items:center; gap:8px; }
.zv-celestial #genplan .zv-plan-key { display:block; width:13px; height:13px; background:#e4d3b0; border:1px solid #b29b72; }
.zv-celestial #genplan .zv-plan-key.is-taken { background:#dcbfba; border-color:#a16460; }
.zv-celestial #genplan .zv-genplan-footer a { font-size:14px; border-bottom:1px solid #b7a483; padding-bottom:3px; }
.zv-celestial #genplan .zv-genplan-help { font-size:13px; color:#5d6670; line-height:1.6; margin-top:16px; }
@media(max-width:640px) {
  .zv-celestial #genplan .zv-genplan-toolbar { flex-wrap:wrap; gap:12px; }
  .zv-celestial #genplan .zv-genplan-caption { font-size:10px; }
  .zv-celestial #genplan .zv-genplan-controls { gap:5px; }
  .zv-celestial #genplan .zv-genplan-footer { align-items:flex-start; flex-direction:column; gap:16px; }
  .zv-celestial #genplan .zv-genplan-viewport { margin-block:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .zv-celestial #genplan .plot-hot,
  .zv-celestial #genplan .zv-genplan-controls button { transition:none; }
}
@media print {
  .zv-celestial #genplan .zv-genplan-controls { display:none; }
  .zv-celestial #genplan .zv-genplan-viewport { overflow:visible; }
  .zv-celestial #genplan .zv-genplan-art { width:100%; }
}