.blog-page { --muted: #63695f; }
.blog-page .header { margin-bottom: 0; }
.blog-page .footer-bottom { flex-wrap: wrap; }
.journal-hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 84px; padding-block: 88px 70px; align-items: end; }
.journal-hero h1 { max-width: 740px; font-size: clamp(52px, 5.3vw, 76px); line-height: 1.05; margin-top: 23px; }
.journal-hero > div > p:not(.draft-label) { max-width: 540px; margin-top: 26px; font-size: 17px; line-height: 1.75; }
.draft-label { margin-top: 23px; color: #687153; font-size: 11px; letter-spacing: .02em; }
.journal-note { border-top: 2px solid #889576; padding: 25px 0 4px; }
.journal-note h2 { font-size: 32px; line-height: 1.18; letter-spacing: -.02em; margin-top: 20px; }
.journal-note p { margin-top: 16px; font-size: 14px; }
.journal-note a { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 16px; font-size: 13px; font-weight: 600; }
.topic-nav { display: flex; flex-wrap: wrap; gap: 0 25px; }
.topic-nav a { display: flex; gap: 12px; align-items: center; font-size: 11px; padding-block: 17px; border-top: 1px solid var(--line); }
.topic-nav .topic-all { font-weight: 700; }
.topic-nav span { color: #6b755b; }
.journal-library { padding-block: 52px 110px; }
.library-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 33px; }
.library-heading h2 { font-size: 38px; }
.library-heading > span { font-size: 11px; color: var(--muted); }
.story-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 36px; }
.story-card { position: relative; border-top: 1px solid #b6bdab; padding: 29px 0 33px; display: flex; flex-direction: column; min-width: 0; }
.story-card h3 { font-family: 'Zilla Slab', Georgia, serif; font-size: 28px; line-height: 1.22; letter-spacing: -.55px; font-weight: 400; margin-block: 15px 13px; }
.story-card h3 a::after { content: ''; position: absolute; inset: 0; }
.story-card h3 a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.story-card p { font-size: 13px; line-height: 1.85; margin-bottom: 26px; }
.story-read { display: flex; justify-content: space-between; font-size: 11px; color: #657052; margin-top: auto; }
.story-read span { font-size: 19px; }
.story-number { position: absolute; top: 26px; right: 0; color: #838b78; font-size: 10px; font-variant-numeric: tabular-nums; }
.article-heading { padding-top: 59px; padding-bottom: 43px; }
.article-breadcrumbs { display: flex; flex-wrap: wrap; gap: 13px; font-size: 11px; color: var(--muted); margin-bottom: 30px; }
.article-heading .draft-label { margin: 0 0 20px; }
.article-heading h1 { font-size: clamp(44px,5vw,70px); line-height: 1.08; max-width: 930px; letter-spacing: -.035em; }
.article-deck { max-width: 770px; margin-top: 24px; font-size: 17px; line-height: 1.8; }
.article-byline { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 27px; font-size: 11px; color: var(--muted); }
.article-layout { display: grid; grid-template-columns: 215px minmax(0,710px); gap: 65px; padding-top: 37px; border-top: 1px solid var(--line); }
.article-sidebar { align-self: start; position: sticky; top: 120px; padding-bottom: 25px; }
.article-sidebar ol { list-style: none; padding: 0; margin: 18px 0 26px; }
.article-sidebar li { margin-bottom: 13px; font-size: 11px; line-height: 1.65; color: #5b6253; }
.article-sidebar a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sidebar-link { font-size: 11px; border-top: 1px solid var(--line); display: block; padding-top: 18px; }
.article-prose { min-width: 0; }
.article-prose p, .article-prose li { color: #424a3d; font-size: 16px; line-height: 1.95; }
.article-prose p { margin: 0 0 23px; }
.article-prose > p:first-child { font-size: 19px; line-height: 1.85; color: var(--ink); }
.article-prose h2 { font-size: 34px; line-height: 1.2; margin: 46px 0 20px; letter-spacing: -.02em; scroll-margin-top: 125px; }
.article-prose a:not(.button) { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #98a687; text-decoration-thickness: 1px; }
.article-prose a:hover { text-decoration-color: currentColor; }
.article-prose code { font-size: .9em; background: var(--sage); padding: 2px 5px; border-radius: 3px; }
.article-table { overflow-x: auto; margin-block: 29px 34px; border-block: 1px solid #b6bdab; }
.article-table table { width: 100%; min-width: 480px; border-collapse: collapse; text-align: left; font-size: 13px; line-height: 1.7; }
.article-table th { background: var(--sage); font-size: 11px; font-weight: 600; color: #43513b; }
.article-table th, .article-table td { padding: 15px 14px; vertical-align: top; }
.article-table tr+tr td { border-top: 1px solid var(--line); }
.article-table td { color: #4c5445; }
.article-sources { margin-top: 50px; border-top: 1px solid var(--line); }
.article-sources h2 { font-size: 26px; margin-top: 26px; }
.article-sources ul { padding-left: 19px; }
.article-sources li, .article-sources p { font-size: 12px; line-height: 1.8; }
.article-sources li { margin-block: 9px; }
.article-cta { border-top: 2px solid #99a886; padding: 28px 30px 32px; background: #edf0e5; margin-top: 46px; }
.article-cta h2 { margin-top: 13px; font-size: 32px; }
.article-cta p { font-size: 14px; }
.article-cta .button { font-size: 12px; }
.related-section { padding-top: 85px; padding-bottom: 90px; }
.related-section > h2 { margin-block: 17px 35px; font-size: 41px; }
.category-heading { padding-top: 60px; padding-bottom: 15px; }
.back-link { display: block; font-size: 12px; margin-bottom: 43px; }
.category-heading h1 { margin-block: 20px 24px; font-size: clamp(48px,5vw,72px); }
.category-heading p:not(.draft-label) { font-size: 17px; max-width: 640px; }
@media (max-width: 1000px) {
  .journal-hero { gap: 40px; }
  .article-layout { grid-template-columns: 170px minmax(0,1fr); gap: 35px; }
  .story-grid { gap: 0 25px; }
  .story-card h3 { font-size: 25px; }
}
@media (max-width: 760px) {
  .journal-hero { grid-template-columns: 1fr; padding-top: 50px; gap: 35px; }
  .journal-hero h1 { font-size: clamp(43px,9vw,62px); }
  .journal-note { max-width: 480px; }
  .story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .article-layout { display: block; }
  .article-sidebar { position: static; border-bottom: 1px solid var(--line); margin-bottom: 29px; }
  .article-sidebar ol { columns: 2; column-gap: 26px; }
  .article-sidebar li { break-inside: avoid; }
  .article-prose p, .article-prose li { font-size: 15px; }
  .article-heading h1 { font-size: clamp(39px,8vw,58px); }
  .article-prose h2 { font-size: 30px; }
}
@media (max-width: 480px) {
  .story-grid { grid-template-columns: 1fr; }
  .library-heading { display: block; }
  .library-heading > span { display: block; margin-top: 13px; }
  .article-heading { padding-top: 39px; }
  .article-deck { font-size: 15px; }
  .article-sidebar ol { columns: 1; }
  .article-cta { padding-inline: 20px; }
  .article-cta h2 { font-size: 28px; }
  .topic-nav { gap: 0 18px; }
}