/* M1: monograph and exhibition pages, on top of T2 text.css (no new layout type; spacing only). */
.page-monograph .text-copy section+section{margin-top:3.8em}
.page-monograph .text-copy .cover{margin:0 0 1.2em}
.page-monograph .text-copy p,.page-museum .text-copy p{text-indent:0}
.page-monograph .text-copy dl.contact-list{margin:0;flex-wrap:wrap}
.page-monograph .text-copy dl.contact-list dt{white-space:nowrap}
.page-monograph .text-copy dl.contact-list dd{min-width:0}
.page-monograph .text-copy dl.contact-list dt::after{content:"："}
html[lang=en] .page-monograph .text-copy dl.contact-list dt::after{content:": "}
.page-monograph .text-copy h3{margin:1.9em 0 .65em}
.page-monograph .text-copy .plain-list{margin:0 0 1em}
.page-museum .text-copy h2{margin-bottom:.4em}
.page-museum .text-copy p{margin:0}
.page-museum .text-copy .photo{margin:1.9em 0 0}
.page-museum .text-copy .back{margin-top:2.85em}

/* exhibition list: "＞写真" swaps the list for the photos in place (m1-swap.js). White; 2-column 3:2 grid. */
.photo-link{margin-inline-start:1em}
.text-stage [hidden]{display:none!important}
.p1 .text-copy.photo-view{max-width:none}
.photo-view .photo-back{margin:0}
.p1 .text-copy.photo-view>p.photo-back{margin:0 0 1.6em;text-indent:0}
.p1 .text-copy.photo-view>p.photo-back.bottom{margin:2.2em 0 0}
/* the P1 list page hides every .text-copy h2 (.p1 rule); the swapped view needs its heading visible */
.p1 .text-copy.photo-view h2{position:static;width:auto;height:auto;margin:0 0 .5em;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border:0;font-size:18px;font-weight:700;color:#000;line-height:1.5}
.photo-view h2:focus,.photo-view h2:focus-visible{outline:none}
.p1 .text-copy.photo-view>p.bib{margin:0;font-size:12px;line-height:1.8;color:#666;text-indent:0}
.photo-view .photo-grid{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.6em 0 0}
.photo-view .photo-cell{position:relative;aspect-ratio:3/2;background:#fafafa;overflow:hidden}
.photo-view .photo-cell img{position:absolute;inset:0;margin:auto;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:600px){.photo-view .photo-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){.m1-fade{animation:m1-fade .2s ease}@keyframes m1-fade{from{opacity:0}to{opacity:1}}}
/* returning from the photo view: no ring after mouse/touch, ring after keyboard (set by m1-swap.js) */
a.m1-noring:focus,a.m1-noring:focus-visible{outline:none}
a.m1-ring:focus,a.m1-ring:focus-visible{outline:1px solid #555;outline-offset:3px}