/* Editorial index: one visual lead story, compact articles below. */
.blog-page .blog-hero { max-width:1200px; padding:140px 40px 44px; }
.journal-label { display:block; font-size:12px; font-weight:500; color:var(--green); margin-bottom:20px; }
.blog-page .blog-hero h1 { max-width:760px; font-size:clamp(36px,4.4vw,60px); line-height:1.08; letter-spacing:-2px; margin-bottom:20px; }
.blog-page .blog-hero p { font-size:16px; max-width:600px; }
.blog-page .blog-grid-wrap { max-width:1200px; padding:0 40px; margin:0 auto 80px; }
.journal-toolbar { border-top:1px solid var(--gray-border); padding:24px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.journal-toolbar h2 { font-size:15px; font-weight:600; }
.journal-filters { display:flex; flex-wrap:wrap; gap:6px; }
.journal-filters button { border:1px solid transparent; background:none; padding:8px 12px; border-radius:5px; font:500 12px 'DM Sans',sans-serif; color:var(--gray); cursor:pointer; }
.journal-filters button[aria-pressed=true] { background:#eef3ee; border-color:#d8e3d9; color:#235b3b; }
.journal-status { font-size:12px; color:var(--gray); margin:0 0 24px; }
.journal-status button { font:inherit; background:none; border:0; color:var(--green); text-decoration:underline; cursor:pointer; }
.blog-page .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.blog-page .blog-card { min-width:0; }
.blog-page .blog-card-body { gap:16px; padding:28px 0; }
.blog-page .blog-card-title { font-size:26px; letter-spacing:-.6px; line-height:1.3; margin:0; text-align:left; }
.blog-page .blog-card-excerpt { font-size:14px; line-height:1.75; margin:0; -webkit-line-clamp:3; }
.journal-card-bottom { margin-top:auto; padding-top:16px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.blog-page .blog-card-meta { margin:0; padding:0; font-size:11px; }
.journal-read { white-space:nowrap; color:var(--green); font-size:12px; font-weight:600; }
.journal-read span { display:inline-block; margin-left:8px; font-size:18px; }
.blog-page .journal-featured { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--gray-border); border-radius:8px; margin-bottom:12px; background:#f8faf7; }
.blog-page .journal-featured .blog-card-body { padding:40px; }
.blog-page .journal-featured .blog-card-title { font-size:clamp(26px,2.8vw,38px); }
.journal-latest { color:var(--green); }
.journal-art { position:relative; min-height:380px; overflow:hidden; background:#173e30; display:flex; justify-content:center; align-items:center; padding:60px 36px; }
.journal-art-brand { position:absolute; top:24px; left:28px; font-family:'Instrument Serif',serif; font-size:23px; color:#fff; }
.journal-art-caption { position:absolute; bottom:22px; left:28px; color:#bdd0c2; font-size:11px; }
.journal-paper { width:230px; background:#f5f4ea; padding:25px; transform:rotate(-7deg); box-shadow:14px 18px 0 #ffffff0c; color:#294636; }
.journal-paper-mark { display:block; font-family:'Instrument Serif',serif; font-size:34px; border-bottom:1px solid #ced7c9; padding-bottom:12px; margin-bottom:20px; }
.journal-paper-topic { display:block; font-size:17px; font-weight:600; margin-bottom:16px; overflow-wrap:anywhere; }
.journal-paper > i { display:block; height:3px; background:#c9d1c2; margin-top:7px; }
.journal-paper > i:nth-of-type(2) { width:85%; }
.journal-paper > i:nth-of-type(3) { width:62%; }
.journal-paper-chart { height:64px; display:flex; gap:9px; align-items:flex-end; margin-top:22px; border-bottom:1px solid #b6c6b4; }
.journal-paper-chart b { flex:1; background:#668b71; height:45%; }
.journal-paper-chart b:nth-child(2) { height:65%; }
.journal-paper-chart b:nth-child(3) { height:50%; }
.journal-paper-chart b:nth-child(4) { height:80%; }
.journal-paper-chart b:nth-child(5) { height:100%; }
.journal-paper-foot { display:block; font-size:7px; letter-spacing:1px; margin-top:14px; }
.blog-page .blog-card:hover .blog-card-title { color:var(--green-dark); }
@media(max-width:760px) {
  .blog-page .blog-hero { padding:112px 22px 32px; }
  .blog-page .blog-hero h1 { font-size:38px; letter-spacing:-1px; }
  .blog-page .blog-grid-wrap { padding:0 22px; margin-bottom:48px; }
  .journal-toolbar { align-items:flex-start; flex-direction:column; gap:14px; }
  .blog-page .blog-grid { grid-template-columns:1fr; gap:16px; }
  .blog-page .journal-featured { grid-template-columns:1fr; }
  .journal-art { min-height:300px; padding:60px 30px; }
  .journal-paper { width:190px; padding:20px; }
  .journal-paper-chart { height:44px; }
  .blog-page .journal-featured .blog-card-body { padding:24px; }
  .blog-page .blog-card-title { font-size:24px; }
  .journal-card-bottom { flex-wrap:wrap; gap:10px; }
}

.blog-page .blog-card[hidden] { display:none; }