.journal-preview{padding-block:56px;border-bottom:1px solid var(--line)}
.journal-preview + .faq{border-top:0}
.journal-preview .section-head>p{max-width:35ch}
.journal-index{padding-bottom:70px}
.journal-index .seo-heading{margin-block:26px}
.journal-index .seo-heading p:last-child{max-width:60ch;margin-top:16px}
.journal-headline,.journal-article h1{font:900 italic clamp(48px,7vw,104px)/.91 var(--display);letter-spacing:-.012em;text-wrap:balance}
.journal-headline span,.journal-article h1 span{color:#677f23}
.journal-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:320px;color:var(--white);background:#191d16;border:1px solid #353b2e}
.journal-feature-media,.journal-card-media{overflow:hidden;background:#22261c}
.journal-feature-media{position:relative;min-height:230px}
.journal-feature-media img,.journal-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.journal-feature-media img{position:absolute;inset:0}
.journal-feature:hover img,.journal-card:hover img{transform:scale(1.035)}
.journal-feature-copy{align-self:center;padding:clamp(20px,4vw,52px)}
.journal-tag{display:flex;gap:8px 15px;flex-wrap:wrap;align-items:center;font:700 11px/1.4 var(--mono);letter-spacing:.045em;color:#535b3d;text-transform:uppercase}
.journal-tag span:first-child{color:#252b18;background:#e4e9d3;padding:4px 7px}
.journal-feature .journal-tag{color:#e2e5d4}
.journal-feature .journal-tag span:first-child{background:var(--acid);color:#1a200b}
.journal-feature h3,.journal-feature h2{font:800 clamp(36px,5vw,69px)/.98 var(--display);margin-block:12px;text-wrap:balance}
.journal-feature p:not(.journal-tag){color:#e0e3d4;max-width:42ch}
.journal-read{display:inline-block;font-weight:700;margin-top:14px;color:#4e6317;text-decoration:underline;text-underline-offset:.22em}
.journal-feature .journal-read{color:var(--acid)}
.journal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.journal-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--white)}
.journal-card-media{aspect-ratio:1.9}
.journal-card-copy{display:flex;flex-direction:column;flex:1;padding:clamp(13px,2vw,24px)}
.journal-card h2,.journal-card h3{font:800 clamp(25px,3vw,38px)/1.03 var(--display);margin-block:10px;text-wrap:balance}
.journal-card-copy>p:not(.journal-tag){margin-bottom:10px;color:#4c4f40;font-size:14px}
.journal-card .journal-read{margin-top:auto}
.journal-more{margin-top:20px}
.journal-article{padding-bottom:74px}
.journal-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,57px);align-items:center;border-bottom:1px solid var(--line);padding-bottom:32px}
.journal-article h1{font-size:clamp(40px,5.7vw,82px);line-height:.98;margin-block:14px}
.journal-hero-lead{font-size:clamp(17px,2vw,22px);line-height:1.5;max-width:48ch;color:#3d4234}
.journal-byline{margin-top:14px;font-size:13px;color:#535747}
.journal-figure{margin:0;border:1px solid #3a3e31;background:#191c16;color:#f0f1e7}
.journal-figure img,.journal-figure video{display:block;width:100%;height:auto}
.journal-hero .journal-figure img{aspect-ratio:1.5;object-fit:cover}
.journal-figure figcaption{padding:9px 12px;font-size:13px;line-height:1.4;color:#e0e2d6}
.journal-columns{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr);gap:clamp(28px,6vw,96px);align-items:start;padding-top:32px}
.journal-toc{position:sticky;top:calc(var(--header) + 20px);padding:16px;border:1px solid var(--line);background:#e8eadc}
.journal-toc b{display:block;font:700 12px/1.4 var(--mono);text-transform:uppercase;color:#4d5535}
.journal-toc ol{padding-left:20px;margin:8px 0 0}
.journal-toc li + li{margin-top:9px}
.journal-toc a{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:.18em}
.journal-prose{max-width:70ch;min-width:0;font-size:17px;line-height:1.7}
.journal-prose section + section{margin-top:29px}
.journal-prose h2,.journal-related h2{font:800 clamp(28px,4vw,45px)/1.02 var(--display);margin-bottom:9px;text-wrap:balance}
.journal-prose h3{font:800 27px/1.1 var(--display);margin-bottom:7px}
.journal-prose p + p{margin-top:10px}
.journal-prose a,.journal-product-link a{font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.journal-prose .journal-figure,.journal-callout,.journal-calculator,.journal-table,.journal-comparison{margin-block:17px}
.journal-callout,.journal-calculator{border:1px solid #bec6a9;border-left:4px solid #73882b;background:#e8eddb;padding:17px}
.journal-callout ul{padding-left:19px;margin:0}
.journal-calculator label{display:block;font-weight:700;font-size:14px;margin-bottom:5px}
.journal-calculator input{width:100%;max-width:180px;min-height:42px;border:1px solid #7b8464;background:var(--white);color:var(--ink);padding:7px 10px}
.journal-calculator output{display:inline-block;margin-left:11px;font-weight:700}
.journal-calculator p{margin-top:8px;font-size:13px}
.journal-table{width:100%;border-collapse:collapse;line-height:1.4;font-size:14px;background:var(--white)}
.journal-table caption{text-align:left;font-weight:700;margin-bottom:6px}
.journal-table th,.journal-table td{text-align:left;padding:9px 10px;border:1px solid var(--line)}
.journal-table thead{background:#e7ebd8}
.journal-length{display:block;width:var(--length);height:5px;margin-top:5px;background:#72852e}
.journal-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.journal-comparison .journal-figure{margin:0}
.journal-comparison img{aspect-ratio:1.45;object-fit:cover}
.journal-product-link{margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}
.journal-related{padding-top:25px;margin-top:35px;border-top:1px solid var(--line)}
.journal-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;list-style:none;padding:0;margin:0}
.journal-related a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}
.journal-related a:hover{color:#4e6317}
.journal-sources{font-size:14px;margin-top:24px}
.journal-sources h2{font-size:25px}
.journal-sources ul{margin:5px 0 0;padding-left:19px}
@media(max-width:850px){
  .journal-columns{grid-template-columns:minmax(0,1fr);gap:24px}
  .journal-toc{position:static;max-width:70ch}
  .journal-toc ol{columns:2}
}
@media(max-width:640px){
  .journal-preview{padding-block:34px}
  .journal-feature,.journal-hero{grid-template-columns:minmax(0,1fr)}
  .journal-feature{min-height:0}
  .journal-feature-media{min-height:0;aspect-ratio:1.65}
  .journal-card-grid{grid-template-columns:minmax(0,1fr)}
  .journal-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .journal-card-media{aspect-ratio:auto;min-height:128px}
  .journal-card-copy{padding:12px}
  .journal-card .journal-tag{gap:4px 7px;font-size:9px}
  .journal-card-copy>p:not(.journal-tag){font-size:13px}
  .journal-card h2,.journal-card h3{margin-block:6px}
  .journal-article h1{font-size:clamp(43px,10.5vw,63px)}
  .journal-prose{font-size:16px}
  .journal-hero{padding-bottom:20px}
  .journal-columns{padding-top:20px}
}
@media(max-width:390px){
  .journal-card{grid-template-columns:minmax(0,1fr)}
  .journal-card-media{aspect-ratio:2.25;min-height:0}
  .journal-toc ol{columns:auto}
  .journal-related ul{grid-template-columns:minmax(0,1fr)}
  .journal-comparison figcaption{font-size:11px}
}