/* Editorial reading layout, independent from the service provider template. */
.content-page .content-hero{display:block;max-width:920px;padding:44px 0 28px}
.content-page .content-hero h1{max-width:900px;font-family:Georgia,serif;font-weight:500;line-height:1.12}
.content-page .content-hero .intro{max-width:820px;font-size:20px}
.content-page .key-strip{background:transparent;color:#193e35;border-radius:0;border-block:1px solid #c9d6cc;padding:22px 0;gap:32px}
.content-page .key-strip p{color:#193e35}.content-page .key-strip b{color:#57705d}
.guide-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;align-items:start;padding:42px 0}
.guide-reading-layout .article-body{max-width:820px}
.guide-reading-layout .article-toc{top:28px;border-top:1px solid #bdcbbb;padding-top:20px}
.guide-reading-layout .article-toc .content-button{color:white;margin-top:12px}
.guide-explainer{margin:0 0 44px;border:1px solid #d5dfd1;border-radius:16px;overflow:hidden;background:#f0f5ee}
.guide-explainer img{display:block;width:100%;height:auto}.guide-explainer figcaption{padding:18px 24px 0;font-size:15px;color:#3c594a}
.guide-explainer .diagram-legend{padding:12px 24px 24px;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-explainer .diagram-legend li{font-size:15px;line-height:1.5}
.guide-reading-layout .article-section h2{font-family:Georgia,serif;font-weight:500;line-height:1.25}
.library-page .library-cards{grid-template-columns:1fr 1fr;gap:0 36px}
.library-page .library-card{border:0;border-bottom:1px solid #c9d6cc;border-radius:0;padding:28px 0;background:transparent}
.library-page .library-card h3{font-family:Georgia,serif;font-size:29px;font-weight:500}
.library-page .library-card .read{margin-top:18px}.library-page .library-hero{max-width:860px}
@media(max-width:850px){.guide-reading-layout{display:flex;flex-direction:column;gap:28px}.guide-reading-layout .article-toc{order:-1;width:100%;position:static}.guide-reading-layout .article-toc ol{columns:2}.guide-reading-layout .article-body{width:100%}}
@media(max-width:580px){.content-page .content-hero{padding-top:28px}.content-page .content-hero h1{font-size:38px}.content-page .key-strip{gap:18px}.guide-reading-layout{padding-top:28px}.guide-reading-layout .article-toc ol{columns:1}.guide-explainer .diagram-legend{grid-template-columns:1fr}.library-page .library-cards{grid-template-columns:1fr}}