:root{--ink:#11251d;--green:#133b2b;--lime:#b5e65b;--paper:#f7f8f4;--muted:#59675f;--line:#dce3d9;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5.8vw,5.5rem);font-weight:750}h2{font-size:clamp(2rem,3.5vw,3.3rem)}h3{font-size:1.35rem;letter-spacing:-.025em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}svg{vertical-align:middle}button:disabled{cursor:default;opacity:.5}.wrap{width:min(1220px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{background:#0b1e17;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff14}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.brand{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:750;letter-spacing:-.05em;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand em{font-style:normal;color:var(--lime)}.brand svg{width:28px;height:32px;color:var(--lime)}.nav-links{display:flex;align-items:center;gap:30px;font-size:.88rem}.nav-links a[aria-current=page]{color:var(--lime)}.nav-cta{border:1px solid #ffffff55;border-radius:30px;padding:9px 17px}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #ffffff50;padding:7px 12px;border-radius:5px}.eyebrow{display:block;font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;font-weight:700;margin-bottom:20px;color:var(--green)}.hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;background:#091e15;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;z-index:-2;height:100%;width:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,12,.91),rgba(4,18,12,.70) 34%,rgba(4,18,12,.10) 80%),linear-gradient(0deg,#071b1260,transparent 50%);z-index:-1}.hero-content{padding:80px 0 100px;max-width:670px}.hero h1{max-width:650px}.hero h1 span{color:var(--lime)}.hero .eyebrow{color:#d7edca}.hero p{max-width:450px;color:#dce5dd;margin:24px 0 32px;font-size:1.07rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 25px;border-radius:30px;font-weight:700;font-size:.9rem;border:0;background:var(--green);color:white;min-height:50px;line-height:1.4;transition:background .18s}.button:hover{background:#24523a;text-decoration:none}.button.lime{background:var(--lime);color:#11251d}.button.lime:hover{background:#c8f17d}.button.outline{background:transparent;border:1px solid #ffffff80;color:white}.button.small{padding:10px 19px;min-height:44px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.photo-credit{position:absolute;right:28px;bottom:16px;font-size:.65rem;color:#e6eee2;background:#071a12a6;padding:3px 8px;border-radius:4px}.intro-bar{background:#eaf0e4;border-bottom:1px solid var(--line)}.intro-bar .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:19px;font-size:.8rem;color:#36503e}.intro-bar span{display:flex;align-items:center;gap:9px}.intro-bar svg{width:18px;height:18px}.section{padding:90px 0}.section.alt{background:#edf1e8}.section.white{background:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head p{color:var(--muted);max-width:520px;margin-top:16px}.text-link{display:inline-flex;gap:20px;align-items:center;color:var(--green);font-weight:700;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.four{grid-template-columns:repeat(4,1fr)}.plant-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative}.plant-card .plant-image{aspect-ratio:1.25;background:#e9eee5;overflow:hidden;display:block}.plant-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.plant-card .plant-image:hover img{transform:scale(1.04)}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.plant-card h3{font-size:1.16rem;line-height:1.25;letter-spacing:-.03em;margin-bottom:8px}.scientific{font-size:.8rem;color:var(--muted);font-style:italic;margin-bottom:14px}.badge-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 20px}.badge{font-size:.67rem;padding:4px 9px;background:#edf3e8;border-radius:20px;display:inline-block;color:#375340;line-height:1.5}.card-body>.text-link{margin-top:auto}.shop-link{font-size:.75rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfdbc8;border-radius:var(--radius);overflow:hidden}.category{padding:28px;min-height:155px;border-right:1px solid #cfdbc8;background:#edf2e6;display:flex;flex-direction:column;gap:8px;transition:background .2s}.category:last-child{border:0}.category:hover{background:#dcebcf;text-decoration:none}.category small{color:var(--muted);font-size:.8rem}.category .number{font-size:.7rem;letter-spacing:.12em;color:#60795b}.category strong{font-size:1.2rem;letter-spacing:-.03em}.feature{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.feature p{color:var(--muted);margin:23px 0}.feature-photo{position:relative}.feature-photo img{aspect-ratio:1.25;object-fit:cover;border-radius:var(--radius)}.feature-photo .caption{display:block;font-size:.68rem;color:var(--muted);margin-top:10px}.guide-card{display:block;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.guide-card:hover{text-decoration:none;border-color:#8fa67d}.guide-card img{aspect-ratio:1.9;object-fit:cover;width:100%}.guide-card .card-body{min-height:245px}.guide-card .eyebrow{font-size:.65rem;margin-bottom:13px}.guide-card h3{margin-bottom:13px;font-size:1.35rem}.guide-card p{font-size:.88rem;color:var(--muted)}.guide-card .meta{font-size:.73rem;color:var(--muted);margin-top:20px;display:flex;justify-content:space-between}.callout{background:#143725;color:white;border-radius:16px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;gap:32px}.callout h2{font-size:2rem}.callout p{color:#c7d6c7;margin-top:15px;max-width:600px}.site-footer{background:#0b1e17;color:#c5d2c8;padding:60px 0 25px;font-size:.82rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand p{max-width:350px;margin:17px 0;color:#9fb5a4}.site-footer h3{font-size:.85rem;color:white;letter-spacing:0;margin-bottom:16px}.footer-links{display:grid;gap:9px}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #ffffff21;display:flex;justify-content:space-between;gap:25px;font-size:.72rem}.page-top{padding:65px 0 50px;background:#eaf0e4;border-bottom:1px solid var(--line)}.page-top h1{font-size:clamp(2.7rem,4.5vw,4.3rem);max-width:800px}.page-top p{max-width:700px;color:var(--muted);margin-top:20px}.breadcrumbs{font-size:.75rem;color:var(--muted);margin-bottom:25px;display:flex;flex-wrap:wrap;gap:10px}.filter-bar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;padding:25px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.field{display:flex;flex-direction:column;gap:7px;flex:1}.field label{font-size:.75rem;font-weight:700}.field input,.field select{width:100%;min-height:47px;padding:10px 12px;border:1px solid #aebcaf;background:white;color:var(--ink);border-radius:6px}.field.search{flex:2}.result-count{font-size:.8rem;color:var(--muted);margin-bottom:25px}.empty{padding:40px;background:#edf1e8;border:1px solid var(--line);border-radius:12px;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:35px}.pagination button{border:1px solid var(--line);background:white;border-radius:25px;padding:10px 20px}.pagination span{font-size:.85rem}.shop-mount{margin-top:12px;min-height:70px}.shop-mount iframe{max-width:100%!important}.fallback-buy{display:block;background:#edf3e8;text-align:center;border:1px solid var(--line);padding:10px;border-radius:24px;font-size:.8rem;color:var(--green)}.shop-note{font-size:.8rem;background:#edf1e8;padding:18px 22px;border-radius:8px;margin-top:25px}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;align-items:start}.article-nav{position:sticky;top:120px;border-left:2px solid var(--line);padding-left:20px;font-size:.8rem}.article-nav strong{display:block;margin-bottom:12px}.article-nav a{display:block;color:var(--muted);padding:6px 0}.article{max-width:790px}.article section{margin-bottom:38px;scroll-margin-top:110px}.article h2{font-size:1.65rem;letter-spacing:-.03em;margin-bottom:16px;line-height:1.25}.article p{color:#415146;font-size:1rem;line-height:1.9}.article .sources{border-top:1px solid var(--line);padding-top:24px;margin-top:45px}.article .sources h2{font-size:1.1rem}.article .sources a{display:block;font-size:.8rem;color:var(--green);text-decoration:underline;margin:7px 0;overflow-wrap:anywhere}.article-intro-image{width:100%;max-height:330px;object-fit:cover;border-radius:12px;margin-bottom:42px}.plant-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.plant-detail .detail-image{aspect-ratio:1;object-fit:cover;width:100%;border-radius:12px}.plant-detail h1{font-size:clamp(2.8rem,4.8vw,4.6rem)}.plant-detail .intro{margin:20px 0;color:var(--muted);font-size:1.06rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.fact{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px}.fact dt{font-size:.67rem;color:var(--muted);margin-bottom:4px}.fact dd{margin:0;font-size:.82rem;font-weight:700}.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px;margin-top:65px}.detail-sections h2{font-size:1.55rem;letter-spacing:-.03em;margin-bottom:16px}.detail-sections p{color:var(--muted)}.tip{background:#e8f0df;padding:22px 27px;border-left:3px solid #779d54;margin:30px 0;color:#385237;font-size:.88rem}.faq-list{max-width:850px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{font-weight:700;cursor:pointer;font-size:1.03rem}.faq-list details p{color:var(--muted);margin-top:15px}.legal{max-width:850px}.legal h2{font-size:1.5rem;margin:35px 0 15px}.legal p,.legal li{color:var(--muted);margin-bottom:15px}.legal a{color:var(--green);text-decoration:underline}.license-card{border:1px solid var(--line);border-radius:12px;padding:25px;margin:20px 0;display:grid;grid-template-columns:160px 1fr;gap:25px}.license-card img{width:160px;aspect-ratio:1.3;object-fit:cover;border-radius:6px}.license-card h2{margin:0 0 10px;font-size:1.2rem}.license-card p{font-size:.85rem;margin-bottom:8px}.hidden,[hidden]{display:none!important}.nojs{padding:20px;background:#f1f0d4}.mobile-note{font-size:.75rem;color:var(--muted)}
@media(min-width:1450px){.hero{min-height:720px}.hero-content{padding-bottom:110px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.grid.four{grid-template-columns:repeat(2,1fr)}.grid{gap:18px}.nav-links{gap:18px}.feature{gap:35px}.article-layout{grid-template-columns:190px 1fr;gap:35px}.plant-detail{gap:35px}.category{padding:22px}.brand{font-size:1.15rem}.hero{min-height:600px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:74px;flex-wrap:wrap;gap:0}.brand{font-size:1.1rem}.brand svg{width:23px}.menu-toggle{display:block;font-size:.8rem}.nav-links{display:none;width:100%;padding:18px 0 23px;flex-direction:column;align-items:start;gap:17px}.nav-links.open{display:flex}.hero{min-height:610px}.hero-content{padding:65px 0 85px;max-width:95%}.hero h1{font-size:3.5rem}.hero p{font-size:1rem;max-width:350px}.hero:after{background:linear-gradient(90deg,#06170feb,#06170fa8 60%,#06170f60)}.hero>img{object-position:60% center}.photo-credit{right:16px;bottom:12px;font-size:.58rem}.intro-bar .wrap{gap:12px;flex-wrap:wrap;font-size:.7rem}.intro-bar span:last-child{display:none}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.grid{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:1fr 1fr}.card-body{padding:17px}.plant-card h3{font-size:1.05rem}.badge{font-size:.62rem;padding:3px 7px}.badge-row{gap:4px}.category-grid{grid-template-columns:1fr 1fr}.category{border-bottom:1px solid #cfdbc8;padding:22px;min-height:140px}.category:nth-child(2){border-right:0}.category:nth-child(3){border-bottom:0}.feature{grid-template-columns:1fr;gap:30px}.feature-photo{order:-1}.feature-photo img{aspect-ratio:1.8}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.callout{padding:30px;align-items:start;flex-direction:column}.page-top{padding:42px 0 36px}.article-layout{display:block}.article-nav{position:static;margin-bottom:35px}.article-nav a{display:inline-block;margin-right:15px}.plant-detail{grid-template-columns:1fr;gap:30px}.plant-detail .detail-image{aspect-ratio:1.35;max-height:400px}.detail-sections{grid-template-columns:1fr;gap:30px;margin-top:40px}.filter-bar{padding:18px;gap:12px}.field,.field.search{flex:1 1 40%}.field.search{flex-basis:100%}.license-card{grid-template-columns:1fr}.license-card img{width:100%;aspect-ratio:2}.guide-card .card-body{min-height:245px}.guide-card h3{font-size:1.15rem}.guide-card p{font-size:.8rem}.eyebrow{font-size:.65rem;margin-bottom:16px}}
@media(max-width:420px){.hero h1{font-size:3rem}.hero .actions{align-items:start;flex-direction:column}.grid:not(.four){grid-template-columns:1fr}.grid.four{gap:10px}.grid.four .card-body{padding:13px}.facts{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:25px}.brand{font-size:1rem}.hero p{margin:20px 0 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep explicit image dimensions responsive while preserving intended crop ratios. */
.feature-photo img,.guide-card img,.plant-detail .detail-image{height:auto}.feature-photo img{width:100%}

.share-section{padding:30px 0;background:#eaf0e4;border-top:1px solid var(--line)}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.82rem}.share-row>span:first-child{font-weight:700;margin-right:10px}.share-button{background:white;color:var(--green);border:1px solid #bdcbb6;padding:8px 15px;border-radius:22px;font-size:.8rem;line-height:1.5}.share-button:hover{background:#dfeacd;text-decoration:none}.share-status{font-size:.75rem;color:var(--muted)}.category-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.category-links a{font-size:.8rem;border:1px solid var(--line);border-radius:22px;padding:7px 14px;background:white}.category a{display:inline}.guide-card h3 a:hover{color:#35633e}.plant-card .text-link{line-height:1.4}
