/* Aesthetic r1: let the four-panel art lead; keep the full original script available. */
.comics .entry-grid{align-items:start}
.comic .entry-art{aspect-ratio:2/3;background:#fffdf8}
.comic .entry-art img{object-fit:contain;width:100%;height:100%}
.comic .entry-copy{padding:14px 15px 15px}
.comic h3{margin:6px 0 4px}
.comic .comic-lead{font-size:14px;line-height:1.55;color:#314a7c;margin:0 0 8px}
.comic .entry-copy>p.comic-lead{font-size:14px;line-height:1.55;color:#314a7c}
.comic .comic-story{font-size:14px;line-height:1.65;color:#354d78;margin:7px 0 10px}
.comic .comic-story summary{cursor:pointer;font-size:13px;font-weight:700;color:#284f9c}
.comic .comic-story[open]{border-top:1px solid #d7e1f3;padding-top:8px}
.comic .comic-story .lead,.comic .comic-story p{font-size:14px;line-height:1.65;margin:7px 0}
.comic .comic-story blockquote{font-size:14px;line-height:1.6;margin:8px 0;padding:8px 10px}
.comic .open-art,.comic details:not(.comic-story) summary,.comic details:not(.comic-story) a,.comic .entry-actions{font-size:13px}
.comic .open-art,.comic .entry-actions a,.comic details:not(.comic-story) a{color:#244b97}
.comic details:not(.comic-story) p{font-size:14px;line-height:1.6}
.fact .entry-copy>p.excerpt{font-size:14px;line-height:1.5}
.fact .full-note,.fact .full-note summary,.fact .entry-actions{font-size:13px}
.fact .full-note p,.fact .full-note blockquote,.fact .source-boundary{font-size:14px;line-height:1.65}
.fact .label,.fact time{font-size:13px}
.filters button,.section-head p:last-child,.family{font-size:13px}
.profile{margin-top:34px;padding:18px 22px}
@media(max-width:900px){
  .fact .entry-copy{grid-template-columns:34px 125px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 9px}
  .fact .entry-no{grid-column:1;grid-row:1/3}
  .fact .label{grid-column:2;grid-row:1}
  .fact time{grid-column:2;grid-row:2}
  .fact h3{grid-column:3;grid-row:1/3;font-size:21px}
  .fact .entry-copy>p.excerpt{grid-column:3;grid-row:3;font-size:14px}
  .fact .scene-thumb{display:none}
  .fact .entry-actions{grid-column:1/3;grid-row:3;display:flex;text-align:left;gap:9px}
  .fact .entry-actions>*{display:inline-block}
  .fact .full-note{grid-column:1/-1;grid-row:4}
  .fact .full-note[open]{grid-column:1/-1;grid-row:4}
}
@media(max-width:600px){
  .hero-art{height:240px}
  .hero-copy{padding:17px 22px 18px}
  .hero .intro{font-size:14px;line-height:1.6;padding-top:8px}
  .hero-caption{margin-top:5px}
  .action-panel{padding:14px 22px}
  .filters button{font-size:13px}
  .page-body{padding-top:0}
  .fact .entry-copy{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;padding:13px;gap:3px 8px}
  .fact .entry-no{grid-column:1;grid-row:1/3}
  .fact .label{grid-column:2;grid-row:1}
  .fact time{grid-column:2;grid-row:2}
  .fact h3{grid-column:1/-1;grid-row:3;margin:4px 0 0;font-size:21px}
  .fact .entry-copy>p.excerpt{grid-column:1/-1;grid-row:4;font-size:14px}
  .fact .entry-actions{grid-column:1/-1;grid-row:5}
  .fact .full-note,.fact .full-note[open]{grid-column:1/-1;grid-row:6}
  .comic .entry-art{aspect-ratio:2/3}
}