/* D2 inherits the named MoMA editorial grid, not a second design system. */
body .d2-introduction { max-width:1184px; margin:0 auto; padding:40px 24px; }
body .d2-introduction h2 { font-family:var(--display); font-size:28px; line-height:1.25; }
body .d2-introduction :is(p,li,dd) { max-width:60ch; font-size:18px; line-height:1.75; }
body .d2-introduction li { padding-block:8px; }
body .d2-introduction details { padding-block:16px; }
body .d2-introduction summary { font-size:18px; cursor:pointer; min-height:44px; }
body .d2-introduction dt { font-weight:600; margin-block-start:24px; }
body .d2-introduction dd { margin-inline-start:0; }
html body #chapters :is(.d2-brief,.d2-colour-study) { max-width:1184px; margin:0 auto; padding:24px; color:var(--room-ink); background:var(--room-ground); }
html body #chapters .d2-brief h3 { font-family:var(--body); font-size:18px; margin:0 0 16px; font-weight:600; }
html body #chapters .d2-brief > p { font-family:var(--body); font-size:28px; line-height:1.6; max-width:42ch; margin:0; }
html body #chapters .d2-colour-study h3 { font-family:var(--body); font-size:18px; margin:0 0 20px; }
html body #chapters .d2-colour-study p { max-width:60ch; font-size:18px; line-height:1.75; }
body .d2-scheme-options { display:flex; flex-wrap:wrap; gap:8px; padding-block:16px; }
html body #chapters .d2-scheme-options button { min-width:72px; min-height:48px; background:transparent; border:0; color:var(--room-ink); font-size:18px; padding:10px 16px; text-decoration:underline; text-underline-offset:5px; }
html body #chapters .d2-scheme-options button[aria-pressed="true"] { background:var(--room-ink); color:var(--room-ground); text-decoration:none; }
body .d2-swatch-strip { display:flex; height:120px; width:100%; }
body .d2-swatch-strip span { display:block; min-width:0; }
body .d2-colour-list { list-style:none; margin:20px 0; padding:0; display:grid; gap:12px; }
body .d2-colour-list li { display:flex; gap:16px; justify-content:space-between; font-size:18px; }
body .d2-colour-list code { font-family:var(--mono); font-size:16px; }
html body #chapters .d2-colour-study > button { background:var(--room-ink); color:var(--room-ground); border:0; min-height:48px; font-size:18px; padding:12px 20px; }
html body #chapters .d2-colour-study :is(a,textarea) { color:var(--room-ink); }
html body #chapters .d2-colour-study textarea { background:var(--room-ground); font-size:16px; line-height:1.6; padding:16px; box-sizing:border-box; width:100%; border:0; }
body .d2-fineprint { font-size:16px !important; line-height:1.75; opacity:1; }
html body #chapters .d2-full-reading { clear:both; }
html body #chapters .light-bridge { background:var(--room-ground); color:var(--room-ink); }
html body #chapters .light-bridge p { color:var(--room-ink); }
html body #chapters .room-motive { max-width:60ch; line-height:1.75; font-size:18px; }
body [lang="th"],body [lang="zh-Hans"] { letter-spacing:0 !important; text-transform:none !important; }
body [lang="th"] { font-family:'IBM Plex Sans Thai','Noto Sans Thai',sans-serif; }
body [lang="zh-Hans"] { font-family:'Noto Sans SC','Noto Sans CJK SC',sans-serif; }
@media(min-width:768px) {
  body .d2-introduction { padding:64px 24px; }
  html body #chapters .d2-brief { padding-block:48px; }
  html body #chapters .d2-colour-study { display:grid; grid-template-columns:1fr 3fr; gap:0 48px; padding-block:32px 64px; }
  html body #chapters .d2-colour-study > * { grid-column:2; }
  html body #chapters .d2-colour-study > h3 { grid-column:1; grid-row:1 / 4; }
  body .d2-swatch-strip { height:160px; }
  body .d2-colour-list { grid-template-columns:1fr 1fr; gap:16px 32px; }
}
@media print { body .d2-scheme-options,body [data-copy-palette] { display:none; } body .d2-swatch-strip { print-color-adjust:exact; } }