.journal-nav,.journal-footer{max-width:1240px;margin:auto;padding:28px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px}
.journal-nav{border-bottom:1px solid var(--sand)}
.journal-nav .brand{font-size:30px;font-family:var(--font-display)}
.journal-label{font-family:var(--font-body);font-size:13px;color:var(--ink-soft)}
.journal-nav nav,.journal-footer nav{display:flex;gap:24px;font-size:14px}
.journal-nav a:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--clay-600);outline-offset:5px}
.journal-intro{max-width:1240px;margin:auto;padding:80px var(--gut) 64px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--green-700)}
.journal-intro h1{font-size:clamp(44px,7vw,84px);margin:20px 0 24px;max-width:900px}
.journal-intro h1 em{color:var(--green-700)}
.journal-intro>p:not(.eyebrow){max-width:600px;color:var(--ink-soft);font-size:18px}
.journal-count{display:block;margin-top:32px;font-size:12px;color:var(--ink-soft)}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1240px;margin:auto;padding:0 var(--gut) 80px}
.journal-card{border:1px solid #deded2;border-radius:20px;overflow:hidden;background:#fffdf8;transition:transform .2s}
.journal-card:hover{transform:translateY(-4px)}
.journal-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.card-art{min-height:210px;overflow:hidden;background:var(--sand)}
.card-copy{padding:30px}
.card-copy h2{font-size:29px;line-height:1.2;margin:12px 0 16px}
.card-copy>p:not(.eyebrow){font-size:14px;color:var(--ink-soft)}
.read-link{display:block;margin-top:26px;color:var(--green-700);font-size:13px;font-weight:700}
.article-shell{max-width:860px;margin:auto;padding:64px var(--gut) 80px}
.article-header h1{font-size:clamp(36px,5vw,60px);line-height:1.1;margin:20px 0 24px}
.article-deck{font-size:19px;color:var(--ink-soft)}
.article-meta{font-size:12px;color:var(--ink-soft);margin:24px 0}
.article-body{font-size:17px;line-height:1.85}
.article-body p{margin:0 0 20px}
.article-body h2{font-size:29px;line-height:1.25;margin:40px 0 18px}
.article-body h3{font-size:22px;line-height:1.3;margin:24px 0 14px}
.article-body ul{padding-left:24px;margin:16px 0 24px}
.article-body li{padding:4px 0}
.article-body a,.reading-note a{color:var(--green-700);text-decoration:underline;text-underline-offset:3px}
.primary-block{padding:28px;background:var(--green-100);border-radius:18px;margin:32px 0}
.primary-block h2{margin:10px 0 20px}
.variant-label{font-size:13px;display:block;margin-bottom:6px}
.primary-block select{max-width:100%;padding:12px;border:1px solid #8cac9c;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:14px}
.primary-block summary{cursor:pointer;font-weight:700;font-size:16px;margin:18px 0}
.primary-block [hidden]{display:none}
.lead-widget,.editorial-callout{margin:32px 0;padding:28px;border:1px solid #cfdbcf;border-radius:18px;background:#fffdf8}
.lead-widget h3,.editorial-callout h3{margin:10px 0}
.lead-widget>p,.lead-widget label{font-size:14px}
.lead-widget form>label{display:block;margin:12px 0}
.lead-widget input[type=email]{width:100%;padding:14px;border:1px solid #95a699;border-radius:8px;font:inherit;font-size:16px}
.consent-label{line-height:1.6}
.consent-label input{margin-right:6px}
.lead-widget button{margin-top:8px}
.lead-widget [data-lead-status]{font-size:14px;margin:12px 0 0}
.honeypot{position:absolute;left:-9999px}
.reading-note{margin-top:44px;padding-top:24px;border-top:1px solid #cfd8ce;font-size:13px;color:var(--ink-soft)}
.back-link{display:inline-block;margin-top:32px;color:var(--green-700)}
.journal-footer{border-top:1px solid var(--sand);flex-wrap:wrap;padding-block:40px;font-size:13px;color:var(--ink-soft)}
.journal-footer .brand{font-family:var(--font-display);font-size:28px}
.embed-widget iframe{width:100%;min-height:320px;border:0}
.blog-home{padding:64px var(--gut);max-width:1140px;margin:auto}
.blog-home h2{font-size:40px;margin:14px 0}
.blog-home p{max-width:600px;margin-bottom:20px;color:var(--ink-soft)}

@media(max-width:700px){.journal-grid{grid-template-columns:1fr;gap:24px}
.journal-card:first-child{display:block}
.journal-intro{padding-top:48px}
.journal-nav{padding-block:20px}
.article-shell{padding-top:40px}
.primary-block,.lead-widget,.editorial-callout{padding:20px}
.card-copy h2{font-size:26px}
.journal-footer{align-items:flex-start;flex-direction:column}
.journal-label{display:none}
}


/* Article illustrations and responsive journal covers. */
.article-illustration { margin: 32px 0 40px; }
.article-illustration img { width: 100%; height: auto; border-radius: 18px; }
.article-illustration figcaption { margin-top: 10px; font-size: 11px; color: var(--ink-soft); }
.card-art { background: var(--sand); overflow: hidden; }
.card-art img { width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.journal-card:first-child .card-art img { min-height: 100%; }

.journal-consent{position:fixed;bottom:18px;left:18px;right:18px;max-width:640px;z-index:20;padding:18px;background:#fff;border:1px solid #b9c8bc;border-radius:10px;box-shadow:0 5px 25px #173c3220;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.journal-consent p{width:100%;margin:0}.journal-consent button{background:#173c32;color:white;padding:10px 16px;border:0;border-radius:5px;cursor:pointer}.journal-consent a{font-size:13px}.preview-notice{padding:16px;background:#e6eddc;border-bottom:1px solid #a4b48f;font-size:14px;text-align:center}
