/* MGI room shell v1 — temporary hosts for Story Loom and Reading Room. */
.room-page{width:min(100% - 56px,1100px);margin:0 auto;padding:58px 0 96px}
.room-intro{max-width:820px}
.room-intro h1{font-size:clamp(2.7rem,5vw,4.7rem);font-weight:400;line-height:1.03;margin:.18em 0 .28em;color:#14253a}
.room-intro .lead{font-size:1.16rem;line-height:1.58;color:#4f5964;max-width:760px;margin:0}
.room-dock{margin-top:42px;border-top:1px solid var(--line);padding-top:24px}
.room-placeholder{margin:0}
.room-placeholder img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(35,48,62,.13);background:#eee8dd;filter:saturate(.82) contrast(.98)}
.room-placeholder figcaption{margin-top:10px;font-size:.8rem;letter-spacing:.02em;color:#776f64}
.room-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;margin-top:28px;padding:22px 0;border-top:1px solid var(--line)}
.room-status h2{font-weight:400;font-size:1.6rem;line-height:1.15;margin:0 0 .45rem;color:#17263a}
.room-status p{font-size:1rem;line-height:1.6;color:#676158;max-width:720px;margin:0}
.room-status .room-state{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;color:#8c704d;white-space:nowrap;padding-top:.35rem}
@media(max-width:820px){
  .room-page{width:min(100% - 36px,1100px);padding:40px 0 72px}
  .room-dock{margin-top:30px}
  .room-status{grid-template-columns:1fr;gap:10px}
}