/* Generated from the studio prototype's pages.css by tools/import-studio.mjs; every selector is scoped to this page's body class (tools/css-scope.mjs). */
/* ===== C1D1 ===== */
/* Release 008.3 · SUN C1D1 re-rack · the Forge's paper world inside the rail; a SUN room drawn on paper. */
body.page-c1d1.c1d1 { --w-media: #f4f4f1; }
body.page-c1d1.c1d1 .p-top .permit { margin-top: 16px; }
body.page-c1d1.c1d1 .roomgrid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 20px 32px; align-items: start; }
body.page-c1d1.c1d1 .viewer .vw { aspect-ratio: 4 / 3; background: linear-gradient(180deg, #ffffff 0%, #ecebe5 100%); }
body.page-c1d1.c1d1 .rside { display: flex; flex-direction: column; gap: 14px; }
body.page-c1d1.c1d1 .rside .spec th { width: 42%; }
body.page-c1d1.c1d1 .spec td small { display: block; font: 9px/1.4 var(--meta); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); margin-top: 2px; white-space: normal; }
body.page-c1d1.c1d1 .tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.page-c1d1.c1d1 .tools .embed .ebody { aspect-ratio: 16 / 11; }
body.page-c1d1.c1d1 .tools .what { padding: 10px 12px 12px; font-size: 13.5px; line-height: 1.5; border-top: var(--rule); background: var(--paper); max-width: none; margin: 0; }
body.page-c1d1.c1d1 .plates .img img { aspect-ratio: 1870 / 1445; }
body.page-c1d1.c1d1 .log.story li { grid-template-columns: 130px minmax(0, 1fr); }
body.page-c1d1.c1d1 .gap-row.one { grid-template-columns: 1fr; gap: 8px; }
body.page-c1d1.c1d1 .gap-row.one .need { min-height: 0; padding: 12px 14px; text-align: left; place-items: start; }
body.page-c1d1.c1d1 .gap-row.one .need span { max-width: none; }
body.page-c1d1.c1d1 .arm-pic { position: absolute; inset: 0; display: grid; place-items: center; background: #11141a; color: #e8ecf1; font: 11px/1.6 var(--meta); letter-spacing: .05em; text-transform: uppercase; text-align: center; padding: 20px; }
@media (max-width: 1100px) { body.page-c1d1.c1d1 .tools { grid-template-columns: 1fr; } }
@media (max-width: 860px) {
  body.page-c1d1.c1d1 .roomgrid { grid-template-columns: 1fr; }
  body.page-c1d1.c1d1 .log.story li { grid-template-columns: 1fr; }
}


