/* Colored emphasis remains inside the existing phrase-writing spans. */
.story-emphasis{font-weight:inherit;text-transform:none}
.story-emphasis--purple{color:#70418c}
.story-emphasis--green{color:#285c3c}
.story-emphasis--midnight{color:#20365d}
.book-anchor{display:block;height:0;scroll-margin-top:100px}
.story-active .book-anchor{position:absolute;inset:0 auto auto 0;width:0}
.manuscript-story .guide-body p+p{margin-top:.65em}
.story-active .book-sheet .guide-chapter.manuscript-story .guide-body p+p{margin-top:0}
.story-active .book-sheet .guide-chapter .guide-beat{inset:-10% 0 10%}
.guide-title .chapter-number{display:block;font-size:.65em;line-height:1.2;margin-bottom:.3em}
.guide-title .chapter-name{display:block}
.guide-chapter .guide-title{color:#344b32}
.story-active .book-sheet .guide-chapter .guide-title{color:#344b32;margin-bottom:.3em}
.guide-chapter .guide-body p{margin-bottom:.55em}
.story-active .book-sheet .guide-chapter .guide-body p{margin-bottom:.55em}
.story-active .book-sheet .guide-chapter .guide-body p:last-child{margin-bottom:0}
.story-active .book-sheet .guide-chapter.manuscript-story .guide-title{
 font-size:clamp(26px,7.2cqw,36px);line-height:1.18;
}
.story-active .book-sheet .guide-chapter.manuscript-story .guide-body{
 font-size:clamp(16px,4.15cqw,18px);line-height:1.42;
}
.story-active .book-sheet .guide-chapter.manuscript-story .guide-prop:has(>.storybook-art){
 height:23cqh;max-height:26%;min-height:36px;
}
.story-active .book-sheet .guide-chapter.manuscript-story .page-dense .guide-prop:has(>.storybook-art){
 height:16cqh;max-height:18%;min-height:30px;
}
.story-active .book-sheet .guide-chapter.manuscript-story .page-guidebook .guide-body>p{
 padding-block:5px;border-bottom:1px dashed #9e85574d;
}
.story-active .book-sheet .guide-chapter.manuscript-story .page-guidebook .guide-body>p:last-child{border:0}
.shipping-table-wrap{max-width:100%;margin-block:12px}
.shipping-table{width:100%;border-collapse:collapse;font:inherit;text-align:left;font-variant-numeric:tabular-nums}
.shipping-table th,.shipping-table td{padding:12px 6px;border-bottom:1px solid #a88b5460;font-weight:400;vertical-align:middle}
.shipping-table thead th{font-size:.85em;color:var(--story-gold);border-block:1px solid #a88b54}
.shipping-table tbody th{font-style:italic}
.shipping-table td:last-child{text-align:right;white-space:nowrap}
.shipping-table tbody tr:nth-child(odd){background:#a88b540a}
.story-active .book-sheet .shipping-table{font-size:clamp(12px,3.65cqw,16px);line-height:1.35}
.story-active .book-sheet .shipping-table th,.story-active .book-sheet .shipping-table td{padding:12px 4px}
.story-active .book-sheet .guide-chapter.support-story .guide-title{font-size:clamp(26px,7.2cqw,36px)}
.story-active .book-sheet .guide-chapter.support-story .guide-body{line-height:1.25}
.story-active .book-sheet .guide-chapter.support-story .guide-beat{gap:4px}
.story-active .book-sheet .guide-chapter.support-story .guide-body p{margin-bottom:.55em}
.story-active .book-sheet .guide-chapter.support-story .guide-body p:last-child{margin-bottom:0}
@container chapter (max-height:470px){
 .story-active .book-sheet .guide-chapter.manuscript-story .guide-title,
 .story-active .book-sheet .guide-chapter.support-story .guide-title{font-size:26px}
 .story-active .book-sheet .guide-chapter.manuscript-story .guide-body{font-size:16px;line-height:1.32}
 .story-active .book-sheet .guide-chapter.manuscript-story .guide-prop:has(>.storybook-art){height:14cqh;min-height:28px}
 .story-active .book-sheet .guide-chapter.manuscript-story .page-guidebook .guide-body>p{padding-block:0}
 .story-active .book-sheet .guide-chapter.support-story .guide-beat{gap:4px}
 .story-active .book-sheet .guide-chapter.support-story .guide-title{font-size:24px}
 .story-active .book-sheet .guide-chapter.support-story .guide-body{line-height:1.25}
 .story-active .book-sheet .shipping-table th,.story-active .book-sheet .shipping-table td{padding-block:8px}
}
/* Keep phone compositions inside the ornaments. Taller paper earns larger
   type; illustrations give up space first when a chapter opening is long. */
@media(max-width:600px){
 .story-active{--storybook-page-inset-bottom:15%}
 .story-active .book-sheet .guide-chapter .guide-beat{inset:0;justify-content:center;justify-content:safe center;gap:8px}
 .story-active .book-sheet .guide-chapter:is(.manuscript-story,.support-story) .guide-body{font-size:clamp(16px,3.2cqh,18px);line-height:1.4}
 .story-active .book-sheet .guide-chapter:is(.manuscript-story,.support-story) .guide-title{font-size:24px}
 .story-active .book-sheet .guide-chapter.manuscript-story .guide-prop:has(>.storybook-art){height:19cqh;min-height:28px}
 .story-active .book-sheet .guide-chapter:is(.manuscript-story,.support-story) .guide-prop{font-size:14px}
 .story-active .book-sheet .guide-chapter.support-story .guide-body{font-size:clamp(15px,2.95cqh,18px);line-height:1.25}
 .story-active .book-sheet .guide-chapter.support-story .guide-body p{margin-bottom:.4em}
 .story-active .book-sheet .guide-prop .btn{font-size:15px}
 .story-active .book-sheet .shipping-table th,.story-active .book-sheet .shipping-table td{padding-inline:3px}
 @container chapter (max-height:460px){
  .story-active .book-sheet .guide-chapter .guide-beat{gap:6px}
  .story-active .book-sheet .guide-chapter.manuscript-story .guide-body{line-height:1.3}
  .story-active .book-sheet .guide-chapter .guide-body p{margin-bottom:.45em}
  .story-active .book-sheet .guide-chapter.support-story .guide-body p{margin-bottom:.35em}
 }
 @container chapter (max-height:440px){
  .story-active .book-sheet .guide-chapter.manuscript-story .guide-body{font-size:15px}
  .story-active .book-sheet .guide-chapter.support-story .guide-body{line-height:1.2}
  .story-active .book-sheet .guide-chapter.support-story .guide-body p{margin-bottom:.25em}
 }
}
/* Let the supplied diagrams use spare paper; long copy keeps priority in
   the flex layout. Contain preserves every label and the full illustration. */
.story-active .book-sheet .guide-chapter.manuscript-story .guide-prop:has(>.storybook-art){
 height:44cqh;max-height:52%;min-height:28px;flex-shrink:1;
}
.story-active .book-sheet .guide-chapter.manuscript-story .page-dense .guide-prop:has(>.storybook-art){
 height:38cqh;max-height:46%;min-height:28px;
}
html:not(.story-active) .manuscript-story .storybook-art{
 width:min(100% - 10px,720px);max-width:calc(100% - 10px);height:auto;
}
html:not(.story-active) .manuscript-story .storybook-art img[data-story]{
 width:100%!important;height:auto!important;max-height:none!important;
}
@media print{.shipping-table{break-inside:avoid}.story-emphasis{print-color-adjust:exact}}