/* Blog navigation and editorial article components. */
.blog-intro{position:relative;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#252d3e;color:#fff;border-radius:20px;min-height:285px;margin:8px 0 37px}.blog-intro-copy{padding:44px 45px;position:relative;z-index:2}.blog-intro-copy .section-kicker{color:#dfc17b}.blog-intro h1{font-size:clamp(34px,4vw,50px);line-height:1.09;letter-spacing:-.045em;margin:15px 0}.blog-intro h1 span{color:#e5c783}.blog-intro p{color:#c6ccd6;font-size:14px;line-height:1.75;max-width:510px;margin:0}.blog-intro-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 90%,#857048 0,#333b4e 45%,#252d3e 76%);display:flex;align-items:flex-end;justify-content:center}.blog-intro-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#252d3e 0,transparent 45%);z-index:1;pointer-events:none}.blog-intro-art img{height:108%;max-width:49%;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 15px #0004)}.blog-intro-art img+img{margin-left:-30px}.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 17px}.blog-section-head h2{font-size:24px;letter-spacing:-.035em;margin:8px 0 0}.blog-section-head p{color:#959aa4;font-size:12px;margin:0 0 3px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e9e8e3;border-radius:16px;overflow:hidden;box-shadow:0 9px 30px #20263807;transition:transform .2s,border-color .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);border-color:#d7be89;box-shadow:0 16px 38px #20263812}.post-image{height:205px;position:relative;overflow:hidden;background:#252d3e}.post-image>img{display:block;width:100%;height:100%;object-fit:cover}.post-image.heroes{display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at center bottom,#90734f,#2d3548 70%)}.post-image.heroes img{object-fit:contain;object-position:bottom;height:117%;width:auto;max-width:42%;filter:drop-shadow(0 8px 12px #0003)}.post-image.heroes img+img{margin-left:-26px}.post-image .post-badge{position:absolute;left:16px;top:15px;z-index:1;color:#fff;background:#222a3de8;border:1px solid #ffffff24;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.1em;padding:7px 9px}.post-body{padding:24px 25px 25px;display:flex;flex-direction:column;flex:1}.post-meta{color:#ac8844;font-size:10px;font-weight:800;letter-spacing:.08em}.post-body h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;margin:10px 0}.post-body p{font-size:13px;line-height:1.7;color:#747b88;margin:0 0 21px}.post-link{font-size:12px;font-weight:800;color:#9b772f;margin-top:auto}.blog-tip{margin-top:18px;color:#818895;font-size:12px;line-height:1.6}.guide-title{font-size:clamp(29px,3.7vw,43px)!important}.guide-cover{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#9e8355,#30374a 70%)}.guide-cover img{width:38%;max-width:210px;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 14px #0004)}.guide-cover img+img{margin-left:-28px}.guide-cover .cover-label{position:absolute;left:23px;bottom:18px;background:#222a3de8;color:#f5d995;padding:8px 10px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.09em;z-index:2}.hero-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.hero-picks figure{margin:0;border:1px solid #eae6de;border-radius:12px;overflow:hidden;background:#f9f7f2}.hero-picks img{display:block;width:100%;height:135px;object-fit:contain;object-position:center bottom;background:linear-gradient(145deg,#e9e5dc,#f6f3ed)}.hero-picks figcaption{text-align:left;padding:10px;margin:0}.hero-picks figcaption b,.hero-picks figcaption small{display:block}.hero-picks figcaption b{font-size:12px;color:#353c4c}.hero-picks figcaption small{font-size:10px;line-height:1.45;color:#858a93;margin-top:3px}.hero-picks.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-section h3{font-size:16px;letter-spacing:-.02em;margin:24px 0 8px}.article-section ul:not(.check-list),.article-section ol{padding-left:20px;color:#5f6675;font-size:14px;line-height:1.8}.article-section li+li{margin-top:8px}.decision-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.decision-cards>div{background:#faf8f3;border:1px solid #eee9df;border-radius:12px;padding:17px}.decision-cards small{color:#a7823e;font-size:9px;font-weight:800;letter-spacing:.1em}.decision-cards h3{margin:7px 0;font-size:15px}.decision-cards p{margin:0;color:#717885;font-size:12px;line-height:1.7}.related-post{border:1px solid #e9e4d9;border-radius:13px;padding:18px 20px;margin-top:38px;background:#fcfaf6}.related-post>span{font-size:9px;color:#a98748;letter-spacing:.11em;font-weight:800}.related-post a{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#303a4e;font-size:15px}.related-post a>span{color:#ac8740}.related-post p{font-size:12px;color:#858b96;margin:7px 0 0;line-height:1.55}.related-post a:hover{text-decoration:underline}.inline-link{color:#9d782f;font-weight:750;text-decoration:underline;text-underline-offset:3px}.blog-empty-note{border-top:1px solid #ebe8e1;margin-top:30px;padding-top:18px;color:#8b9099;font-size:12px;line-height:1.6}
@media(max-width:680px){.blog-intro{grid-template-columns:1fr;margin-bottom:28px}.blog-intro-copy{padding:30px 23px 22px}.blog-intro h1{font-size:36px}.blog-intro-art{height:145px}.blog-intro-art:before{background:linear-gradient(180deg,#252d3e 0,transparent 50%)}.blog-intro-art img{height:135%}.blog-section-head h2{font-size:21px}.post-grid{grid-template-columns:1fr;gap:13px}.post-image{height:185px}.post-body{padding:20px}.post-body h3{font-size:20px}.hero-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-picks img{height:125px}.decision-cards{grid-template-columns:1fr}.article-section ul:not(.check-list),.article-section ol{font-size:13px}.guide-cover{height:175px}.guide-cover img{height:120%}}