/* Social Stories: keep every sentence accessible at any viewport size. */
@media screen {
 .responsive-reader header{flex-wrap:wrap;min-width:0}
 .responsive-reader header .brand{min-width:0;overflow-wrap:anywhere}
 .responsive-reader .tools{flex-wrap:wrap;max-width:100%}
 .responsive-reader .spread{min-width:0;min-height:0}
 .responsive-reader .page:not(.cover){grid-template-rows:minmax(0,1fr)}
 .responsive-reader .story-text,.responsive-reader .cover .story-text{min-height:0;max-width:100%;overflow:auto;overflow-wrap:break-word;justify-content:safe center;line-height:1.4;padding:clamp(14px,2.4cqw,36px)}
 .responsive-reader .cover{grid-template-rows:minmax(0,1fr) auto}
 .responsive-reader .cover .story-text{padding:clamp(10px,1cqw,18px) clamp(14px,2cqw,30px);font-size:clamp(18px,2.2cqw,32px)}
 .responsive-reader .cover small{margin-top:4px}
 .responsive-reader .cover small{font-size:clamp(12px,1.5cqw,18px);line-height:1.35}
 .responsive-reader .story-text:focus-visible{outline:3px solid #006d77;outline-offset:-4px}
 @media(max-width:700px){
  .responsive-reader header{padding:8px 10px;gap:8px}
  .responsive-reader .brand{order:3;flex-basis:100%;font-size:18px}
  .responsive-reader .tools{gap:6px}
  .responsive-reader .stage{overflow:auto;align-items:flex-start}
  .responsive-reader .spread{height:auto!important;min-height:100%;max-height:none;aspect-ratio:auto}
  .responsive-reader .page:not([hidden]){position:relative;display:flex;flex-direction:column;height:auto;min-height:100%}
  .responsive-reader .page img{width:100%;height:auto;max-height:40dvh;object-fit:contain;flex-shrink:0}
  .responsive-reader .story-text,.responsive-reader .cover .story-text{font-size:20px!important;padding:18px;overflow:visible;border-left:0;flex-shrink:0;line-height:1.4}
  .responsive-reader .cover small{font-size:15px}
 }
}