:root{--background:#f6f8f2;--surface:#fff;--surface-soft:#eef3ec;--text-primary:#193126;--text-secondary:#5f7167;--brand:#1f6b4f;--brand-dark:#174b3a;--brand-soft:#dde9df;--accent:#d6a34a;--border:#d9e1da;--error:#a5483f;--shadow:0 12px 40px #19312614}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1180px,100% - 32px);margin-inline:auto}.siteHeader{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f6f8f2f2;position:sticky;top:0}.navWrap{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:9px;font-weight:800;display:inline-flex}.brandMark{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.desktopNav{color:var(--text-secondary);gap:22px;font-size:.94rem;display:flex}.desktopNav a:hover,.desktopNav a:focus-visible{color:var(--brand-dark)}.menuButton{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px;display:none}.mobileNav{gap:8px;padding:10px 0 18px;display:grid}.mobileNav a{padding:10px 0}.hero{padding:88px 0 64px}.heroGrid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:.76rem;font-weight:800}h1,h2,h3{letter-spacing:-.035em;margin:0 0 16px;line-height:1.12}h1{max-width:14ch;font-size:clamp(2.7rem,6vw,5.6rem)}h2{font-size:clamp(1.8rem,3vw,3rem)}h3{font-size:1.25rem}.hero p,.lead{color:var(--text-secondary);max-width:64ch;font-size:1.16rem}.heroActions,.resultActions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button{background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:12px;justify-content:center;align-items:center;padding:13px 18px;font-weight:800;display:inline-flex}.button:hover{background:var(--brand-dark)}.button.secondary{background:var(--surface);color:var(--brand-dark);border-color:var(--border)}.textLink{color:var(--brand);align-self:center;font-weight:800}.heroPanel,.card,.calculatorCard,.dataCard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.heroPanel{padding:26px}.measureGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.measureGrid div{background:var(--surface-soft);border-radius:14px;padding:16px}.measureGrid span,.metrics span,.simpleResult span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.78rem;font-weight:700;display:block}.measureGrid strong{font-size:1.35rem}.section{padding:68px 0}.section.soft{background:var(--surface-soft);border-block:1px solid var(--border)}.sectionHead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.sectionHead p{color:var(--text-secondary);max-width:60ch}.cardGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{flex-direction:column;gap:10px;padding:24px;display:flex}.card p{color:var(--text-secondary);margin:0}.card .textLink{margin-top:auto}.plantSearch label,.field label{margin-bottom:7px;font-weight:800;display:block}.plantSearch input,.field input,.field select{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:12px 14px}.plantSearch input:focus,.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.searchResults{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.searchResults a{border:1px solid var(--border);background:#fff;border-radius:12px;padding:13px}.searchResults span{color:var(--text-secondary);font-size:.88rem;display:block}.calculatorCard{padding:28px}.calcGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.calcGrid.two{grid-template-columns:repeat(2,1fr)}.inputWithUnit{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;display:flex;overflow:hidden}.inputWithUnit input{border:0;border-radius:0}.inputWithUnit span{color:var(--text-secondary);white-space:nowrap;padding:0 12px;font-size:.85rem}.calcResult{border-top:1px solid var(--border);margin-top:30px;padding-top:28px}.resultTop{justify-content:space-between;align-items:start;gap:18px;display:flex}.confidence{white-space:nowrap;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.confidence.high{background:#e5f4ea}.confidence.medium{background:#f5eedc}.confidence.limited{background:#f3e8e5}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.metrics div{background:var(--surface-soft);border-radius:12px;padding:14px}.metrics strong{text-transform:capitalize;margin-top:4px;display:block}.rangeWrap{margin:26px 0}.rangeTrack{background:#e8ece8;border-radius:99px;height:12px;position:relative}.rangeTarget{background:var(--brand);border-radius:99px;position:absolute;top:0;bottom:0}.rangeMarker{background:var(--accent);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #8d6b2d}.rangeLabels{color:var(--text-secondary);justify-content:space-between;gap:12px;margin-top:8px;font-size:.82rem;display:flex}.rangeLabels strong{color:var(--text-primary)}.rangeEmpty,.notice{background:var(--surface-soft);border-radius:12px;padding:14px}.notice{border-left:4px solid var(--accent);margin:16px 0}.leadSmall{font-size:1.05rem}.simpleResult{background:var(--surface-soft);border-radius:14px;margin-top:24px;padding:22px}.simpleResult strong{text-transform:capitalize;margin:3px 0 8px;font-size:2rem;display:block}.simpleResult p{color:var(--text-secondary);margin:0}.matchList{gap:10px;margin-top:22px;display:grid}.matchRow{border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:18px;padding:16px;display:flex}.matchRow span{color:var(--text-secondary);font-size:.88rem;display:block}.matchRow>div:last-child{align-items:center;gap:10px;display:flex}.pageHero{padding:62px 0 36px}.pageHero h1{max-width:18ch;font-size:clamp(2.4rem,5vw,4.6rem)}.contentGrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:42px;display:grid}.prose section{border-top:1px solid var(--border);padding:28px 0}.prose p{color:#405448}.dataCard{padding:22px;position:sticky;top:92px}.dataRows{gap:13px;display:grid}.dataRow{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.dataRow span{color:var(--text-secondary)}.sourceList{gap:10px;display:grid}.sourceList a{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px}.sourceList small{color:var(--text-secondary);display:block}.databaseTable{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;overflow:hidden}.databaseTable th,.databaseTable td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px}.databaseTable th{background:var(--surface-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.badge{background:var(--surface-soft);border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.siteFooter{color:#e8f0eb;background:#193126;margin-top:70px;padding:52px 0 22px}.footerGrid{grid-template-columns:1fr 1fr;gap:36px;display:grid}.footerGrid p{color:#bfd0c5}.footerGrid nav{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.footerBrand .brandMark{color:var(--brand-dark);background:#fff}.copyright{color:#bfd0c5;border-top:1px solid #ffffff26;margin-top:30px;padding-top:20px;font-size:.85rem}.legal{max-width:820px}.legal h2{margin-top:32px;font-size:1.7rem}.legal p,.legal li{color:#405448}.callout{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;padding:20px}.skipLink{position:absolute;left:-9999px}.skipLink:focus{z-index:100;background:#fff;padding:10px;top:12px;left:12px}.sitemapLinks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sitemapLinks a{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px}@media (max-width:850px){.desktopNav{display:none}.menuButton{display:block}.heroGrid,.contentGrid,.footerGrid{grid-template-columns:1fr}.cardGrid{grid-template-columns:repeat(2,1fr)}.dataCard{position:static}.searchResults{grid-template-columns:1fr}.hero{padding-top:58px}.sitemapLinks{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.shell{width:min(100% - 22px,1180px)}.cardGrid,.calcGrid,.calcGrid.two,.metrics,.measureGrid{grid-template-columns:1fr}.section{padding:48px 0}.calculatorCard{padding:18px}.resultTop,.sectionHead,.matchRow{flex-direction:column;align-items:stretch}.rangeLabels{font-size:.72rem}.sitemapLinks,.footerGrid nav{grid-template-columns:1fr}}.learnArticle{max-width:900px}.learnArticle .lead{max-width:76ch}.learnArticle section{border-top:1px solid var(--border);padding:30px 0}.learnArticle section:first-of-type{border-top:0}.learnArticle h2{margin-top:0;font-size:clamp(1.7rem,3vw,2.4rem)}.learnArticle h3{margin-top:26px;font-size:1.3rem}.learnArticle h4{margin:22px 0 8px;font-size:1.05rem}.learnArticle p,.learnArticle li{color:#405448}.learnArticle ul,.learnArticle ol{padding-left:1.3rem}.learnArticle li+li{margin-top:7px}.learnArticle code{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;padding:2px 6px}.learnArticle a.externalLink{color:var(--brand);text-underline-offset:3px;font-weight:750;text-decoration:underline;text-decoration-thickness:1px}.learnArticle a.externalLink:hover{text-decoration-thickness:2px}.formulaBox{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;margin:18px 0;padding:22px}.formulaBox strong{letter-spacing:-.02em;font-size:clamp(1.1rem,3vw,1.45rem);display:block}.formulaBox p{margin-bottom:0}.factGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.factGrid>div{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px}.factGrid span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800;display:block}.factGrid strong{margin-top:5px;display:block}.tableWrap{border-radius:16px;margin:20px 0;overflow-x:auto}.learnNote{border-left:4px solid var(--accent);background:var(--surface-soft);border-radius:0 14px 14px 0;margin:18px 0;padding:18px 20px}.learnNote strong{color:var(--text-primary)}.relatedLinks{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.relatedLinks a{border:1px solid var(--border);background:var(--surface);color:var(--brand-dark);border-radius:999px;padding:10px 13px;font-weight:800;display:inline-flex}.sourceLinks{gap:10px;margin-top:14px;display:grid}.sourceLinks a{border:1px solid var(--border);background:var(--surface);color:var(--brand-dark);border-radius:12px;padding:13px 15px;font-weight:750;display:block}.sourceLinks small{color:var(--text-secondary);margin-top:2px;font-weight:400;display:block}.exampleBox{border:1px solid var(--border);background:#fff;border-radius:16px;margin:18px 0;padding:20px}.exampleBox p:last-child{margin-bottom:0}.learnToc{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;margin:24px 0;padding:18px 20px}.learnToc strong{margin-bottom:8px;display:block}.learnToc a{color:var(--brand);font-weight:700}.learnToc ul{columns:2;margin:0;padding-left:1.1rem}@media (max-width:700px){.factGrid{grid-template-columns:1fr}.learnToc ul{columns:1}.learnArticle section{padding:24px 0}}.brandLogo{align-items:center;gap:10px;display:inline-flex}.brandLogoIcon{flex:none;width:36px;height:36px}.brandSun{fill:var(--accent)}.brandRay,.brandPhoton{stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;fill:none}.brandLeaf{fill:var(--brand)}.brandVein{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;fill:none}.brandWordmark{letter-spacing:-.045em;align-items:baseline;font-size:1.08rem;display:inline-flex}.brandWordmark strong{color:var(--text-primary)}.brandWordmark em{color:var(--brand);font-style:normal;font-weight:850}.contentHeroFigure{margin:30px 0 10px}.contentHeroMedia{aspect-ratio:16/9;border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#e9f0e7,#f7f3e7);border-radius:22px;position:relative;overflow:hidden}.contentHeroImage{object-fit:cover}.contentHeroFigure figcaption{color:var(--text-secondary);margin-top:8px;font-size:.86rem}.contentImageFallback{color:var(--text-secondary);background:radial-gradient(circle at 76% 20%,#d6a34a26,#0000 24%),linear-gradient(135deg,#eef3ec,#f8f5ec);align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.contentImageFallback svg{width:min(360px,72%);height:auto}.contentImageFallback circle{fill:var(--accent)}.contentImageFallback path{fill:none;stroke:var(--brand);stroke-width:4px;stroke-linecap:round}.contentImageFallback path:first-of-type{fill:var(--brand-soft);stroke:none}.contentImageFallback span{text-align:center;max-width:80%;font-size:.8rem}.deepContent{max-width:930px}.deepContent section{border-top:1px solid var(--border);padding:30px 0}.deepContent section:first-child{border-top:0}.deepContent h2{font-size:clamp(1.65rem,3vw,2.4rem)}.deepContent h3{margin-top:24px;font-size:1.22rem}.deepContent p,.deepContent li{color:#405448}.deepContent ul,.deepContent ol{padding-left:1.25rem}.deepContent li+li{margin-top:7px}.answerLead{font-size:1.08rem;color:var(--text-primary)!important}.queryGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;display:grid}.queryCard{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:18px}.queryCard h3{margin:0 0 8px;font-size:1.05rem}.queryCard p{margin:0}.editorialSources{gap:10px;display:grid}.editorialSources a{border:1px solid var(--border);color:var(--brand-dark);background:#fff;border-radius:12px;padding:14px 16px;font-weight:800}.editorialSources span{color:var(--text-secondary);font-size:.88rem;font-weight:400;display:block}.pageHeroWithImage{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:42px;display:grid}.pageHeroWithImage .contentHeroFigure{margin:0}.pageHeroWithImage .contentHeroMedia{aspect-ratio:4/3}.explorer{margin-top:26px}.explorerControls{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:16px;display:grid}.explorerControls label{color:var(--text-secondary);font-size:.82rem;font-weight:800}.explorerControls input,.explorerControls select{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:10px;margin-top:6px;padding:10px 11px;display:block}.explorerBar{justify-content:space-between;align-items:center;gap:14px;margin:12px 0;display:flex}.explorerBar .button{padding:9px 12px}.resultCount{color:var(--text-secondary);font-size:.9rem}@media (max-width:850px){.pageHeroWithImage{grid-template-columns:1fr}.pageHeroWithImage .contentHeroMedia{aspect-ratio:16/9}.queryGrid{grid-template-columns:1fr}.explorerControls{grid-template-columns:1fr 1fr}}@media (max-width:560px){.brandWordmark{font-size:1rem}.brandLogoIcon{width:32px;height:32px}.explorerControls{grid-template-columns:1fr}.explorerBar{flex-direction:column;align-items:stretch}.explorerBar .button{width:100%}}.footerBrand .brandWordmark strong,.footerBrand .brandWordmark em{color:#e8f0eb}.footerBrand .brandLeaf{fill:#e8f0eb}.footerBrand .brandVein{stroke:#193126}.tableSub{color:var(--text-secondary);margin-top:4px;font-size:.82rem;display:block}.fixtureProductLink{width:100%;margin-top:18px}.fixtureGuide .databaseTable th{width:34%}.fixtureGuide .sourceLinks{margin-top:16px}.fixtureGuide em{color:var(--text-primary)}.matcherFixtureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.matchFixtureCard{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;display:flex}.matchFixtureCard h3{margin:10px 0 8px}.matchFixtureCard p{color:var(--text-secondary);margin:0}.matchFixtureActions{flex-wrap:wrap;gap:10px;display:flex}.commercialGuide{max-width:980px}.commercialGuide .databaseTable td:first-child{min-width:220px}.commercialGuide .queryGrid,.commercialGuide .cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.matcherFixtureGrid,.commercialGuide .queryGrid,.commercialGuide .cardGrid{grid-template-columns:1fr}}
