/* Editorial drawings accompany the reference plates without changing them. */
.illustrated-document > .prose { max-width:none; }
.illustrated-document > .prose > p,
.illustrated-document > .prose > h2 { max-width:850px; }
.illustrated-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,340px); gap:48px; align-items:center; margin:4px 0 32px; }
.illustrated-intro h1 { font-size:clamp(34px,4.2vw,56px); margin-top:12px; text-wrap:balance; }
.illustrated-intro-copy { min-width:0; }
.illustrated-intro-copy p { max-width:700px; color:var(--muted); }
.editorial-illustration { margin:0; text-align:center; align-self:center; }
.editorial-art { width:100%; height:auto; aspect-ratio:3/2; display:block; object-fit:contain; mix-blend-mode:lighten; opacity:.86; }
.art-library .editorial-art { opacity:.65; }
.editorial-illustration figcaption { color:var(--gold); font-family:'Noto Serif JP','Yu Mincho',serif; font-size:12px; letter-spacing:.12em; margin:12px 0 0; }
.illustration-crests { display:flex; justify-content:center; align-items:center; gap:25px; padding-top:10px; }
.illustration-crests .crest { width:32px; height:32px!important; }
.editorial-strip { display:grid; grid-template-columns:220px minmax(0,1fr); gap:36px; align-items:center; margin:36px 0; padding:20px 26px; border-top:1px solid #bca57a55; border-bottom:1px solid #bca57a55; }
.editorial-strip .editorial-art { max-width:220px; opacity:.82; }
.editorial-strip figcaption { min-width:0; }
.editorial-strip .serif { font-size:24px; letter-spacing:.07em; margin:6px 0 10px; }
@media(max-width:960px) {
  .illustrated-intro { grid-template-columns:minmax(0,1fr) 260px; gap:25px; }
}
@media(max-width:760px) {
  .illustrated-intro { grid-template-columns:1fr; gap:10px; margin-bottom:25px; }
  .illustrated-intro h1 { font-size:clamp(28px,8.6vw,34px); }
  .editorial-illustration { width:240px; max-width:90%; margin:0 auto; }
  .editorial-illustration figcaption { font-size:10px; margin-top:8px; }
  .illustration-crests { gap:22px; padding-top:4px; }
  .illustration-crests .crest { width:26px; height:26px!important; }
  .editorial-strip { grid-template-columns:1fr; gap:8px; text-align:center; margin:28px 0; padding:14px 12px 24px; }
  .editorial-strip .editorial-art { width:180px; margin:auto; }
  .editorial-strip .serif { font-size:20px; }
  .editorial-strip .small { font-size:12px; }
  .search-heading .illustrated-intro { grid-template-columns:minmax(0,1fr) 100px; gap:10px; }
  .search-heading .editorial-illustration { width:100%; max-width:none; }
  .search-heading .editorial-illustration figcaption { display:none; }
  .search-heading .illustrated-intro h1 { font-size:32px; }
  .search-heading .illustrated-intro-copy p { font-size:13px; margin-bottom:12px; }
}
@media(max-width:360px) {
  .search-heading .illustrated-intro { grid-template-columns:minmax(0,1fr) 80px; }
  .search-heading .illustrated-intro h1 { font-size:28px; letter-spacing:.03em; white-space:nowrap; }
}
@media print {
  .editorial-illustration,.editorial-strip { display:none!important; }
  .illustrated-intro { display:block; }
}