/* Room facts. DESIGN.md rules: Archivo only, sentence case, flat, light only. Gold means what fans say. */
.room { font-family: Archivo, system-ui, sans-serif; color: #1a1a1a; background: #ffffff; padding: 12px 0; border-bottom: 1px solid #e7e7e2; max-width: 640px; }
.room-h { margin: 0 0 4px; font-size: 1.1rem; font-weight: 800; font-stretch: 78%; line-height: 1.15; letter-spacing: 0; }
.room-line { margin: 4px 0 10px; font-size: 0.95rem; line-height: 1.4; }
.room-band { margin: 0 0 8px; font-size: 0.85rem; color: #8a6200; }
.room-held { margin: 8px 0 0; font-size: 0.85rem; color: #1a1a1a; }
.room-strip { list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-end; gap: 4px; height: 64px; }
.room-cell { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; height: 100%; }
.room-cell-bar { display: block; height: 22%; background: #e7e7e2; }
.room-cell--peak .room-cell-bar { height: 100%; background: #b7851a; }
.room-cell-label { display: block; margin-top: 4px; font-size: 0.75rem; line-height: 1.1; color: #1a1a1a; }
.room-cell--peak .room-cell-label { font-weight: 800; color: #8a6200; }
.room-seesaw { display: block; width: 100%; max-width: 360px; height: auto; }
.room-rule { stroke: #e7e7e2; stroke-width: 2; }
.room-tick { stroke: #1a1a1a; stroke-width: 1; }
.room-mark { fill: #b7851a; }
.room-sides { display: flex; justify-content: space-between; max-width: 360px; font-size: 0.85rem; }
.room-side--more { font-weight: 800; color: #8a6200; }
.room-how { margin-top: 8px; font-size: 0.85rem; }
.room-how summary { cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.room-how summary:hover { opacity: 0.7; }
.room-how p { margin: 6px 0 0; line-height: 1.4; }