/* A single sheet of parchment: the dialog header and plan share its surface.
   This theme belongs only to the house map, never to project or about readers. */
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan]{
  --paper:#e4d2ac;--ink:#3e2c1d;--muted:#654d33;--accent:#684127;--rule:#b89b70;--edge:#95734c;
  --paper-illustration:url('/assets/images/parchment-paper-v1.webp?v=40');--paper-aspect:1.5;
  --paper-image-width:max(100vw,150dvh);--paper-image-height:max(66.666667vw,100dvh);
  --paper-image-y:calc((100dvh - var(--paper-image-height))/2);
  color-scheme:light;color:var(--ink);border:1px solid #b79b71;border-radius:3px 8px 4px 7px;
  background:#e4d2ac;
  box-shadow:0 24px 100px #0008,inset 0 0 52px #895c2833,inset 0 1px 0 #fff2d590;
}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan]::after{
  content:none;
}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header{
  position:relative;padding:25px 36px 0;border:0;background:none;color:var(--ink);align-items:center;gap:16px;
}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header .eyebrow{display:none}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header h2{
  font-family:Cormorant,Georgia,serif;font-style:italic;font-size:43px;font-weight:550;line-height:1.05;margin:0;letter-spacing:-.025em;
}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-close{
  min-width:44px;min-height:44px;padding:8px 12px;background:none;border:1px solid #89633e66;color:var(--ink);border-radius:2px 5px 2px 4px;
}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-close:hover{background:#fff2d44d;border-color:#89633e}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-close:focus-visible{outline:2px solid #3e2c1d;outline-offset:4px}
.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-fallback-close{color:var(--ink)}

.experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .home-plan[data-home-plan]{background:none}

/* Full plan geometry is retained on phones, so the drawing itself is navigation. */
.home-plan[data-home-plan]{
  --plan-paper:#e4d2ac;--plan-ink:#3e2c1d;--plan-muted:#654d33;--plan-accent:#684127;--plan-rule:#ac8657;
  padding:12px 32px 27px;background:var(--plan-paper);box-shadow:none;color:var(--plan-ink);
}
.home-plan[data-home-plan] .home-plan-heading{display:block}
.home-plan[data-home-plan] .home-plan-current{font-size:12px;line-height:1.5;color:var(--plan-muted);margin:0 0 3px 4px}
.home-plan[data-home-plan] .home-plan-current strong{font-weight:600;color:var(--plan-ink)}
.home-plan[data-home-plan] .home-plan-layout{
  position:relative;display:block;width:min(100%,790px);max-width:790px;aspect-ratio:780/520;margin:8px auto 0;
}
.home-plan[data-home-plan] .home-plan-drawing{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:780/520;overflow:visible}
.home-plan[data-home-plan] .home-plan-fill{fill:#9b653d;opacity:.025;transition:opacity .2s ease}
.home-plan[data-plan-current=workroom] .fill-workroom,
.home-plan[data-plan-current=hearth] .fill-hearth,
.home-plan[data-plan-current=study] .fill-study,
.home-plan[data-plan-current=entry] .fill-entry{opacity:.11}
.home-plan[data-home-plan] .home-plan-ink-walls{opacity:.9}
.home-plan[data-home-plan] .home-plan-emblems{opacity:.8}
.home-plan[data-home-plan] .home-plan-rooms{display:block;list-style:none;margin:0;padding:0}
.home-plan[data-home-plan] .home-plan-position{position:absolute;inset:auto;left:var(--plan-x);top:var(--plan-y);width:26%;transform:translate(-50%,-50%)}
.home-plan[data-home-plan] .plan-position-entry{width:16%;min-width:64px}
.home-plan[data-home-plan] .home-plan-room{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:54px;padding:8px 2px;text-align:center;
  border:1px solid transparent;border-radius:3px;background:none;color:var(--plan-ink);transition:background .2s ease;
}
.home-plan[data-home-plan] .home-plan-room-name,
.home-plan[data-home-plan] .plan-room-entry .home-plan-room-name{
  display:block;font-family:Cormorant,Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(18px,3.8vw,37px);line-height:1.15;letter-spacing:-.025em;white-space:nowrap;
}
.home-plan[data-home-plan] .home-plan-room::after{
  content:"";display:block;position:absolute;bottom:3px;left:32%;right:32%;height:3px;border-radius:50%;background:var(--plan-accent);opacity:0;transform:rotate(-2deg);
}
.home-plan[data-home-plan] .home-plan-room[aria-current]{border-color:transparent;background:none}
.home-plan[data-home-plan] .home-plan-room[aria-current]::after{opacity:.75}
.home-plan[data-home-plan] .home-plan-room:hover{border-color:transparent;background:#fff3d547}
.home-plan[data-home-plan] .home-plan-room:focus-visible{outline:2px solid var(--plan-ink);outline-offset:1px;background:#fff3d568;border-color:transparent}
/* A marker within the relevant room makes the location legible without a card. */
.home-plan[data-plan-current=workroom] .home-plan-bench-mark,
.home-plan[data-plan-current=hearth] .home-plan-fire-mark,
.home-plan[data-plan-current=study] .home-plan-book-mark,
.home-plan[data-plan-current=entry] .home-plan-door-mark{color:#744025}

@media(min-width:601px) and (min-height:651px){
  .home-plan[data-home-plan] .home-plan-layout{width:min(100%,calc((100dvh - 205px)*780/520),790px)}
}
@media(max-width:800px){
  .experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header{padding:23px 25px 0}
  .home-plan[data-home-plan]{padding:12px 22px 24px}
  .home-plan[data-home-plan] .home-plan-room-name,.home-plan[data-home-plan] .plan-room-entry .home-plan-room-name{font-size:clamp(18px,4.05vw,32px)}
}
@media(max-width:600px){
  .experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header{padding:19px 18px 0}
  .experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header h2{font-size:35px}
  .home-plan[data-home-plan]{padding:10px 14px 22px}
  .home-plan[data-home-plan] .home-plan-current{font-size:11px;margin-left:4px}
  .home-plan[data-home-plan] .home-plan-layout{width:100%;margin-top:10px}
  .home-plan[data-home-plan] .home-plan-room{min-height:44px;padding:5px 0}
  .home-plan[data-home-plan] .home-plan-room-name,.home-plan[data-home-plan] .plan-room-entry .home-plan-room-name{font-size:clamp(18px,4.7vw,27px);white-space:normal}
  .home-plan[data-home-plan] .home-plan-room::after{height:2px;bottom:3px}
}
@media(max-width:360px){
  .home-plan[data-home-plan]{padding-inline:10px}
  .home-plan[data-home-plan] .home-plan-room-name,.home-plan[data-home-plan] .plan-room-entry .home-plan-room-name{font-size:18px;letter-spacing:-.035em}
}
@media(max-height:650px) and (min-width:601px){
  .experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header{padding:14px 24px 0}
  .experience-ready .room-drawer[data-room-drawer][data-active-panel=plan] .room-drawer-header h2{font-size:33px}
  .home-plan[data-home-plan]{padding:5px 22px 16px}
  .home-plan[data-home-plan] .home-plan-current{font-size:11px}
  .home-plan[data-home-plan] .home-plan-layout{width:min(100%,calc((100dvh - 134px)*780/520),660px);margin-top:4px}
  .home-plan[data-home-plan] .home-plan-room{min-height:44px;padding:4px 0}
  .home-plan[data-home-plan] .home-plan-room-name,.home-plan[data-home-plan] .plan-room-entry .home-plan-room-name{font-size:clamp(19px,4.6dvh,29px)}
}
@media(prefers-reduced-motion:reduce){
  .home-plan[data-home-plan] .home-plan-fill,.home-plan[data-home-plan] .home-plan-room{transition:none}
}