/* Preserve the book's palette while giving the archive a readable web layout. */
#feature .feature{aspect-ratio:auto}
#feature .fp{overflow:visible}
#feature .f-text p{text-align:left;hyphens:none}
#feature .f-img img{box-shadow:none}
@media(max-width:1080px){
  #feature .f-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 28px}
  #feature .f-text{grid-column:1/-1;max-width:72ch}
  #feature .f-text p{font-size:16px;line-height:1.7}
  #feature .f-img{align-items:center;padding:20px;background:#ede7dc;border:1px solid #d7cfbe;gap:16px}
  #feature .f-img img{width:100%!important;height:clamp(240px,39vw,420px);max-height:none;object-fit:contain;object-position:center}
  #feature .f-img figcaption{font:12px/1.5 "Helvetica Neue",Arial,sans-serif;align-self:flex-start;max-width:none}
  #feature .f-foot{margin-top:30px}
  #feature .f-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
}
@media(max-width:560px){
  #feature .f-body{grid-template-columns:1fr}
  #feature .f-grid{gap:24px 12px}
  #feature .f-img{padding:10px;gap:12px}
  #feature .f-img img{height:clamp(155px,47vw,260px)}
  #feature .f-img figcaption{font-size:11px}
  #feature .f-text p{font-size:16px}
}
#bench .bench-controls{grid-template-columns:auto minmax(0,1fr) 3ch}
#bench .presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#bench .presets button[aria-pressed="true"]{background:#20382f;color:#f3efe5;border-color:#20382f}
#bench .bench-help{font:13px/1.5 "Helvetica Neue",Arial,sans-serif;color:#62665a;margin:-8px 0 0}
#bench .bench-stats dd{font-variant-numeric:tabular-nums}
#bench .bench-q{max-width:13em}
#bench .bench-d{font-size:17px}
#bench canvas{display:block;width:100%;aspect-ratio:1.7857;height:auto}
@media(max-width:520px){
  #bench .presets{grid-template-columns:1fr}
  #bench .bench-stats{padding:16px 0;column-gap:12px}
  #bench .bench-help{font-size:12px}
}