
.blog-page{background:#f8f9f5;min-height:75vh;padding:75px 0 95px}.blog-heading{max-width:820px;margin-bottom:38px}.blog-heading h1{font-size:clamp(38px,5.3vw,66px);margin:12px 0 19px}.blog-heading p{color:#5e7369;font-size:17px;max-width:720px}.blog-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#2c7459;font-weight:800}.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 34px}.blog-filter{display:inline-flex;padding:8px 15px;border:1px solid #d7e5d9;border-radius:99px;font-size:13px;font-weight:700;background:white}.blog-filter:hover,.blog-filter.active{background:#163f35;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.blog-card{display:block;background:#fff;border:1px solid #e0e9e1;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #123c2c16}.blog-card-img{height:178px;background:linear-gradient(135deg,#dbe9df,#b6cfbf);display:flex;align-items:center;justify-content:center;color:#214b39;font:800 26px Manrope,sans-serif;letter-spacing:-.04em}.blog-card-img img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:23px}.blog-card-meta,.article-meta{font-size:12px;color:#6a7e73;font-weight:600}.blog-card h2{font-size:20px;line-height:1.35;margin:10px 0}.blog-card p{font-size:14px;color:#64786d;margin:0}.article-wrap{max-width:790px;margin:auto}.article-wrap h1{font-size:clamp(34px,5vw,54px);margin:15px 0 19px}.article-content{font-size:17px;line-height:1.95;color:#243a2e}.article-content h2{font-size:27px;margin:35px 0 14px}.article-content h3{font-size:21px;margin:25px 0 10px}.article-content p{margin:0 0 20px}.article-content ul{padding-left:25px;margin-bottom:22px}.article-content li{margin-bottom:9px}.article-content a{color:#217c5b;text-decoration:underline}.article-cover{width:100%;max-height:390px;object-fit:cover;border-radius:16px;margin:25px 0}.back-link{font-size:14px;font-weight:700;color:#28654c}.empty-blog{background:#fff;border:1px solid #dfe9e2;padding:30px;border-radius:16px;color:#61746c}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-page{padding:45px 0 70px}.blog-card-img{height:190px}.article-content{font-size:16px}}

[hidden]{display:none!important}

/* Article reader */
.reader{max-width:850px;margin:0 auto;padding:45px 22px 85px}.reader h1{font-size:clamp(29px,4vw,49px);line-height:1.16;color:#163f35;margin:16px 0 22px}.reader .intro{font-size:16px;line-height:1.8;color:#55665d}.reader .original-page{margin:26px auto 34px;max-width:760px}.reader .original-page img{display:block;width:100%;height:auto;border:1px solid #e5e9e3;border-radius:12px;background:white}.reader .page-number{font-size:13px;color:#60756c;margin:0 0 9px}.reader .backlink{display:inline-block;margin:18px 0 12px;color:#176349;text-decoration:none;font-weight:650}.article-index{max-width:1150px;margin:0 auto;padding:60px 22px 95px}.article-index h1{font-size:clamp(34px,5vw,62px);color:#163f35}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:18px;margin-top:30px}.article-tile{border:1px solid #dce5dd;border-radius:16px;padding:26px;background:#fff;display:flex;flex-direction:column;min-height:200px}.article-tile small{color:#5e856e;letter-spacing:.05em;text-transform:uppercase}.article-tile h2{font-size:23px;line-height:1.35;color:#173f34;margin:13px 0}.article-tile a{color:#176349;text-decoration:none;font-weight:650;margin-top:auto}.reader-note{background:#f3f6f0;border-left:3px solid #507d63;padding:15px 18px;border-radius:4px;color:#415a4d;font-size:14px;line-height:1.6}.reader-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #dbe4da;padding-top:22px;margin-top:30px}.reader-nav a{color:#176349;font-weight:650}.site-mini{background:#163f35;color:white;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.site-mini a{color:white;text-decoration:none}.site-mini strong{letter-spacing:.05em}.site-mini nav{display:flex;gap:22px}.site-mini nav a{font-size:14px}.article-foot{background:#163f35;color:#e8efe9;text-align:center;padding:25px 12px;font-size:13px} @media(max-width:600px){.reader{padding:28px 12px 60px}.reader .original-page{margin:16px auto 26px}.reader .original-page img{border-radius:6px}.article-index{padding:35px 18px 70px}}

/* Newspaper-style reading, consistent with DHK brand */
.prose{max-width:735px;margin:36px auto 56px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.94;color:#293b32}.prose p{margin:0 0 24px}.prose p:first-child:first-letter{font-size:2.8em;float:left;line-height:.95;padding:7px 9px 0 0;color:#17634c}.evidence{max-width:670px;margin:38px auto}.evidence img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #e0e6df}.evidence figcaption{font-family:system-ui,sans-serif;font-size:13px;color:#68756d;line-height:1.6;text-align:center;margin-top:10px}.byline{color:#64766a;font-size:14px;border-bottom:1px solid #e2e9e2;padding-bottom:20px}.read-more{background:#f4f7f2;border-radius:12px;padding:18px 22px;margin-top:38px}.read-more summary{cursor:pointer;font-weight:650;color:#215846}.read-more p{font-size:14px;color:#58675c}.read-more img{max-width:100%;height:auto;margin:20px auto;display:block;border:1px solid #e5eae4;border-radius:8px}.article-tile h2{font-family:Georgia,serif}@media(max-width:650px){.prose{font-size:17px;line-height:1.86;margin:28px auto}.evidence{margin:25px auto}}

/* Long-form editorial article presentation */
.article-professional{max-width:850px}.article-professional h1{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.18;letter-spacing:-.035em;margin:15px 0 22px}.byline{border-top:1px solid #e4e7e2;border-bottom:1px solid #e4e7e2;padding:16px 0;margin:22px 0 38px;color:#47635a;font-size:.94rem}.byline strong{color:#163f35}.article-text{font-size:1.12rem;line-height:1.9;color:#26352f}.article-text p{margin:0 0 1.5em;max-width:75ch;overflow-wrap:break-word}.article-text p:first-child::first-letter{font-size:1.08em}.article-disclaimer{font-size:.9rem;color:#68736d;background:#f2f5f1;border-left:3px solid #809c86;padding:15px 18px;margin-top:32px}.article-professional .reader-nav{margin-top:44px}@media(max-width:650px){.article-text{font-size:1.04rem;line-height:1.85}.byline span{display:block;margin-top:5px}}
