/* Editorial reading experience, consistent with the main site. */
.blog-article-page .page-hero{background:linear-gradient(90deg,#08271af0,#102c20b8),url('/assets/images/scrap-yard.png') center/cover;padding:48px 0 60px}
.article-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center}
.blog-article-page .page-hero .crumbs{font-size:10px;line-height:1.9;margin-bottom:27px;color:#b4cdbc}
.blog-article-page .page-hero .eyebrow{font-size:10px;letter-spacing:.16em;color:#a5e9bd;margin-bottom:20px}
.blog-article-page .page-hero h1{font-size:clamp(34px,3.3vw,51px);line-height:1.15;letter-spacing:-.04em;margin-bottom:24px;color:#f8fff8}
.blog-article-page .page-hero p{font-size:15px;line-height:1.85;color:#c5dbc9}
.blog-article-page .page-hero .article-meta{font-size:11px;color:#abd0b5;border-top:1px solid #ffffff26;padding-top:19px;margin-top:25px}
.article-cover{margin:0;border:6px solid #ffffff18;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #0003;transform:rotate(1deg)}
.article-cover img{width:100%;aspect-ratio:1;object-fit:cover}
.blog-article-page main>.section{background:#f4f7f0;padding:55px 0}
.blog-article-page .layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}
.blog-article-page .prose{font-size:15px;line-height:1.95;color:#5c7062;min-width:0}
.article-intro{padding:28px 30px;background:#eaf3e3;border:1px solid #d8e6d1;border-radius:15px;margin-bottom:24px}
.article-intro .eyebrow{font-size:10px;color:#4c7e4b;margin-bottom:15px}
.article-intro>p:last-child{margin:0}
.article-topic{padding:29px 30px;background:#fff;border:1px solid #e0e8db;border-radius:15px;margin-bottom:22px;box-shadow:0 4px 18px #233c2010}
.blog-article-page .prose .article-topic>h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;color:#254d32;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e4ecdf;scroll-margin-top:100px}
.blog-article-page .prose h3{font-size:18px;line-height:1.4;color:#31563a}
.blog-article-page .prose strong{color:#325438}
.blog-article-page .prose li{padding:4px 0 4px 3px}
.blog-article-page .prose li::marker{color:#408b52}
.blog-article-page .prose a{text-underline-offset:3px}
.article-topic>p:last-child,.article-topic>ul:last-child,.article-topic>ol:last-child{margin-bottom:0}
.blog-article-page .prose table{font-size:13px;line-height:1.8;border-radius:10px}
.blog-article-page .prose th{background:#e8f2e2;color:#294d34}
.blog-article-page .prose th,.blog-article-page .prose td{padding:13px;border-color:#dbe5d5}
.blog-article-page .prose tbody tr:nth-child(even){background:#f8faf5}
.blog-article-page .prose .callout{background:#edf5e7;border-color:#71a879;border-radius:0 12px 12px 0;padding:20px;font-size:14px}
.blog-article-page .sidebar{position:static;gap:20px}
.blog-article-page .sidebar .card{border:1px solid #dce7d7;border-radius:14px;padding:24px;box-shadow:0 5px 18px #153b2408}
.blog-article-page .sidebar h2{font-size:19px;line-height:1.3;color:#294e33}
.blog-article-page .sidebar li a{font-size:12px;line-height:1.7;color:#59745f;padding:11px 0}
.blog-article-page .sidebar li{border-color:#e7ede2}
.article-toc .eyebrow{font-size:9px;color:#5e895e;letter-spacing:.12em;margin-bottom:12px}
.article-toc ul{counter-reset:chapter}
.article-toc li{counter-increment:chapter}
.blog-article-page .article-toc li a{position:relative;padding-left:25px}
.article-toc li a::before{content:counter(chapter,decimal-leading-zero);position:absolute;left:0;top:13px;font-size:9px;color:#8ca585}
.blog-article-page .sidebar .cta{background:linear-gradient(130deg,#1b4e34,#102f22);border-color:#204c32;border-top:4px solid #a5e9bd}
.blog-article-page .sidebar .cta h2{font-size:24px;color:#fff;letter-spacing:-.03em}
.blog-article-page .sidebar .cta p{font-size:13px;line-height:1.85;color:#c4d9c9}
.blog-article-page .sidebar .btn{font-size:12px;border-radius:8px;min-height:44px}
.blog-article-page .sidebar .btn-wa{background:#a5e9bd;color:#163c27}
.blog-article-page .sidebar .btn-mint{background:transparent;border:1px solid #85a991;color:#fff}
.article-end{background:#e7f0e0;border-radius:12px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:#5b755b}
.article-end .link-arrow{white-space:nowrap;font-size:13px}
@media(max-width:1100px){.blog-article-page .layout{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.article-topic,.article-intro{padding:25px}.article-hero-grid{gap:4%}}
@media(max-width:900px){.article-hero-grid{grid-template-columns:1fr}.article-cover{transform:none;max-width:650px;margin-top:24px}.article-cover img{aspect-ratio:16/9}.blog-article-page .layout{grid-template-columns:1fr}.blog-article-page .sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-page .page-hero h1{font-size:43px}}
@media(max-width:640px){.blog-article-page .page-hero{padding:30px 0 36px}.blog-article-page .page-hero h1{font-size:34px}.blog-article-page .page-hero p{font-size:14px}.blog-article-page main>.section{padding:35px 0}.article-topic,.article-intro{padding:22px 20px}.blog-article-page .prose{font-size:14px}.blog-article-page .prose .article-topic>h2{font-size:23px}.blog-article-page .sidebar{grid-template-columns:1fr}.article-end{flex-direction:column;align-items:flex-start}}