@import url("./layout.css");

/* Story covers show selected characters; print pages always show the whole sheet. */
.story-card .card-art,.print-card .card-art{aspect-ratio:4/3}
.material-card.story-card>.favorite-button{top:auto;bottom:0;right:0}
.story-card .card-meta{min-height:44px;padding-right:48px;align-items:center;display:flex}
.story-new{display:inline-block;background:#f9dfc9;color:#795337;border-radius:4px;font-size:11px;padding:1px 5px;margin-left:7px;vertical-align:middle}
.story-card .card-art img,.print-card .card-art img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
.print-card .card-art{padding:8px}
.updates-list img{object-fit:contain}
.story-main{max-width:1120px;margin:24px auto 48px}
.story-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.story-heading h1{font-size:32px;line-height:1.45;margin:0 0 10px}
.story-save-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.story-help{font-size:14px;color:var(--muted);margin:18px 0 24px;line-height:1.8}
.story-help a,.story-terms a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.print-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.print-pages.mixed-orientation{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.print-pages.mixed-orientation{grid-template-columns:var(--paper-columns)}}
.print-page{margin:0;min-width:0;scroll-margin-top:calc(var(--header-height,80px) + 20px)}
.print-page-image{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.print-page-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.print-page figcaption{display:flex;align-items:center;gap:10px;margin-top:10px}
.print-page-number{margin-right:auto;color:var(--muted);font-size:14px}
.print-page .button{font-size:14px;min-height:44px;padding:10px 18px;gap:8px}
.print-page .button svg{height:18px;width:18px;flex-shrink:0}
.story-terms{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0;font-size:14px}
.story-terms a{display:inline-flex;align-items:center;min-height:44px}
.story-individuals{border-top:1px solid var(--line);padding-top:14px}
.story-individuals summary{font-size:20px;font-weight:700;cursor:pointer;padding:12px 0;min-height:48px}
.story-individuals summary span{font-size:14px;font-weight:400;color:var(--muted);margin-left:8px}
.story-individuals .material-grid{margin-top:22px}
.site-footer .ai-notice{font-size:12px;color:var(--muted);line-height:1.7;grid-column:1/-1;flex-basis:100%;margin:12px 0}
@media(max-width:720px){
 .story-main{margin-top:16px}
 .story-heading{gap:15px}
 .story-heading h1{font-size:27px}
 .story-help{margin:16px 0 20px}
 .print-pages{grid-template-columns:minmax(0,1fr);gap:24px}
 .story-save-tools{gap:6px 14px}
 .story-individuals summary{font-size:19px}
}