/* Reading layout and homepage-style product feature. */
.story-body a{color:#5541c8;text-decoration:underline;text-underline-offset:3px}
.story-body h2{color:#5541c8}
.story-heading h1{max-width:1000px;margin-left:auto;margin-right:auto}
.story-body section{display:flow-root}
.story-body section[aria-labelledby="tip-6"]{width:min(1440px,calc(100vw - 52px));position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 28px;padding:80px max(50px,calc((100% - 1120px)/2));background:#f4f0fb;margin:80px 0 72px}
.story-body section[aria-labelledby="tip-6"] h2{grid-column:1/4;grid-row:1;color:var(--ink);font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.9px;margin:0 0 26px}
.story-body section[aria-labelledby="tip-6"]>p:first-of-type{grid-column:4/7;grid-row:1;font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.story-page section[aria-labelledby="tip-6"] figure.guide-app{grid-column:1/-1;grid-row:2;width:250px;justify-self:center;margin:46px 0 42px}
.story-page figure.guide-app img{border:7px solid #17171b;border-radius:38px;box-shadow:0 22px 45px #24213224;transform:rotate(-3deg)}
.story-page figure.guide-app figcaption{line-height:1.5;margin-top:22px}
.story-body section[aria-labelledby="tip-6"]>p:nth-of-type(2){grid-column:1/3}
.story-body section[aria-labelledby="tip-6"]>p:nth-of-type(3){grid-column:3/5}
.story-body section[aria-labelledby="tip-6"]>p:nth-of-type(4){grid-column:5/7}
.story-body section[aria-labelledby="tip-6"]>p:nth-of-type(n+2):not(.guide-note){border-top:2px solid #c9bbed;padding-top:18px;font-size:15px;line-height:1.8;color:var(--muted)}
.story-body section[aria-labelledby="tip-6"]>.guide-note{grid-column:1/-1;font-size:13px;line-height:1.7;color:#5f5a68;margin:8px 0 0}
@media(max-width:1000px){.story-body section[aria-labelledby="tip-6"]{width:calc(100vw - 32px);padding:60px 32px;gap:0 22px}}
@media(max-width:640px){.story-body section[aria-labelledby="tip-6"]{width:calc(100vw - 20px);display:block;padding:60px 18px;margin-top:48px;margin-bottom:48px}.story-body section[aria-labelledby="tip-6"] h2{font-size:38px;letter-spacing:-1.3px}.story-page section[aria-labelledby="tip-6"] figure.guide-app{width:min(230px,100%);margin:36px auto}.story-body section[aria-labelledby="tip-6"]>p:first-of-type{font-size:15px}.story-body section[aria-labelledby="tip-6"]>p:nth-of-type(n+2):not(.guide-note){font-size:15px}}

/* Titles in the same serif as the store images (defined in style.css) */
h1,h2{font-family:'Newsreader',ui-serif,'New York',Georgia,serif;font-weight:700;letter-spacing:-.015em}h2{font-weight:650}h1 em,h2 em{font-style:italic;font-weight:600}