/* "How we made it" workshop notes (m3). Builds on museum.css. */
.d-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px 18px; margin: 0 0 clamp(28px, 4vw, 44px); padding: 14px 16px; border: 1px solid var(--rule); border-top: 3px solid var(--c, var(--era)); border-radius: var(--r-m); background: var(--room-2); }
.d-facts div { min-width: 0; }
.d-facts dt { font: 500 .9rem var(--f-display); letter-spacing: .04em; font-variant-caps: all-small-caps; color: var(--ink-3); }
.d-facts dd { margin: 2px 0 0; font: 600 1.02rem/1.35 var(--f-display); color: var(--ink); overflow-wrap: anywhere; }
.d-quote { margin: 0 0 1.1em; }
.d-quote p { margin: 0 !important; font-size: 1.05rem; line-height: 1.6; color: var(--ink) !important; }
.diary .m-cta { margin: 0 0 18px; }
.d-list .m-room h3 { font-size: 1.35rem; }