/* Each facing leaf has its own whole illustration and short text. */
.facing-reader .stage{overflow:auto;padding:12px 54px 12px 12px;align-items:stretch}
.facing-reader .spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;gap:0;overflow:hidden;container-type:inline-size}
.facing-reader .spread .page{position:relative;inset:auto;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(80px,1fr) auto;height:100%;min-width:0;min-height:0;overflow:auto;background:#fffdf5;backface-visibility:hidden}
.facing-reader .spread .page[hidden]{display:none!important}
.facing-reader .page img{object-fit:contain;width:100%;height:100%;min-height:0;min-width:0;background:#f4eee0}
.facing-reader .page .story-text{display:block;position:static;inset:auto;width:100%;min-width:0;margin:0;padding:clamp(14px,1.8cqw,26px);border:0;box-shadow:none;color:#102638;background:#fffdf5;font:400 clamp(20px,2.1cqw,34px)/1.4 'Didact Gothic',sans-serif;white-space:normal;text-shadow:none;-webkit-text-stroke:0;overflow-wrap:break-word}
.facing-reader .page:nth-child(even){border-right:1px solid #d5d5c7}
.facing-reader .spread .cover{grid-column:1/-1;grid-template-rows:minmax(0,1fr) auto;border:0}
.facing-reader .cover .story-text{text-align:center;padding:12px 20px}
.facing-reader .cover h1{font-size:clamp(28px,4cqw,58px);line-height:1.12;margin:0}
.facing-reader .cover small{font-size:clamp(13px,1.5cqw,19px);margin-top:6px}
.facing-reader .story-lines{white-space:normal}
.facing-reader .page-number{display:block;font:14px/1.2 Arial,sans-serif;color:#567077;margin-top:10px;text-align:center}
.facing-reader .controls{gap:12px}.facing-reader #position{min-width:140px}
.facing-reader #prompt-text{white-space:pre-line}
@media(max-width:700px){
 .facing-reader header{flex-wrap:wrap;padding:8px 10px;gap:8px}.facing-reader .brand{order:3;flex-basis:100%;font-size:18px}.facing-reader .tools{gap:6px;flex-wrap:wrap}.facing-reader .stage{display:block;align-items:flex-start;padding:8px 43px 8px 8px}.facing-reader .spread{display:block;height:auto!important;min-height:100%;overflow:visible}
 .facing-reader .spread .page{height:auto;min-height:100%;grid-template-rows:auto auto;overflow:visible;border:0}
 .facing-reader .spread .page img{width:100%;height:auto;max-height:36dvh;object-fit:contain}
 .facing-reader .spread .page .story-text{font-size:20px;line-height:1.4;padding:14px;overflow:visible}
 .facing-reader .cover h1{font-size:29px}.facing-reader .cover small{font-size:14px}.facing-reader .controls{gap:6px}.facing-reader #position{min-width:110px;font-size:12px}.facing-reader .controls button{min-width:72px;padding:9px 8px}
}
@media print{
 @page{size:A4 portrait;margin:12mm}
 .facing-reader,.facing-reader .stage,.facing-reader .spread{display:block!important;height:auto!important;overflow:visible!important;width:100%!important}
 .facing-reader .spread .page,.facing-reader .spread .page[hidden]{display:grid!important;grid-template-rows:auto auto;height:auto;break-after:page;min-height:0;overflow:visible;position:relative}
 .facing-reader .spread .page img{height:145mm!important;max-height:none;width:100%;object-fit:contain;break-after:auto}
 .facing-reader .spread .page .story-text{font-size:23pt;line-height:1.4;min-height:0;padding:10mm 0;break-after:auto;display:block}
 .facing-reader .spread .page:last-child{break-after:auto}
}

/* Arts Year 1: one complete illustration opposite its matching text. */
@media screen and (min-width:701px){
 .split-reader .spread{grid-template-columns:minmax(0,1fr)}
 .split-reader .spread .story-leaf{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);border:0}
 .split-reader .story-leaf .story-text{display:flex;flex-direction:column;justify-content:safe center;overflow:auto;border-left:1px solid #d5d5c7;padding:clamp(20px,3cqw,48px);font-size:clamp(22px,2.8cqw,42px);line-height:1.45}
 .split-reader .story-leaf .page-number{margin-top:18px}
}