/* Shared between the editor, saved previews and published articles. */
:is(.ql-editor, .reader-article, .original-preview) {
    display: flow-root;
    overflow-wrap: anywhere;
}
:is(.ql-editor, .reader-article, .original-preview) img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
:is(.ql-editor, .reader-article, .original-preview) img[data-image-layout="center"] {
    display: block;
    float: none;
    clear: both;
    margin: 1.2em auto;
}
:is(.ql-editor, .reader-article, .original-preview) img[data-image-layout="left"] {
    display: block;
    float: left;
    width: 50%;
    margin: .35em 1.4em 1em 0;
}
:is(.ql-editor, .reader-article, .original-preview) img[data-image-layout="right"] {
    display: block;
    float: right;
    width: 50%;
    margin: .35em 0 1em 1.4em;
}
:is(.ql-editor, .reader-article, .original-preview) hr {
    clear: both;
    height: 0;
    border: 0;
    border-top: 2px solid #a6b7a2;
    margin: 1.6em 0;
}
:is(.reader-article, .original-preview) .ql-indent-1 { padding-inline-start: 3em; }
:is(.reader-article, .original-preview) .ql-indent-2 { padding-inline-start: 6em; }
:is(.reader-article, .original-preview) .ql-indent-3 { padding-inline-start: 9em; }
:is(.reader-article, .original-preview) .ql-indent-4 { padding-inline-start: 12em; }
:is(.reader-article, .original-preview) .ql-indent-5 { padding-inline-start: 15em; }
:is(.reader-article, .original-preview) .ql-indent-6 { padding-inline-start: 18em; }
:is(.reader-article, .original-preview) .ql-indent-7 { padding-inline-start: 21em; }
:is(.reader-article, .original-preview) .ql-indent-8 { padding-inline-start: 24em; }
@media (max-width: 650px) {
    :is(.ql-editor, .reader-article, .original-preview) img:is([data-image-layout="left"], [data-image-layout="right"]) {
        float: none;
        clear: both;
        width: 100%;
        margin: 1em auto;
    }
    :is(.reader-article, .original-preview) [class*="ql-indent-"] {
        padding-inline-start: 1.5em;
    }
}

/* Editorial treatments are identical in the editable document and the article. */
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="lead"]{font-size:clamp(21px,2.4vw,28px);line-height:1.65;font-weight:450;color:#234e42;margin-block:1.3em;letter-spacing:-.35px}
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="tip"],
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="moment"]{position:relative;clear:both;padding:48px 28px 25px;margin:32px 0;border-radius:3px 18px 18px 18px;line-height:1.85;font-size:18px;letter-spacing:0;text-align:start}
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="tip"]{background:#ecf2df;border:1px solid #d8e2c7;color:#234631}
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="moment"]{background:#163e35;color:#f7f5e9;border:1px solid #163e35;font-family:Georgia,serif;font-size:23px;font-style:italic}
:is(.ql-editor,.reader-article,.original-preview) :is([data-story-block="tip"],[data-story-block="moment"])::before{position:absolute;inset-block-start:18px;inset-inline-start:28px;font:700 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;content:var(--story-tip,'Unser Tipp');color:#4f633b;pointer-events:none}
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="moment"]::before{content:var(--story-moment,'Lieblingsmoment');color:#d8ef87}
:is(.ql-editor,.reader-article,.original-preview) :is(p,h2,h3,h4,blockquote)[data-story-block="caption"]{font-size:13px;line-height:1.7;color:#617067;text-align:center;margin-block:8px 30px}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-look="panorama"]{width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-look="postcard"]{padding:12px 12px 34px;background:#fff;box-shadow:0 8px 28px #183d351a;border:1px solid #e1e4db;border-radius:2px}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-ratio]{object-fit:cover;height:auto}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-ratio="wide"]{aspect-ratio:16/9}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-ratio="landscape"]{aspect-ratio:3/2}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-ratio="square"]{aspect-ratio:1/1}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-ratio="portrait"]{aspect-ratio:4/5}
@media(max-width:650px){
:is(.ql-editor,.reader-article,.original-preview) :is([data-story-block="tip"],[data-story-block="moment"]){padding:44px 21px 22px;font-size:18px}
:is(.ql-editor,.reader-article,.original-preview) :is([data-story-block="tip"],[data-story-block="moment"])::before{inset-inline-start:21px}
:is(.ql-editor,.reader-article,.original-preview) img[data-image-layout="center"]{max-width:100%}
}

:is(.ql-editor,.reader-article,.original-preview):lang(en){--story-tip:"Our tip";--story-moment:"Favorite moment"}
:is(.ql-editor,.reader-article,.original-preview):lang(fr){--story-tip:"Notre conseil";--story-moment:"Moment préféré"}
:is(.ql-editor,.reader-article,.original-preview):lang(es){--story-tip:"Nuestro consejo";--story-moment:"Momento favorito"}
:is(.ql-editor,.reader-article,.original-preview):lang(it){--story-tip:"Il nostro consiglio";--story-moment:"Momento preferito"}
:is(.ql-editor,.reader-article,.original-preview):lang(pl){--story-tip:"Nasza rada";--story-moment:"Ulubiona chwila"}
:is(.ql-editor,.reader-article,.original-preview):lang(tr){--story-tip:"Önerimiz";--story-moment:"En güzel an"}
:is(.ql-editor,.reader-article,.original-preview):lang(ar){--story-tip:"نصيحتنا";--story-moment:"لحظة مميزة"}
:is(.ql-editor,.reader-article,.original-preview):lang(zh){--story-tip:"我们的小贴士";--story-moment:"难忘瞬间"}
:is(.ql-editor,.reader-article,.original-preview):lang(ja){--story-tip:"私たちのヒント";--story-moment:"お気に入りの瞬間"}