:root{color-scheme:light;--paper:#f3f0e8;--white:#fbfaf6;--ink:#1d2922;--muted:#657168;--line:#d9ded3;--forest:#214d3d;--forest2:#17392f;--coral:#bc694d;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--wrap:1080px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--forest)}a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.wrap{width:min(calc(100% - 42px),var(--wrap));margin:auto}.top{border-bottom:1px solid var(--line);background:#f3f0e8ee}.nav{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:850;letter-spacing:.16em}.brand img{width:36px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(23%) sepia(19%) saturate(1007%) hue-rotate(103deg) brightness(93%) contrast(87%)}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{color:#506055;text-decoration:none;font-size:.86rem}.navlinks .buy{padding:9px 14px;border-radius:6px;background:var(--forest);color:white;font-weight:750}.crumb{margin:35px 0 12px;color:var(--coral);font-size:.71rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.crumb a{text-decoration:none}.article{max-width:790px;margin:0 auto;padding:0 22px 80px}.title{margin:0 0 16px;font:500 clamp(2.6rem,6vw,4.35rem)/1.03 var(--serif);letter-spacing:-.045em}.dek{max-width:690px;margin:0;color:#56645a;font-size:1.15rem;line-height:1.65}.meta{display:flex;gap:14px;margin:20px 0 32px;color:var(--muted);font-size:.82rem}.hero-note{margin:30px 0;padding:20px 22px;border-left:3px solid var(--coral);background:var(--white);color:#405046}.article h2{margin:39px 0 12px;font:500 2rem/1.14 var(--serif);letter-spacing:-.03em}.article h3{margin:27px 0 8px;font:600 1.1rem/1.3 var(--sans)}.article p{margin:0 0 19px}.article ul{padding-left:22px}.article li{padding:0 0 8px}.article a{font-weight:650;text-underline-offset:3px}.study-box{margin:27px 0;padding:21px 23px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:.94rem}.study-box strong{display:block;margin-bottom:5px;color:var(--forest)}.article-cta{margin-top:43px;padding:25px;border-radius:9px;background:var(--forest2);color:#f4f2eb}.article-cta h2{margin:0 0 8px;color:white;font-size:1.8rem}.article-cta p{margin-bottom:15px;color:#d5dfd5;font-size:.94rem}.article-cta a{display:inline-block;padding:10px 15px;border-radius:6px;background:#e4e9dd;color:var(--forest2);text-decoration:none;font-size:.86rem}.related{margin-top:44px;padding-top:23px;border-top:1px solid var(--line)}.related a{display:block;margin:9px 0}.blog-intro{padding:68px 0 36px}.blog-intro h1{max-width:790px;margin:0 0 15px;font:500 clamp(3rem,7vw,5rem)/1 var(--serif);letter-spacing:-.05em}.blog-intro p{max-width:640px;color:var(--muted);font-size:1.1rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 0 85px}.blog-card{display:flex;min-height:270px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s}.blog-card:hover{transform:translateY(-3px);border-color:#a6b6a2}.tag{color:var(--coral);font-size:.69rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.blog-card h2{margin:16px 0 10px;font:500 1.65rem/1.15 var(--serif)}.blog-card p{margin:0;color:var(--muted);font-size:.9rem}.blog-card span:last-child{margin-top:auto;padding-top:20px;color:var(--forest);font-size:.82rem;font-weight:750}footer{padding:24px 0 30px;background:var(--forest2);color:#dce4da;font-size:.81rem}footer .foot{display:flex;justify-content:space-between;gap:15px}footer p{margin:0}footer a{color:#fff;text-underline-offset:3px}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-card{min-height:220px}.article{padding-bottom:58px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.nav{min-height:65px}.brand{font-size:.7rem}.brand img{width:31px;height:31px}.navlinks{gap:12px}.navlinks>a:not(.buy){display:none}.navlinks a{font-size:.78rem}.navlinks .buy{padding:8px 10px}.article{padding-right:0;padding-left:0}.title{font-size:2.75rem}.dek{font-size:1.02rem}.article h2{font-size:1.75rem}.meta{margin-bottom:25px}.blog-intro{padding-top:49px}footer .foot{flex-direction:column}}
