/* Journal and article layouts share the site's cream and sage palette. */
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 38px; }
.article-card { display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border: 1px solid var(--line); border-radius: 12px; background: #fffdf8; }
.article-card:nth-child(2) { background: #edf0e7; }
.article-card:nth-child(3) { background: #eee7dc; }
.article-card .eyebrow { margin-bottom: 16px; font-size: 12px; }
.article-card h3, .article-card h2 { font-size: 25px; line-height: 1.5; }
.article-card h3 a:hover, .article-card h2 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.article-card > p:not(.eyebrow) { font-size: 16px; margin: 18px 0 25px; }
.article-card > .text-link { margin-top: auto; }
.journal-top { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.journal-top .eyebrow { margin-bottom: 12px; }
.journal-preview { border-top: 1px solid var(--line); }
.journal-intro { max-width: 730px; margin-top: 28px; font-size: 21px; }
.reading { width: min(740px, calc(100% - 40px)); margin: 0 auto; padding: 40px 0 70px; }
.breadcrumbs { font-size: 14px; color: var(--green); margin-bottom: 42px; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.article-heading { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--line); }
.article-heading h1 { font-size: clamp(34px, 4vw, 48px); line-height: 1.35; }
.article-heading .eyebrow { margin-bottom: 18px; }
.article-lead { font-size: 22px; margin: 24px 0; color: var(--green); }
.article-body { font-size: 19px; line-height: 1.95; }
.article-body h2 { font-size: 28px; margin: 38px 0 18px; }
.article-body p + p { margin-top: 20px; }
.article-invitation { margin: 45px 0 28px; padding: 28px; background: var(--sage); border-radius: 10px; }
.article-invitation h2 { font-size: 27px; }
.article-invitation p { margin: 16px 0 23px; }
@media (min-width: 701px) and (max-width: 1000px) { .nav-links { gap: 12px; font-size: 12px; } .brand small { display: none; } .article-card { padding: 22px; } }
@media (max-width: 700px) { .article-grid { grid-template-columns: 1fr; gap: 20px; } .journal-top { align-items: flex-start; flex-direction: column; } .journal-intro { font-size: 18px; } .article-card { padding: 25px; } .reading { padding-top: 28px; } .breadcrumbs { margin-bottom: 30px; } .article-lead { font-size: 20px; } .article-body { font-size: 18px; } .article-body h2 { font-size: 25px; } .article-invitation { padding: 22px; } }

.article-card > p.reading-time{font-size:13px;color:var(--green);margin:0 0 16px}.related-reading{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.related-reading h2{font-size:25px}.related-reading ul{list-style:none;padding:0;margin:18px 0 0}.related-reading li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.related-reading a{color:var(--green);text-decoration:underline;text-underline-offset:5px}.related-reading .small{white-space:nowrap}
@media(max-width:700px){.related-reading li{align-items:flex-start;flex-direction:column;gap:4px}}