/* Shared reading layout. Scope: articles with an illustration or table of contents, not native forms or the homepage. */
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration){--ma-red:#b40a1b;--ma-text:#242020;font-family:TildaSans,sans-serif;color:#242020;background:#fff;font-size:19px;line-height:1.75;overflow-wrap:break-word}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) *{box-sizing:border-box}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration)>.ma-wrap{max-width:840px;margin-inline:auto;padding:48px 40px 72px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h1{font-size:44px;line-height:1.14;letter-spacing:-.015em;font-weight:700;margin:0 0 28px;max-width:none}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h2{font-size:30px;line-height:1.23;font-weight:600;margin:0 0 20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h3{font-size:24px;line-height:1.3;font-weight:600;margin:28px 0 14px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-lead,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-scene{font-size:22px;line-height:1.55;max-width:none;margin-bottom:24px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) p+p{margin-top:20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) a{color:#a3091a!important;text-underline-offset:4px;text-decoration-thickness:1px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) a:focus-visible,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) summary:focus-visible{outline:3px solid #b40a1b;outline-offset:5px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-nav{font-size:15px;line-height:1.5;gap:10px 24px;margin:0 0 32px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-answer{background:#faf1ec;border:0;border-radius:16px;padding:26px 28px;font-size:20px;line-height:1.6;margin:28px 0}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-answer p{margin:0}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-author,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-meta,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-small{font-size:15px;line-height:1.6;color:#605653;margin-top:24px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) figure.ma-figure,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) figure.ma-illustration{width:min(100%,560px);max-width:100%;margin:32px auto 40px;background:transparent;border:0;padding:0}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-figure img,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-illustration img{display:block;width:100%;height:auto;border-radius:12px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) figcaption{font-size:14px;line-height:1.5;color:#605653;margin-top:12px;text-align:left}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-toc{display:flex;flex-wrap:wrap;gap:0 24px;border-block:1px solid #e6dcd7;background:none;border-radius:0;padding:18px 0;margin:28px 0 40px;font-size:16px;line-height:1.45}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-toc a{padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) section{max-width:none;margin-top:48px;scroll-margin-top:24px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) ul,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) ol{padding-left:26px;margin:20px 0}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) li+li{margin-top:14px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-dialogue,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) blockquote{padding:24px 28px;background:#faf5f2;border:0;border-radius:16px;margin:28px 0;font-size:19px;line-height:1.7}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-dialogue p+p{margin-top:14px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-source{font-size:15px;line-height:1.6;color:#605653}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) dl{margin:24px 0}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) dt{font-weight:600;margin-top:26px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) dd{margin:8px 0 0;color:#605653}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) details{padding:20px 0;border-bottom:1px solid #e6dcd7}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) summary{font-size:19px;line-height:1.5;font-weight:600;cursor:pointer}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-end{background:#faf1ec;border:0;border-radius:16px;padding:32px;margin-top:48px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-cta{display:inline-flex;align-items:center;justify-content:center;background:#b40a1b;color:#fff!important;text-decoration:none;border-radius:999px;min-height:56px;padding:15px 28px;font-size:18px;font-weight:600;line-height:1.4;margin-top:26px;text-align:center}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-cta:hover{background:#920818}
@media(max-width:639px){
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration){font-size:18px;line-height:1.7}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration)>.ma-wrap{padding:28px 20px 48px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h1{font-size:32px;line-height:1.16;margin-bottom:24px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h2{font-size:27px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) h3{font-size:23px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-lead,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-scene{font-size:20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-answer{font-size:19px;padding:22px 20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-dialogue,html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) blockquote{font-size:18px;padding:22px 20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-end{padding:24px 20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-cta{width:100%;font-size:17px;padding:15px 20px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) .ma-toc{display:flex;flex-direction:column;gap:0;font-size:16px}
html body main.ma-content:has(.ma-toc,.ma-figure,.ma-illustration) section{margin-top:40px}
}