.hero-reading{padding:34px;border:1px solid rgba(255,255,255,.28);background:rgba(26,57,45,.7);backdrop-filter:blur(4px)}
.hero-reading h2{margin:0 0 14px;font:800 32px/1.4 "PMingLiU",serif}.hero-reading p{color:rgba(255,255,255,.88)}.hero-reading a{display:inline-block;margin-top:10px;color:white;font-weight:800}
.read-more{display:inline-block;margin-top:20px;color:var(--forest);font-size:13px;font-weight:900;text-decoration:none}.read-more:hover{text-decoration:underline}
.signup-section{width:min(1160px,calc(100% - 46px));margin:95px auto;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:65px;background:var(--cream);border:1px solid #eee5d7}
.signup-copy h2{margin:0;color:var(--pine);font:800 clamp(32px,4vw,46px)/1.35 "PMingLiU",serif}.signup-copy p,.signup-copy li{color:var(--muted)}.signup-copy ul{padding-left:20px}.signup-section .lead-card{box-shadow:0 16px 45px rgba(15,37,29,.12)}
.article-body{background:#fff}.article-page{width:min(800px,calc(100% - 38px));margin:auto;padding:80px 0 110px}.article-page h1{margin:0 0 18px;color:var(--pine);font:800 clamp(42px,7vw,67px)/1.2 "PMingLiU",serif}.article-lead{margin-bottom:38px;color:var(--forest);font:700 20px/1.8 "PMingLiU",serif}.article-cover{width:100%;max-height:480px;object-fit:cover;margin:5px 0 30px}.article-page section{padding:28px 0;border-top:1px solid var(--line)}.article-page h2{margin:0 0 13px;color:var(--pine);font:800 27px/1.4 "PMingLiU",serif}.article-page p{color:var(--muted)}.article-note{margin:28px 0;padding:25px 28px;background:var(--sage);border-left:4px solid var(--coral)}.article-note b{color:var(--pine)}.article-note p{margin-bottom:0}.article-next{display:flex;justify-content:space-between;gap:25px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.article-next a{color:var(--forest);font-weight:800;text-decoration:none}
@media(max-width:800px){.hero-reading{padding:25px}.signup-section{width:calc(100% - 30px);grid-template-columns:1fr;gap:30px;padding:30px 20px;margin:65px auto}.article-page{padding-top:55px}.article-next{flex-direction:column}.article-body .site-header nav{display:none}}