.blog-index{padding-bottom:30px}.blog-hero{padding:35px 0 48px;max-width:850px}.blog-hero h1{font-size:clamp(48px,6vw,76px);margin:18px 0 23px}.blog-hero>p:last-child{font-size:17px;line-height:1.9;max-width:620px}.blog-featured{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:42px;padding:36px;border:1px solid #cbd5be;border-radius:6px;background:#eaf0de}.blog-year{font:76px/1 Georgia,serif;color:#567444;border-right:1px solid #becdaa;padding:28px 25px 28px 0;letter-spacing:-6px}.blog-featured h2{font-size:37px;margin:12px 0}.blog-featured p:not(.eyebrow){max-width:700px;font-size:14px;line-height:1.85;margin-bottom:20px}.blog-index .section>h2{margin-top:12px}.blog-scope{font-size:13px;line-height:1.9;max-width:760px;margin:18px 0 28px}.blog-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.blog-guide{display:flex;flex-direction:column;padding:25px;border:1px solid #d4ddc9;border-radius:5px;background:#fffefa;min-width:0}.blog-guide:hover{border-color:#829967}.blog-guide h3{font:27px/1.2 Georgia,serif;margin:17px 0 15px;letter-spacing:-.025em}.blog-guide>p{font-size:13px;line-height:1.85;flex:1}.blog-reading{font-size:10px;letter-spacing:.1em;color:#60754e;margin-top:23px}.blog-compare-callout{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:30px;background:#edf0e5;border-radius:5px}.blog-compare-callout h2{font-size:31px}.blog-compare-callout p{font-size:14px;margin-top:12px}.blog-compare-callout>.button{flex:0 0 auto}.article-body .article-compare-link{margin:25px 0}.article-body .article-section a{color:#345a3b;text-decoration:underline;text-underline-offset:3px}.article-purchase-note{border-left:3px solid #8b9f64;padding:15px 20px;margin-top:20px;background:#edf1e3;font-size:13px;line-height:1.8}
@media(max-width:900px){.blog-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured{grid-template-columns:150px 1fr;gap:25px}.blog-year{font-size:60px}.blog-compare-callout{display:block}.blog-compare-callout .button{margin-top:20px}}
@media(max-width:520px){.blog-hero{padding:25px 0 34px}.blog-hero h1{font-size:48px}.blog-hero>p:last-child{font-size:15px}.blog-featured{display:block;padding:23px}.blog-year{font-size:42px;letter-spacing:-3px;padding:0 0 18px;border-right:0;border-bottom:1px solid #becdaa;margin-bottom:20px}.blog-featured h2{font-size:30px}.blog-guide-grid{grid-template-columns:1fr}.blog-guide{padding:23px}.blog-guide h3{font-size:27px}.blog-compare-callout{padding:24px}.blog-compare-callout h2{font-size:28px}.article-purchase-note{padding:14px}}