/* A small gallery in the existing reading panel, using the original painted art. */
.site-footer .footer-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.site-footer .footer-links .text-button{white-space:nowrap}
.site-footer :is(.site-colors-note,.footer-links .text-button){font-size:13px}
#reader:has(.beings-gallery){width:min(1040px,calc(100% - 40px))}
#reader:has(.beings-gallery) .reader-title{font:400 clamp(30px,4vw,44px)/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:14px}
#reader:has(.beings-gallery) .reader-bar{justify-content:flex-end}
#reader:has(.beings-gallery) #reader-label{display:none}
.beings-plates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.being-plate{min-width:0;margin:0;text-align:center}
.being-plate svg{width:100%;height:190px;overflow:hidden}
.being-plate figcaption{font:20px/1.3 var(--serif);margin-top:10px}
@media(max-width:800px){
 .beings-plates{grid-template-columns:repeat(2,minmax(0,1fr))}
 body{padding-bottom:96px}
 .site-footer{height:96px;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
 .site-footer .footer-links{margin-left:0;gap:24px}
 .site-footer .footer-links .text-button{min-height:36px}
}
@media(max-width:560px){
 #reader:has(.beings-gallery){width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 #reader:has(.beings-gallery) .reader-body{padding:24px 20px}
 #reader:has(.beings-gallery) .reader-bar{padding:10px 20px}
 .beings-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .being-plate svg{height:150px}
 .being-plate figcaption{font-size:18px}
}
@media(max-width:420px){
 .being-plate svg{height:130px}
}
@media print{body{padding-bottom:0}}