/* Article typography inherits the existing Nutrimum fonts and palette. */
.article-shell{width:min(820px,calc(100% - 40px))}
.article-heading{background:var(--cream);padding:60px 0 40px}
.article-heading h1{font-size:clamp(34px,4.5vw,54px);line-height:1.22;overflow-wrap:break-word}
.article-heading .eyebrow{margin-bottom:16px}
.article-meta{font-size:15px;line-height:1.7;margin:24px 0 10px;color:var(--ink)}
.article-source{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
.article-source a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.article-reading{padding:44px 0 12px}
.article-body{width:min(720px,calc(100% - 40px));margin:0 auto;font-size:18px;line-height:1.85;color:var(--ink);overflow-wrap:break-word}
.article-body p{margin:0 0 1.4em}
.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 1.4em}
.article-body li{margin-bottom:.65em}
.article-body li p{margin-bottom:.6em}
.article-body a:not(.button){color:var(--forest);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-body h2,.article-body h3,.article-body .article-subheading{font-family:var(--serif);font-size:clamp(25px,3.5vw,32px);line-height:1.4;margin:1.6em 0 .7em;color:var(--ink)}
.article-body .article-subheading strong{font-weight:500}
.article-body figure{margin:32px 0}
.article-body figure:first-child{margin-top:0}
.article-body img{display:block;width:auto;height:auto;max-width:100%;max-height:640px;object-fit:contain;margin:0 auto;border-radius:10px}
.article-body figcaption{font-size:14px;line-height:1.6;color:var(--muted);text-align:center;margin-top:12px}
.article-body blockquote{margin:28px 0;padding:12px 0 12px 24px;border-left:3px solid var(--button-salmon);font-family:var(--serif);font-size:22px}
.article-body blockquote p:last-child{margin-bottom:0}
.article-subscribe{margin:44px 0 20px;padding:26px;background:var(--blush);border-radius:10px}
.article-subscribe p{font-size:16px;line-height:1.75;margin-bottom:18px}
.article-subscribe .button{width:auto}
.article-video-link{padding:18px 22px;background:var(--header-bg);border-radius:8px}
.article-end{padding:22px 0 56px}
.article-end .article-shell{display:flex;flex-wrap:wrap;gap:18px 32px;border-top:1px solid var(--line);padding-top:26px}
.article-route-list{padding-left:1.5em;margin:30px 0 0}
.article-route-list li{padding:9px 0}
.article-route-list a{color:var(--forest);text-decoration:underline;text-underline-offset:4px}
.feed-notice{font-size:14px;line-height:1.7;color:var(--ink);padding-top:14px;padding-bottom:14px}
.feed-notice p{margin:0}
.feed-notice a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.journal-actions{display:flex;justify-content:center;margin-top:32px}
.journal-actions .button{cursor:pointer}
.article-card:not(:has(img)){padding-top:4px}
@media(max-width:560px){
  .article-shell,.article-body{width:calc(100% - 28px)}
  .article-heading{padding:36px 0 30px}
  .article-reading{padding-top:28px}
  .article-body{font-size:17px;line-height:1.8}
  .article-body img{max-height:520px}
  .article-body figure{margin:24px 0}
  .article-subscribe{padding:22px}
  .article-end{padding-bottom:40px}
}