:root{--bg:#faf8f3;--fg:#1a1a1a;--muted:#4d4d4d;--card:#fff;--line:#e2ddd2;--line-strong:#cfc8b9;--accent:#1d6b45;--accent-hover:#155636;--accent-fg:#fff;--accent-soft:#e6f2ea;--pop:#a8481f;--pop-soft:#fbeee6;--soft:#f2efe7;--link:#17603d;--shadow:0 1px 2px #0000000d, 0 4px 14px #0000000f;--shadow-lg:0 2px 4px #0000000f, 0 14px 32px #0000001a;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--bg:#121212;--fg:#f2f2f2;--muted:#c9c9c9;--card:#1c1c1c;--line:#343434;--line-strong:#4a4a4a;--accent:#6fd59d;--accent-hover:#8be3b2;--accent-fg:#0b1a12;--accent-soft:#183324;--pop:#f3a77f;--pop-soft:#3a2418;--soft:#1a1a1a;--link:#86e0ae;--shadow:0 1px 2px #00000080;--shadow-lg:0 10px 30px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.7}@media (min-width:768px){body{font-size:1.125rem}}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.015em;color:var(--fg);font-weight:650;line-height:1.25}h1{margin:.5rem 0 .9rem;font-size:clamp(1.9rem,4.2vw,2.75rem);font-weight:700;line-height:1.15}h2{margin:2.6rem 0 .8rem;font-size:clamp(1.4rem,2.6vw,1.75rem)}h3{margin:1.8rem 0 .5rem;font-size:1.2rem}p{margin:0 0 1rem}a{color:var(--link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}strong{font-weight:650}img{max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--card);color:var(--fg);z-index:50;border-radius:8px;padding:.6rem 1rem;top:1rem;left:1rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.wrap{padding:0 2rem}}.page{padding:1.5rem 0 3rem}.measure{max-width:70ch}.muted{color:var(--muted)}.small{font-size:.9rem}.site-header{z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-row{align-items:center;gap:.75rem;min-height:4rem;display:flex}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:2.1rem;height:2.1rem;color:var(--accent-fg);border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.main-nav{align-items:center;gap:.25rem;margin-left:auto;display:flex}.main-nav a{color:var(--fg);border-radius:8px;padding:.45rem .8rem;font-size:1rem;font-weight:550;text-decoration:none}.main-nav a:hover{background:var(--soft)}.main-nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.theme-btn{border:1px solid var(--line);background:var(--card);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;border-radius:10px;place-items:center;display:grid}.theme-btn:hover{border-color:var(--line-strong)}.theme-btn svg{width:1.15rem;height:1.15rem}.theme-btn .sun{display:none}.dark .theme-btn .sun{display:block}.dark .theme-btn .moon{display:none}@media (max-width:640px){.main-nav a{padding:.4rem .5rem;font-size:.95rem}.brand span:last-child{display:none}}.btn{background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn.ghost{background:var(--card);color:var(--fg);border-color:var(--line-strong)}.btn.ghost:hover{background:var(--soft)}.hero{border-bottom:1px solid var(--line);padding:3rem 0 2.5rem}@media (min-width:900px){.hero{padding:4.5rem 0 3.5rem}.hero-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:3rem;display:grid}}.eyebrow{color:var(--pop);background:var(--pop-soft);border-radius:999px;margin:0 0 .8rem;padding:.2rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.lede{color:var(--muted);max-width:62ch;font-size:1.15rem}.hero-cta{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.finder-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:2rem;padding:1.25rem}@media (min-width:900px){.finder-box{margin-top:0}}.finder-box label{margin-bottom:.4rem;font-weight:600;display:block}.finder-results{gap:.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.finder-results a{color:var(--fg);border-radius:8px;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;text-decoration:none;display:flex}.finder-results a:hover{background:var(--soft)}.finder-results .kind{color:var(--muted);white-space:nowrap;font-size:.85rem}.section{padding:2.5rem 0 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head h2{margin:0 0 1rem}.card-grid{grid-template-columns:1fr;align-items:stretch;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-grid>li{min-width:0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--fg);box-shadow:var(--shadow);flex-direction:column;gap:.5rem;padding:1.35rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}a.card:hover,.card:focus-within{box-shadow:var(--shadow-lg);border-color:var(--line-strong);transform:translateY(-3px)}.card-icon{background:var(--accent-soft);border-radius:12px;place-items:center;width:2.75rem;height:2.75rem;font-size:1.4rem;display:grid}.card-title{color:var(--fg);margin:0;font-size:1.1rem;font-weight:650;line-height:1.35}.card-desc{color:var(--muted);flex:1;margin:0;font-size:.98rem;line-height:1.55}.card-cta{color:var(--link);margin-top:.5rem;font-size:.98rem;font-weight:600}.card-tag{color:var(--pop);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.crumbs{color:var(--muted);margin-bottom:.25rem;font-size:.92rem}.crumbs a{color:var(--muted)}.byline{color:var(--muted);margin:.25rem 0 1.5rem;font-size:.95rem}.article-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}@media (min-width:1100px){.article-grid{grid-template-columns:minmax(0,70ch) 260px;justify-content:space-between}.toc-side{align-self:start;max-height:calc(100vh - 7rem);position:sticky;top:5.5rem;overflow:auto}.toc-inline{display:none}}@media (max-width:1099px){.toc-side{display:none}}.toc{font-size:.95rem}.toc p{margin:0 0 .5rem;font-weight:650}.toc ol{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:.3rem .8rem;line-height:1.4;text-decoration:none;display:block}.toc a:hover{color:var(--fg);border-left-color:var(--accent)}.toc-inline{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.5rem;padding:.9rem 1.1rem}.toc-inline summary{cursor:pointer;font-weight:650}.toc-inline ol{margin-top:.6rem}.prose{max-width:70ch}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:0 0 1.15rem}.prose ul{padding-left:1.35rem;list-style:outside}.prose ol{padding-left:1.5rem;list-style:decimal}.prose li{margin:.3rem 0}.prose li::marker{color:var(--accent)}.prose h2{padding-top:.25rem}.prose blockquote{background:var(--pop-soft);border-left:4px solid var(--pop);color:var(--fg);border-radius:0 10px 10px 0;margin:1.5rem 0;padding:1rem 1.2rem}.prose blockquote p:last-child{margin:0}.prose code{background:var(--soft);border-radius:6px;padding:.1rem .35rem;font-size:.92em}.prose input[type=checkbox]{width:auto;margin-right:.4rem}.table-wrap{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:1.25rem 0 1.5rem;overflow-x:auto}.table-wrap table,.tbl{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}.table-wrap th,.table-wrap td,.tbl th,.tbl td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.65rem .85rem}.table-wrap tr:last-child td,.tbl tr:last-child td{border-bottom:0}.table-wrap th,.tbl th{background:var(--soft);white-space:nowrap;font-weight:650}.table-wrap tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--soft) 45%,transparent)}.tbl{border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:12px;margin-top:1rem;overflow:hidden}.tbl caption{text-align:left;padding:0 0 .5rem;font-weight:650}.tool-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:1.5rem 0 2rem;padding:1.25rem}@media (min-width:768px){.tool-panel{padding:1.75rem}}.tool-panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;font-size:1rem;font-weight:650}.fields{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:600px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.field{flex-direction:column;gap:.35rem;font-size:.98rem;font-weight:600;display:flex}.field em{color:var(--muted);font-style:normal;font-weight:400}.field.check{flex-direction:row;align-self:end;align-items:center;gap:.6rem;min-height:2.9rem}.field.check input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}input,select,textarea{background:var(--bg);color:var(--fg);border:1px solid var(--line-strong);font:inherit;border-radius:10px;width:100%;min-height:2.9rem;padding:.65rem .8rem;font-size:1rem;font-weight:400}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:0}.out{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin:1.5rem 0 0;padding:1.1rem;display:grid}.out div{background:var(--card);border-radius:10px;padding:.85rem 1rem}.out dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.out dd{color:var(--fg);margin:.15rem 0 0;font-size:1.3rem;font-weight:700;line-height:1.3}.result-note{margin-top:1rem}.date-list{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.date-list li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;font-size:.98rem;font-weight:600}.date-list li span{color:var(--muted);font-size:.8rem;font-weight:500;display:block}.count-pill{background:var(--accent-soft);color:var(--fg);border-radius:999px;margin:1.25rem 0 .25rem;padding:.25rem .8rem;font-weight:650;display:inline-block}.plant-list{grid-template-columns:1fr;gap:.6rem;margin-top:.75rem;padding:0;list-style:none;display:grid}@media (min-width:700px){.plant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.plant-list li{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;line-height:1.5}.care-card{border:2px dashed var(--accent);border-radius:var(--radius);margin:1.25rem 0;padding:1.1rem 1.25rem}.care-card h3{margin-top:0}.form{flex-direction:column;gap:.9rem;display:flex}.form label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.faq{max-width:70ch;margin-top:2.5rem}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:.6rem 0;padding:0}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:1.3rem;font-weight:700;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{margin:0;padding:0 1.1rem 1rem}.author-box{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;max-width:70ch;margin-top:2.5rem;padding:1.2rem 1.35rem}.related{margin-top:3rem}.site-footer{border-top:1px solid var(--line);background:var(--soft);margin-top:5rem;padding:3rem 0 2rem;font-size:1rem}.footer-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:800px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-grid h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.footer-grid ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.footer-grid nav a{color:var(--fg);text-decoration:none}.footer-grid nav a:hover{text-decoration:underline}.footer-brand{margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.footer-bottom{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem}.badges{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.5rem 0 1rem;display:flex}.badges a{background:#fff;border-radius:8px;padding:3px;display:inline-flex}@media print{.site-header,.site-footer,.prose,.faq,.byline,.crumbs,.lede,h1,.btn,.toc-side,.toc-inline,.author-box,.related,.tool-panel-title{display:none!important}.tool-panel{box-shadow:none;border:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.photo{margin:0 0 1.75rem}.photo img{border-radius:var(--radius);background:var(--soft);width:100%;height:auto;display:block}.photo figcaption{color:var(--muted);margin-top:.4rem;font-size:.8rem}.post-photo img{aspect-ratio:16/9;object-fit:cover;max-height:420px}.hero-photo img{aspect-ratio:4/3;object-fit:cover}.hero-side{gap:1rem;display:grid}.prose .tick{color:var(--accent);margin-right:.35rem}.prose li:has(>.tick){margin-left:-1.35rem;list-style:none}.dark .tool-panel{background:#1c2420;border:1px solid #3d4a43;box-shadow:0 8px 24px #00000073}.dark .tool-panel-title{color:#d6e4dc}.dark .tool-panel .field,.dark .tool-panel .field span,.dark .tool-panel label{color:#f4f7f5}.dark .tool-panel .field em{color:#c3d1c9}.dark .tool-panel input,.dark .tool-panel select,.dark .tool-panel textarea{color:#fff;background:#242c28;border:1px solid #5b6b62}.dark .tool-panel input:hover,.dark .tool-panel select:hover{border-color:#8fa398}.dark .tool-panel input:focus,.dark .tool-panel select:focus,.dark .tool-panel textarea:focus{border-color:var(--accent);outline-offset:1px;outline:3px solid #6fd59d73}.dark .tool-panel select option{color:#fff;background:#242c28}.dark .out{background:#173226;border-color:#3f8a63}.dark .out div{background:#1f2a25;border:1px solid #35463d}.dark .out dt{color:#cfe3d7}.dark .out dd{color:#fff}.out dd{font-size:1.45rem}.dark .date-list li,.dark .plant-list li{color:#f4f7f5;background:#242c28;border-color:#3d4a43}.dark .date-list li span,.dark .plant-list .small{color:#cfdcd4}.dark .count-pill{color:#e9fff2;background:#173226;border:1px solid #3f8a63}.dark .tbl th{background:#242c28}.dark .tbl td{color:#f4f7f5}.dark .care-card{background:#1f2a25;border-color:#6fd59d}.empty-state{border:1px dashed var(--line-strong);background:var(--soft);border-radius:12px;margin-top:1rem;padding:1rem 1.15rem}.dark .empty-state{color:#f4f7f5;background:#242c28;border-color:#5b6b62}.empty-state p{margin:0 0 .6rem}.empty-state .btn{padding:.5rem .9rem;font-size:.95rem}.plant-list li strong{font-size:1.05rem}.fields{align-items:stretch}.field{justify-content:flex-end}.field>span{line-height:1.3}.fields input:not([type=checkbox]),.fields select{min-height:2.9rem}.out div{flex-direction:column;justify-content:space-between;display:flex}.fields input:not([type=checkbox]),.fields select{box-sizing:border-box;height:2.9rem}
