/* PlantLegit brand layer, matches Pinterest pins v2. Loaded after style.css + ux.css on every page. */
@font-face{font-family:Manrope;src:url(fonts/manrope-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-400.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-700.woff2) format("woff2");font-weight:600 800;font-display:swap}
:root{--g9:#123320;--g8:#1f5130;--g6:#2e7d4a;--mint:#7fd39a;--sage:#d5eadc;--sun:#f2c94c;--g1:#e9f4ec;--bg:#f5f8f3;--r:16px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:Manrope,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
h1{line-height:1.05;text-wrap:balance}h2{line-height:1.15;color:var(--g9)}
main h2{font-size:clamp(1.3rem,3.6vw,1.7rem);margin-top:2rem}
a{color:#22693d}
/* header: dark forest bar, pill brand + mint CTA like the pins */
.top{background:var(--g9);border-bottom:0;position:sticky;top:0;z-index:20}
.top .bar{height:auto;min-height:60px;flex-wrap:wrap;row-gap:.2rem;padding-top:.35rem;padding-bottom:.35rem}
.top .brand{color:#fff;font-size:1.2rem;background:rgba(255,255,255,.06);padding:.3rem .8rem .3rem .4rem;border-radius:99px}
.top .brand img{border-radius:8px}
.top .pill{background:var(--sun);color:var(--g9);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}
.top nav a,.top .navmore summary{color:var(--sage)}.top nav a:hover{color:#fff}
.top .navdrop{background:#fff;border-radius:12px;box-shadow:0 12px 32px #0004}.top .navdrop a{color:var(--g9)}
.top .navcta{background:var(--mint)!important;color:var(--g9)!important;font-weight:800;border-radius:99px!important;padding:.4rem .9rem!important}
/* default page head (state/plant/topic pages): dark band behind the crumb + h1 without extra markup */
main.st>.crumb,main.st>h1{position:relative}
main.st>h1{font-size:clamp(1.75rem,6vw,2.7rem);color:var(--g9);margin:.4rem 0 1rem}
.crumb{font-size:.85rem;color:#5d6e63}.crumb a{color:#2e7d4a}
/* photo hero (home + guides) */
.bh{position:relative;overflow:hidden;background:var(--g9);color:#fff;isolation:isolate}
.bh-img,.bh-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bh::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,51,32,.25) 0,rgba(18,51,32,.55) 45%,#123320 96%)}
.bh-credit{position:absolute;right:.6rem;bottom:.35rem;font-size:.66rem;color:#a9c9b4!important;text-decoration:none;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-guide{min-height:clamp(330px,52vw,480px);display:flex;align-items:flex-end}
.bh-in{width:100%;padding-top:4rem;padding-bottom:2.2rem}
.bh-guide .crumb,.bh-guide .crumb a{color:var(--sage)}
.bh-guide h1{font-size:clamp(2rem,6.4vw,3.6rem);color:#fff;margin:.7rem 0 0;max-width:20ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.bh-tag{display:inline-block;margin-top:.8rem;background:var(--sun);color:var(--g9);font:800 .72rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:.55rem .9rem;border-radius:99px}
.hero.bh{padding:3.2rem 0 2.4rem}
.hero.bh h1{font-size:clamp(2.2rem,7vw,3.9rem);max-width:15ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero.bh .lede{color:var(--sage);font-size:1.08rem}
.hero.bh::after{background:linear-gradient(90deg,rgba(18,51,32,.92) 0,rgba(18,51,32,.7) 50%,rgba(18,51,32,.25) 100%),linear-gradient(0deg,#123320 0,transparent 40%)}
@media(max-width:699px){.hero.bh::after{background:linear-gradient(180deg,rgba(18,51,32,.55),#123320 75%)}}
.hero .search{border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
/* buttons + CTA = the pins' mint bar */
.btn{background:var(--g9);border-radius:99px;font-weight:700}.btn:hover{background:var(--g6)}
.hero .btn{background:var(--mint);color:var(--g9)}.hero .btn:hover{background:#9be0b1}
a.cta{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;background:var(--mint)!important;color:var(--g9)!important;font:800 1.05rem/1.3 Manrope,Inter,sans-serif!important;border-radius:20px!important;padding:1rem 1.2rem!important;text-decoration:none!important;border:0!important;box-shadow:0 6px 20px rgba(18,51,32,.18)}
a.cta:hover{background:#9be0b1!important}
/* answer boxes, panels, tables */
.ans{border-radius:var(--r)!important;border-left-width:6px!important}
.panel,.filters,details.srcp,.yscan{border-radius:var(--r)!important}
table.kv{border-radius:12px;overflow:hidden}
.tag{border-radius:99px;font-weight:700}
/* cleaner plant cards */
.card{border:0!important;border-radius:var(--r)!important;box-shadow:0 1px 2px rgba(18,51,32,.06),0 6px 20px rgba(18,51,32,.07);background:#fff;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(18,51,32,.08),0 12px 28px rgba(18,51,32,.12)}
.card h3,.cards .card strong{font-family:Manrope,Inter,sans-serif;font-weight:800;color:var(--g9)}
.card.flagged{box-shadow:inset 0 0 0 2px #e9a6a6,0 6px 20px rgba(18,51,32,.07)}
/* footer */
.foot{background:var(--g9);color:var(--sage)}.foot *{color:inherit}.foot .note,.foot small{color:#b9d3c2!important}.foot a{color:var(--mint)}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
a.btn{display:inline-block;text-decoration:none;color:#fff;line-height:1.3;border-radius:18px}a.btn:hover{color:#fff}
.foot .disc{background:#fff!important;color:#1b2620!important;border-left:6px solid var(--sun);border-radius:12px}
.foot .disc *{color:#1b2620!important}.foot .disc a{color:#1f5130!important;text-decoration:underline}
#pl-unlock section{border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 20px rgba(18,51,32,.08)}
#pl-unlock a{background:#123320!important;border-radius:99px!important;font-weight:700}
input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:#2e7d4a}
@media(max-width:699px){main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}main table td,main table th{min-width:5.5rem}}