/* Dark fantasy opening, light editorial library and reading surface. */
.home-page{background:#fafbf8;color:#17343a}
.home-page .header-inner{min-height:80px}
.home-page .hero{min-height:510px}
.home-page .hero-inner{padding-top:42px;padding-bottom:76px}
.home-page .hero h1{font-size:clamp(44px,5.2vw,66px);line-height:1.06;max-width:690px;margin-bottom:20px}
.home-page .hero-copy{font-size:17px;line-height:1.65;margin-bottom:26px;max-width:510px}
.home-page .hero .button{min-height:50px;padding:11px 22px}
.home-page .hero-note{margin-top:18px}
.home-page .hero-bottom{bottom:15px}
.home-page .library{background:#fafbf8;padding-top:58px;padding-bottom:62px}
.home-page .section-heading .eyebrow{color:#3d735b}
.home-page .section-heading h2{color:#17343a}
.home-page .section-heading>p{color:#607372}
.home-page .cards{gap:28px}
.home-page .card{background:#fff;border-color:#dce6df;color:#17343a;box-shadow:0 5px 22px #18382b05}
.home-page .card:hover{border-color:#7b9d86;box-shadow:0 14px 36px #173e2812}
.home-page .card .cover{background:#e7eee8}
.home-page .card .cover:after{display:none}
.home-page .card .cover img{filter:none;opacity:1}
.home-page .card .eyebrow{color:#47745a}
.home-page .card h2{color:#17343a}
.home-page .card .excerpt{color:#5b706f}
.home-page .card .read{color:#296448}
.home-page .card.featured{background:linear-gradient(120deg,#fff,#f0f5ef);grid-template-columns:1.05fr 1fr}
.home-page .closing{background:#eaf1eb;border-color:#d7e3d9;color:#17343a}
.home-page .closing h2{color:#17343a}
.home-page .closing p{color:#5b706b}
.home-page .closing .eyebrow{color:#47745a}
.home-page .closing .button{background:#153f37;color:#fff}
.home-page .site-footer{color:#60736b}
.home-page .site-footer a:hover{color:#235f44}
.article-page{background:#fcfcf9;color:#263c40}
.article-page .header-inner{min-height:78px}
.article-page .reading-main{padding-top:22px}
.article-page .breadcrumb{color:#677c75;margin-bottom:17px}
.article-page .breadcrumb span:last-child{color:#49735a}
.article-page article>h1{font-size:clamp(33px,3.7vw,46px);color:#17343a;margin-bottom:21px}
.article-page .title-topic{color:#17343a}
.article-page .title-detail{color:#5b706f;font-size:25px;line-height:1.35;margin-top:9px}
.article-page article>p:first-of-type{color:#405c5c;font-size:18px;line-height:1.7;border-left-color:#69966c;margin-bottom:26px}
.article-page .article-body{padding:0;max-width:720px;margin:0 auto;background:transparent;border:0;box-shadow:none;border-radius:0;color:#263c40}
.article-page .article-body p{line-height:1.78}
.article-page .article-body figure{margin:32px -20px}
.article-page .article-body .article-hero{margin-top:0}
.article-page .article-body figure img{border-color:#dfe7de}
.article-page .article-body .article-meta{font-size:14px;line-height:1.7;color:#64796e;padding-bottom:21px;border-bottom:1px solid #dce5dc;margin-bottom:30px}
.article-page .article-body h2{scroll-margin-top:25px}
.article-page .article-toc{max-width:720px;margin:0 auto 30px;border-top:1px solid #d9e4dc;border-bottom:1px solid #d9e4dc;color:#31594b}
.article-page .article-toc summary{cursor:pointer;padding:13px 0;min-height:48px;font-size:14px;font-weight:650}
.article-page .article-toc summary::marker{color:#629365}
.article-page .article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;list-style:none;padding:0;margin:0 0 18px}
.article-page .article-toc li{margin:0;padding:0;font-size:14px;line-height:1.55}
.article-page .article-toc a{display:block;padding:4px 0;color:#31594b;text-decoration:none}
.article-page .article-toc a:hover{text-decoration:underline}
.article-page .related{color:#31594b;border-top-color:#d9e4dc}
.article-page .site-footer{color:#60736b}
.article-page .site-footer a:hover{color:#235f44}
@media(min-width:1600px){.home-page .hero{min-height:570px}}
@media(max-width:800px){.article-page .article-body{padding:0}.article-page .article-body figure{margin-left:0;margin-right:0}}
@media(max-width:600px){
 .home-page .header-inner,.article-page .header-inner{min-height:68px}
 .home-page .hero{min-height:500px}
 .home-page .hero-inner{padding-top:34px;padding-bottom:76px}
 .home-page .hero h1{font-size:40px;line-height:1.06;margin-bottom:19px}
 .home-page .hero .eyebrow{margin-bottom:18px}
 .home-page .hero-copy{font-size:15.5px;line-height:1.65;margin-bottom:23px}
 .home-page .hero-actions{gap:8px}
 .home-page .hero .button{min-height:46px;padding:11px 16px;font-size:12px;gap:9px}
 .home-page .hero-note{font-size:10.5px;margin-top:16px}
 .home-page .library{padding-top:36px;padding-bottom:42px}
 .home-page .card.featured{display:flex;grid-template-columns:none}
 .home-page .cards{gap:24px}
 .article-page .reading-main{padding:16px 20px 0}
 .article-page .breadcrumb{margin-bottom:15px}
 .article-page article>h1{font-size:30px;line-height:1.15;margin-bottom:19px}
 .article-page .title-detail{font-size:20px;line-height:1.35;margin-top:8px}
 .article-page article>p:first-of-type{font-size:17px;line-height:1.7;margin-bottom:23px}
 .article-page .article-body{margin:0;padding:0;max-width:none;background:transparent;border:0;border-radius:0}
 .article-page .article-body figure{margin:26px 0}
 .article-page .article-body .article-meta{font-size:13px;margin-bottom:26px}
 .article-page .article-toc{margin-bottom:24px}
 .article-page .article-toc ol{grid-template-columns:1fr;gap:6px}
}