/* 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). */
/* ===== Dab cooler ===== */
/* Release 008.1 · Dab cooler · the Forge's paper world inside the rail. The object is clean; the photos are dithered. */
body.page-dab-cooler.cooler { --w-media: #f7f5ef; }
body.page-dab-cooler.cooler .stage .main img { aspect-ratio: 4 / 3; }
body.page-dab-cooler.cooler .ed-side { display: flex; flex-direction: column; gap: 12px; }
body.page-dab-cooler.cooler .ed-head { border-top: var(--rule); padding-top: 10px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
body.page-dab-cooler.cooler .ed-head h3 { font-size: 34px; line-height: 1; margin: 0; }
body.page-dab-cooler.cooler .ed-note { margin: 0; font-size: 14.5px; line-height: 1.5; max-width: 46ch; }
body.page-dab-cooler.cooler .ed-col { margin: 0; font: 11px/1.6 var(--meta); letter-spacing: .03em; color: var(--ink-2); max-width: 52ch; }
body.page-dab-cooler.cooler .spec th { width: 46%; }
body.page-dab-cooler.cooler .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-dab-cooler.cooler .figs.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.page-dab-cooler.cooler .figs .pv { aspect-ratio: 3 / 4; }
body.page-dab-cooler.cooler .figs#opt-figs .pv { aspect-ratio: 4 / 3; }
body.page-dab-cooler.cooler .figs#opt-figs { padding-top: 12px; }
body.page-dab-cooler.cooler .figs#opt-figs li img.plain { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-bottom: var(--rule); }
body.page-dab-cooler.cooler .plates li .img { cursor: zoom-in; }
body.page-dab-cooler.cooler .plates li .img img { aspect-ratio: 4 / 3; object-fit: cover; }
body.page-dab-cooler.cooler .plates.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.page-dab-cooler.cooler .plates.five figcaption { font-size: 13px; }
body.page-dab-cooler.cooler .gap-row .need { min-height: 120px; }
body.page-dab-cooler.cooler .gap-row .need span { max-width: 30ch; }
/* structure=parts leads with the sheet: the stage moves under it and loses its thumbs; structure=log leads with the story */
body.page-dab-cooler.structure-parts #stage .stage, body.page-dab-cooler.structure-log #stage .stage { grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr); }
@media (max-width: 1100px) { body.page-dab-cooler.cooler .plates.five { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  body.page-dab-cooler.cooler .plates.five { grid-template-columns: 1fr 1fr; }
  body.page-dab-cooler.cooler .figs.three { grid-template-columns: 1fr 1fr; }
  body.page-dab-cooler.cooler .ed-head h3 { font-size: 28px; }
  body.page-dab-cooler.structure-parts #stage .stage, body.page-dab-cooler.structure-log #stage .stage { grid-template-columns: 1fr; }
}