/* Buchinspirierte Leseseiten, vollständig rückbaubar zum normalen Artikelfluss. */
.story-reader{min-width:0;max-width:100%;--reader-font-size:19px;--reader-gap:48px;scroll-margin-top:95px}
.story-reader-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;font-family:var(--sans,'Segoe UI',Arial,sans-serif)}
.story-reader-size{display:flex;align-items:center;gap:7px}
.story-reader-toolbar button,.story-reader-pagination button{min-height:44px;min-width:44px;border:1px solid var(--line,#dce2da);border-radius:30px;background:var(--paper,#faf9f5);color:var(--ink,#123e35);font:550 12px/1.4 var(--sans,'Segoe UI',Arial,sans-serif);padding:10px 17px;touch-action:manipulation}
.story-reader-toolbar button:hover,.story-reader-pagination button:hover{background:var(--soft,#eeeee5)}
.story-reader-toolbar button:disabled,.story-reader-pagination button:disabled{opacity:.38;cursor:default}
.story-reader-size button{padding:8px 12px;font-size:14px}
.story-reader-mode{margin-inline-start:auto}
.story-reader-viewport{position:relative;min-width:0;max-width:100%;width:100%;isolation:isolate}
.story-reader.is-paged .story-reader-viewport{overflow:hidden;overflow:clip;height:var(--reader-height);width:100%;touch-action:pan-y pinch-zoom}
.story-page .story-reader.is-paged .article-body.reader-article{display:block;height:var(--reader-height);min-height:0;width:var(--reader-width);max-width:none;padding:0;margin:0;column-width:var(--reader-width);column-count:auto;column-gap:var(--reader-gap);column-fill:auto;overflow:visible;transform-origin:top left;font-family:Georgia,'Times New Roman',serif;will-change:transform}
.story-page .story-reader .article-body.reader-article p:not([data-story-block]){font-size:var(--reader-font-size);line-height:1.8;color:var(--ink,#123e35)}
.story-page .story-reader .article-body.reader-article{font-size:var(--reader-font-size);line-height:1.8}
.story-page .story-reader.is-paged .article-body :is(p,li,blockquote){orphans:2;widows:2;overflow-wrap:break-word}
.story-page .story-reader.is-paged .article-body :is(h2,h3,h4,h5,h6){break-after:avoid-column;break-inside:avoid-column;margin-top:0;overflow-wrap:break-word}
.story-page .story-reader.is-paged .article-body :is(figure,picture){break-inside:avoid-column;max-width:100%;margin:0 0 22px}
.story-page .story-reader.is-paged .article-body img{display:block;float:none!important;clear:both;max-width:100%!important;max-height:calc(var(--reader-height) - 90px)!important;height:auto!important;width:100%!important;object-fit:contain!important;margin:12px auto 15px!important;break-inside:avoid-column;animation:none!important;transform:none!important}
.story-page .story-reader.is-paged .article-body figure>img{margin-top:0!important}
.story-page .story-reader.is-paged .article-body figcaption{font:400 12px/1.65 var(--sans,'Segoe UI',Arial,sans-serif);margin:6px 0 16px;color:var(--muted,#52615a)}
.story-page .story-reader.is-paged .article-body .reader-gallery{display:block;margin:0}
.story-page .story-reader.is-paged .article-body .reader-gallery>figure{display:block;margin:0 0 24px}
.story-page .story-reader.is-paged .article-body :is([data-story-block="tip"],[data-story-block="moment"]){break-inside:auto;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.story-page .story-reader.is-paged .article-body :is(table,pre){max-width:100%;width:100%;table-layout:fixed;white-space:pre-wrap;overflow-wrap:anywhere;break-inside:auto}
.story-page .story-reader.is-paged .article-body :is(td,th){overflow-wrap:anywhere;word-break:normal;max-width:100%}
.story-reader-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--line,#dce2da);padding-top:18px;margin-top:22px;font-family:var(--sans,'Segoe UI',Arial,sans-serif)}
.story-reader-pagination output{font-size:11px;line-height:1.6;color:var(--muted,#52615a);text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.story-reader-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font:400 11px/1.7 var(--sans,'Segoe UI',Arial,sans-serif);padding-top:13px;color:var(--muted,#52615a)}
.story-reader-footer a{margin-inline-start:auto;min-height:28px;padding:5px 0}
.story-reader-note[hidden],.story-reader-pagination[hidden]{display:none!important}
.story-reader:not(.is-paged) .story-reader-viewport{overflow:visible;height:auto}
.story-reader:not(.is-paged) .article-body.reader-article{height:auto;column-width:auto;column-count:auto;transform:none!important;will-change:auto}
@media(max-width:760px){.story-reader{--reader-font-size:18px;scroll-margin-top:85px}.story-reader-toolbar{margin-bottom:15px;gap:8px}.story-reader-toolbar .story-reader-mode{font-size:11px;padding-inline:13px}.story-reader-pagination{gap:7px;padding-top:14px;margin-top:17px}.story-reader-pagination button{font-size:11px;padding-inline:12px}.story-reader-pagination output{font-size:10px}.story-page .story-reader.is-paged .article-body img{max-height:calc(var(--reader-height) - 85px)!important}.story-reader-footer{font-size:10px}}
@media(max-width:380px){.story-reader-pagination{grid-template-columns:auto minmax(0,1fr) auto;gap:5px}.story-reader-pagination button{font-size:10px;padding-inline:8px}.story-reader-pagination output{font-size:10px}.story-reader-toolbar{gap:8px}.story-reader-toolbar .story-reader-mode{padding-inline:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-reader .article-body{will-change:auto!important}}
@media print{
  .story-reader-toolbar,.story-reader-pagination,.story-reader-footer,.story-toc,.story-top,.story-progress{display:none!important}
  .story-layout{display:block!important;padding-top:20px!important}
  .story-reader,.story-reader-viewport{display:block!important;overflow:visible!important;width:auto!important;height:auto!important;max-height:none!important;filter:none!important}
  .story-page .story-reader .article-body.reader-article{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;column-width:auto!important;column-count:auto!important;column-gap:normal!important;transform:none!important;animation:none!important;overflow:visible!important;will-change:auto!important}
  .story-page .story-reader .article-body img{max-width:100%!important;max-height:23cm!important;width:auto!important;height:auto!important;object-fit:contain!important;break-inside:avoid}
}
