.article-page{background:#f4f5f2;color:#16201d}.article-header{background:#fff;border-bottom:1px solid #d9ddd8}.article-nav{max-width:1240px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.article-nav a{font-weight:800;font-size:14px}.article-nav .shop-jump{background:#173f35;color:white;padding:11px 17px;border-radius:999px}.article-hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;min-height:510px}.article-hero-copy{padding:70px 55px 70px 24px;align-self:center}.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:#24594a;font-size:12px;font-weight:800;margin-bottom:24px}.article-meta span{background:#e3ebe7;padding:7px 10px;border-radius:999px}.article-hero h1{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.035em;text-wrap:balance;margin-bottom:24px}.article-deck{font-size:20px;line-height:1.65;color:#42504b;max-width:62ch}.article-hero-image{min-height:450px;overflow:hidden}.article-hero-image img{width:100%;height:100%;object-fit:cover;object-position:67% center}.article-shell{max-width:1180px;margin:auto;padding:70px 24px 120px;display:grid;grid-template-columns:260px minmax(0,720px);gap:80px}.article-aside{align-self:start;position:sticky;top:110px}.article-aside strong{display:block;font:700 17px Outfit;margin-bottom:16px}.article-aside a{display:block;padding:9px 0;color:#4f5d58;font-size:13px;border-bottom:1px solid #d9ddd8}.article-aside a:hover{color:#f06c54}.article-prose{font-size:17px;line-height:1.8}.article-summary{background:#173f35;color:white;padding:30px;border-radius:14px;margin-bottom:55px}.article-summary h2{font-size:25px;margin-bottom:18px}.article-summary ul{margin:0;padding-left:20px;color:#dbe8e3}.article-summary li+li{margin-top:9px}.article-prose>section{scroll-margin-top:110px;border-top:1px solid #cfd6d2;padding:48px 0}.article-prose>section h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.025em;margin-bottom:20px}.article-prose>section p{max-width:68ch;color:#35433e;text-wrap:pretty}.article-prose>section p+p{margin-top:18px}.tip-box,.warning-box{padding:24px 26px;border-radius:12px;margin:28px 0}.tip-box{background:#dceae3}.warning-box{background:#f9dfd8}.tip-box b,.warning-box b{display:block;margin-bottom:7px}.checklist{list-style:none;padding:0;margin:25px 0}.checklist li{padding:13px 0 13px 34px;border-bottom:1px solid #d9ddd8;position:relative}.checklist li:before{content:'✓';position:absolute;left:4px;color:#173f35;font-weight:900}.shop-box{margin-top:45px;background:#fff;display:grid;grid-template-columns:180px 1fr;border-radius:14px;overflow:hidden}.shop-box img{width:100%;height:100%;min-height:220px;object-fit:contain;padding:22px;background:#eef1ed;mix-blend-mode:multiply}.shop-box-content{padding:30px}.shop-box-label{color:#f06c54;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.shop-box h2{font-size:27px;margin:9px 0}.shop-box p{font-size:14px;color:#53605c}.shop-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.shop-actions a{padding:11px 15px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid #173f35}.shop-actions a:first-child{background:#173f35;color:white}.article-disclaimer{margin-top:50px;padding-top:24px;border-top:1px solid #cfd6d2;color:#65716d;font-size:12px}.more-guides{background:#173f35;color:white;padding:65px 24px;text-align:center}.more-guides h2{font-size:38px}.more-guides a{display:inline-block;background:#f06c54;color:white;padding:13px 19px;border-radius:999px;font-weight:800}.article-page h1,.article-page h2,.article-page h3{text-wrap:balance}.article-page p{text-wrap:pretty}
@media(max-width:900px){.article-hero{grid-template-columns:1fr}.article-hero-copy{padding:55px 24px}.article-hero-image{height:380px;min-height:0}.article-shell{grid-template-columns:1fr;gap:35px}.article-aside{position:static;display:none}}
@media(max-width:600px){.article-nav{padding:16px}.article-hero h1{font-size:42px}.article-deck{font-size:17px}.article-hero-image{height:300px}.article-shell{padding:45px 18px 80px}.article-summary{padding:23px}.article-prose>section{padding:38px 0}.shop-box{grid-template-columns:1fr}.shop-box img{height:230px}.shop-box-content{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}