/* Reading rhythm, using the existing pink/Jost identity. */
.hub-page .reading>article{max-width:860px;padding:clamp(24px,5vw,64px);color:#3b2826}
.reading article>h1{max-width:22ch;text-wrap:balance;line-height:1.12;margin:20px 0 32px}
.reading article p{max-width:68ch;line-height:1.7}
.reading .article-opening{font-size:21px;line-height:1.65;margin:32px 0}
.reading .article-photo{margin:36px 0 24px;padding:0;overflow:hidden}
.reading .article-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.reading .article-photo figcaption{font-size:14px;line-height:1.5;color:#775047;margin-top:10px}
.reading .contents{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 44px;padding:22px;background:#fbefea;border-radius:18px}
.reading .contents>p{width:100%;margin:0 0 6px;font-weight:500}
.reading .contents a{font-size:15px;line-height:1.4;padding:9px 12px;border:1px solid #dcafa2;border-radius:10px;text-decoration:none;max-width:100%}
.reading .article-chapter{margin:0;padding:40px 0;border-top:1px solid #e6c8bc;scroll-margin-top:24px}
.reading .article-chapter h2{font-size:clamp(26px,4vw,34px);line-height:1.2;text-wrap:balance;margin:0 0 22px;max-width:27ch}
.reading .article-chapter h3{font-size:22px;line-height:1.3;margin:28px 0 12px}
.reading .article-chapter--2,.reading .article-chapter--4{background:#fff6f0;margin:0 -24px;padding:34px 24px;border:0;border-radius:18px}
.reading .reader-situations{display:block;background:none;padding:0;box-shadow:none}
.reading .reader-situations section{border:0;border-radius:0;padding:0 0 18px;background:none;box-shadow:none}
.reading .reader-situations h3{margin-top:20px;font-size:21px}
.reading .related-inline{display:block;margin-top:18px;font-weight:500;text-underline-offset:4px}
.reading .article-pullquote{background:#f8e2d9;padding:24px;border:0;border-radius:14px;font-size:22px;line-height:1.5;margin:26px 0}
.reading .article-faq{border-bottom:1px solid #e6c8bc;padding:18px 0}
.reading .article-faq summary{cursor:pointer;font-size:20px;font-weight:500;line-height:1.4;list-style:revert;padding:0;background:none;border:0;border-radius:0}
.reading .article-faq p{margin:14px 0 0;font-size:18px}
.reading .article-related{margin-top:34px;padding-top:20px;border-top:1px solid #e6c8bc}
.reading .article-related a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #e6c8bc;line-height:1.45;text-decoration:none}
.reading .article-related a:hover{text-decoration:underline}
.reading .article-note{font-size:14px;color:#775047;line-height:1.5}
.reading .quiz-primary{font-size:18px;font-weight:600;letter-spacing:.01em;white-space:normal;text-wrap:balance;line-height:1.35}
@media(max-width:600px){.hub-page .reading>article{padding:26px 22px}.reading .article-chapter{padding:30px 0}.reading .article-chapter--2,.reading .article-chapter--4{margin:0 -10px;padding:28px 14px}.reading .article-opening{font-size:19px}.reading .contents{padding:16px;gap:8px}.reading .contents a{font-size:14px;padding:9px}.reading .article-photo{margin:26px 0}.reading .article-pullquote{font-size:20px;padding:20px}.reading .article-faq summary{font-size:19px}}
