:root{color-scheme:light;--ink: #1f2d23;--muted: #667062;--paper: #fbf8ef;--panel: #fffdf8;--line: #d8decd;--soft-line: #ece7d8;--leaf: #27583a;--leaf-dark: #153721;--sage: #dbe6d6;--sage-2: #eef4e9;--moss: #77835b;--terracotta: #bf5c3f;--persimmon: #df7b4f;--gold: #d8ad55;--sky: #dfecea;--shadow: 0 22px 70px rgba(31, 45, 35, .13);--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", "Segoe UI", Arial, sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(180deg,#fff9,#fbf8eff5 420px),radial-gradient(circle at 8% 12%,rgba(191,92,63,.12),transparent 250px),radial-gradient(circle at 92% 4%,rgba(39,88,58,.14),transparent 280px),var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(39,88,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(39,88,58,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;min-height:100vh}.view-panel[hidden],.article-card[hidden],.article-reader[hidden],.article-full[hidden],.blog-empty[hidden]{display:none}.site-tabs{display:flex;flex-wrap:wrap;gap:8px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 0}.site-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #cfdac8;border-radius:999px;color:var(--leaf-dark);background:#fffdf8e6;font-size:.88rem;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px #1f2d2312}.site-tab.is-active{color:#fff;border-color:var(--leaf);background:linear-gradient(135deg,var(--leaf),var(--leaf-dark))}.site-tab:focus-visible{outline:3px solid rgba(223,123,79,.3);outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.62fr);gap:24px;width:min(1240px,calc(100% - 40px));margin:0 auto;padding:32px 0 26px;align-items:stretch}.intro-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);grid-template-rows:auto auto auto 1fr;column-gap:32px;align-items:start;min-height:520px;overflow:hidden;padding:44px;border:1px solid var(--soft-line);border-radius:22px;background:linear-gradient(90deg,#fffdf8f5 0 54%,#eff4e9db),var(--panel);box-shadow:var(--shadow)}.intro-panel:after{content:"";position:absolute;inset:auto 34px 28px;height:1px;background:linear-gradient(90deg,#27583a00,#27583a47,#27583a00)}.brand-lockup{display:inline-flex;grid-column:1 / -1;align-items:center;gap:10px;width:max-content;color:var(--leaf-dark);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.brand-mark{width:28px;height:28px;display:block;object-fit:contain}h1,h2,h3,p{margin-top:0}h1{position:relative;z-index:1;grid-column:1;max-width:490px;margin:74px 0 18px;font-family:var(--font-display);font-size:4rem;line-height:.95;font-weight:750;letter-spacing:0}.intro-panel p{position:relative;z-index:1;grid-column:1;max-width:470px;margin-bottom:0;color:#405246;font-size:1.1rem;line-height:1.7}.hero-plate{position:relative;grid-column:2;grid-row:2 / 5;justify-self:end;align-self:start;width:100%;max-width:260px;min-height:348px;margin:54px 0 0}.hero-gallery{isolation:isolate;filter:drop-shadow(0 18px 36px rgba(31,45,35,.16))}.hero-gallery:before,.hero-gallery:after{content:"";position:absolute;inset:12px 4px 18px 18px;z-index:-1;border:1px solid rgba(214,221,204,.88);border-radius:18px;background:#fffdf8b8;transform:rotate(3deg)}.hero-gallery:after{inset:22px 18px 8px 4px;transform:rotate(-4deg);opacity:.72}.hero-frame{position:absolute;inset:0;overflow:hidden;border:1px solid #dce4d3;border-radius:18px;background:var(--hero-image) center / cover no-repeat,var(--paper);opacity:0;transform:translateY(8px) scale(.975);animation:heroPlateCycle 35s ease-in-out infinite;animation-delay:calc(var(--i) * 7s)}.hero-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.58);border-radius:13px}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,248,.16),transparent 28%,rgba(23,54,35,.08)),radial-gradient(circle at 50% 18%,rgba(255,255,255,.28),transparent 42%)}.hero-specimen{position:absolute;z-index:2;width:64px;height:86px;overflow:hidden;border:1px solid rgba(220,228,211,.95);border-radius:12px;background:var(--specimen-image) center / cover no-repeat;box-shadow:0 12px 24px #1f2d2321;opacity:0;--cycle-opacity: .92;animation:heroPlateCycle 35s ease-in-out infinite;animation-delay:calc(var(--i) * 7s)}.hero-specimen-a{--cycle-rotate: 7deg;right:-16px;bottom:28px;transform:rotate(7deg)}.hero-specimen-b{--cycle-rotate: -8deg;left:-18px;bottom:72px;transform:rotate(-8deg)}.hero-specimen-c{--cycle-opacity: .78;--cycle-rotate: -5deg;right:38px;top:-18px;width:54px;height:74px;transform:rotate(-5deg);opacity:.78}.matcher-panel,.results-band{border:1px solid var(--soft-line);border-radius:22px;background:#fffdf8eb;box-shadow:var(--shadow)}.matcher-panel{padding:24px}.form-heading{margin-bottom:20px}.eyebrow{margin-bottom:6px;color:var(--terracotta);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.form-heading h2,.results-head h2{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1.05;letter-spacing:0}.zip-row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:22px;padding:18px;border:1px solid #cbd8c4;border-radius:18px;background:linear-gradient(180deg,#eef4e9e6,#fffdf8eb)}.zip-row p{margin:-3px 0 2px;color:var(--muted);font-size:.88rem;line-height:1.4}.field-row,fieldset{margin:0 0 18px}label,legend{display:block;margin-bottom:8px;color:#233529;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}fieldset{padding:0;border:0}input[type=text],input[type=search],input#zip{width:100%;height:52px;padding:0 15px;border:1px solid #b9c9b0;border-radius:999px;color:var(--ink);background:#fff;outline:none;font-size:1rem;font-weight:650}input#zip{height:58px;padding:0 18px;font-size:1.18rem}input#zip:focus,input[type=text]:focus,input[type=search]:focus{border-color:var(--leaf);box-shadow:0 0 0 4px #27583a1f}.zone-preview{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:32px;padding:0 12px;border:1px solid rgba(39,88,58,.28);border-radius:999px;color:var(--leaf-dark);background:#f3f8ef;font-size:.82rem;font-weight:750}.zone-preview:after{content:"";width:7px;height:7px;margin-left:8px;border-radius:999px;background:var(--leaf)}.zone-preview.is-error{color:#8b3525;border-color:#bf5c3f57;background:#fff3ed}.zone-preview.is-error:after{background:var(--terracotta)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goal-grid,fieldset:nth-of-type(2) .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-grid .option-card{min-height:74px;border-radius:22px;padding-inline:14px}.goal-grid .option-label{font-size:.82rem;line-height:1.12}.goal-grid .option-help{max-width:22ch;margin-inline:auto}.segmented label{position:relative;margin:0;min-width:0}.segmented input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.option-card{position:relative;display:grid;align-content:center;gap:4px;min-height:58px;padding:10px 12px;border:1px solid #d4ddcc;border-radius:999px;color:#35463a;background:#fff;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.option-label{color:#223428;font-size:.88rem;font-weight:800}.option-help{color:var(--muted);font-size:.7rem;font-weight:600;line-height:1.2}.segmented input:checked+.option-card{border-color:#27583a99;color:var(--leaf-dark);background:var(--sage-2);box-shadow:inset 0 0 0 1px #27583a1f,0 8px 18px #27583a1a;transform:translateY(-1px)}.segmented input:checked+.option-card .option-label{color:var(--leaf-dark)}.segmented input:focus-visible+.option-card{outline:3px solid rgba(223,123,79,.3);outline-offset:2px}.match-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--leaf),var(--leaf-dark));font-weight:850;cursor:pointer;box-shadow:0 12px 24px #15372133}.match-button:hover{background:linear-gradient(135deg,#326d49,var(--leaf-dark))}.match-button svg{width:20px;height:20px;fill:currentColor}.results-band{width:min(1180px,calc(100% - 40px));margin:0 auto 44px;padding:28px}.results-head{display:flex;justify-content:space-between;gap:28px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--soft-line)}.results-head>p,.status{max-width:520px;margin:0;color:var(--muted);line-height:1.55}.status{padding-top:16px;font-size:.94rem}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 0 0;margin:0;list-style:none}.result-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:14px;min-height:254px;padding:12px;border:1px solid #e0e5d7;border-radius:18px;background:#fff;box-shadow:0 12px 30px #1f2d2314;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.result-card.top-card{grid-column:1 / -1;grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);min-height:366px;padding:18px;border-color:#27583a47;background:linear-gradient(135deg,#eef4e9ad,#fff 48%),#fff}.result-card>.plant-visual{grid-column:1;grid-row:1 / 4}.result-card>.result-copy{grid-column:2;grid-row:1}.result-card>.plant-details{grid-column:2;grid-row:2}.result-card>.card-actions{grid-column:2;grid-row:3}.result-card:has(.plant-details[open]){grid-column:1 / -1;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);align-items:start;border-color:#27583a57;box-shadow:0 18px 44px #1f2d231f;animation:cardReveal .18s ease-out}.result-card:has(.plant-details[open])>.plant-visual{min-height:310px}.result-card:has(.plant-details[open])>.plant-details{grid-column:1 / -1;grid-row:2}.result-card:has(.plant-details[open])>.card-actions{grid-column:1 / -1;grid-row:3}.result-card:has(.plant-details.has-art[open]){grid-template-columns:minmax(0,1fr)}.result-card:has(.plant-details.has-art[open])>.plant-visual.photo-plate{display:none}.result-card:has(.plant-details.has-art[open])>.result-copy{grid-column:1;grid-row:1}.plant-visual{position:relative;display:grid;place-items:center;min-height:100%;margin:0;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#fff3,#1f2d230a),var(--plate-bg, var(--sage))}.top-card .plant-visual{min-height:330px;border-radius:18px}.plant-visual.photo-plate{background:var(--plant-photo) var(--photo-position, center) / cover no-repeat,linear-gradient(180deg,#fff3,#1f2d230a),var(--plate-bg, var(--sage))}.plant-visual:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.56);border-radius:inherit}.plant-visual:after{content:"";position:absolute;inset:0;opacity:.28;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.82),transparent 80px),repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 1px,transparent 1px 18px)}.plant-visual-icon{position:relative;z-index:1;width:72px;height:72px;background:var(--plate-icon) center / contain no-repeat;filter:drop-shadow(0 10px 18px rgba(31,45,35,.18))}.top-card .plant-visual-icon{width:156px;height:156px}.plant-visual.fruit{--plate-bg: linear-gradient(145deg, #f6d6bd, #f6efe0);--plate-icon: url(/icons/fruit.svg)}.plant-visual.shrub{--plate-bg: linear-gradient(145deg, #cfe2c9, #f3f7ef);--plate-icon: url(/icons/shrub.svg)}.plant-visual.vine{--plate-bg: linear-gradient(145deg, #d9e7c5, #f7f2df);--plate-icon: url(/icons/fruit.svg)}.plant-visual.vegetable{--plate-bg: linear-gradient(145deg, #d7e6b8, #fbf1d8);--plate-icon: url(/icons/vegetable.svg)}.plant-visual.bloom{--plate-bg: linear-gradient(145deg, #f0d2ce, #f9f0df);--plate-icon: url(/icons/flower.svg)}.plant-visual.photo-plate:after{display:none}.rank{position:absolute;top:12px;left:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;color:#fff;background:var(--leaf-dark);font-size:.82rem;font-weight:850}.top-card .rank{width:44px;height:44px;background:var(--terracotta);font-size:1rem}.result-copy{display:flex;flex-direction:column;min-width:0;padding:6px 2px 2px}.top-card .result-copy{justify-content:center;padding:8px 8px 8px 0}.result-title{display:grid;gap:5px;margin-bottom:12px}.result-title h3{margin-bottom:0;font-family:var(--font-display);font-size:1.38rem;line-height:1.08;letter-spacing:0}.plant-name-link{color:inherit;text-decoration:none}.plant-name-link:hover{color:var(--leaf);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.top-card .result-title h3{font-size:2.65rem}.result-title span{color:var(--muted);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.overall-fit{display:inline-grid;grid-template-columns:44px auto;gap:10px;align-items:center;width:max-content;max-width:100%;margin:0 0 12px;padding:6px 12px 6px 6px;border:1px solid #dce6d7;border-radius:999px;background:#f8fbf5}.top-card .overall-fit{grid-template-columns:58px auto;margin-bottom:16px}.fit-ring{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(var(--fit-color, var(--leaf)) var(--fit),#d9e3d2 0)}.top-card .fit-ring{width:50px;height:50px}.fit-ring span{color:var(--leaf-dark);font-size:.68rem;font-weight:850}.overall-fit.good,.overall-fit.workable{--fit-color: var(--gold)}.overall-fit.weak{--fit-color: var(--terracotta)}.overall-fit>div:last-child span{display:block;color:var(--muted);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.overall-fit strong{display:block;color:var(--leaf-dark);font-size:.98rem;line-height:1.1}.winner-note{margin:0 0 10px;color:var(--terracotta);font-weight:750}.result-card p{margin-bottom:14px;color:#3f4d43;font-size:.94rem;line-height:1.55}.top-card p{max-width:680px;font-size:1.05rem}.trait-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:0}.trait-row span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #e0e7d8;border-radius:999px;color:#4d5c50;background:#fbfcf8;font-size:.74rem;font-weight:650}.plant-details{margin:4px 0 0;border:1px solid #dfe6d8;border-radius:14px;background:#fbfdf8;overflow:hidden;transition:border-color .16s ease,background-color .16s ease}.plant-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 12px;color:var(--leaf-dark);font-size:.88rem;font-weight:750;cursor:pointer;list-style:none}.plant-details summary:focus-visible{outline:3px solid rgba(223,123,79,.28);outline-offset:3px}.plant-details summary::-webkit-details-marker{display:none}.plant-details summary svg{width:20px;height:20px;fill:currentColor;transition:transform .16s ease}.plant-details[open] summary{border-bottom:1px solid #e8eddf;background:#f8fbf4}.plant-details[open] summary svg{transform:rotate(180deg)}.details-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(320px,1.14fr) minmax(240px,.86fr);align-items:stretch;gap:16px;padding:16px}.plant-details[open] .details-grid{animation:detailsReveal .19s ease-out}.plant-details:not(.has-art) .details-grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)}.detail-art{position:relative;min-height:310px;margin:0;overflow:hidden;border:1px solid #e3dfd0;border-radius:14px;background:var(--plant-photo) var(--photo-position, center) / cover no-repeat,var(--paper)}.detail-art:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.55);border-radius:10px}.detail-art span{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;padding:8px 10px;border-radius:999px;color:#fff;background:#0d3923d1;font-size:.72rem;font-weight:800;text-align:center}@keyframes cardReveal{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes detailsReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPlateCycle{0%{opacity:0;transform:translateY(8px) scale(.975) rotate(var(--cycle-rotate, 0deg))}4%,18%{opacity:var(--cycle-opacity, 1);transform:translateY(0) scale(1) rotate(var(--cycle-rotate, 0deg))}26%,to{opacity:0;transform:translateY(-7px) scale(1.035) rotate(var(--cycle-rotate, 0deg))}}.detail-panel{min-width:0;padding:14px;border:1px solid #e2e8dc;border-radius:14px;background:#fff}.detail-panel h4{margin:0 0 10px;color:#24352a;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.relationship-panel{grid-column:1 / -1}.relationship-list{display:grid;gap:10px}.relationship-item{padding:12px;border:1px solid #e2e8dc;border-radius:8px;background:#fbfdf8}.relationship-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.relationship-head span,.relationship-head strong{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.relationship-head span{color:var(--terracotta)}.relationship-head strong{color:var(--leaf-dark)}.relationship-item p{margin:0 0 10px;color:#3f4d43;font-size:.88rem;line-height:1.5}.relationship-tags{display:flex;flex-wrap:wrap;gap:7px}.relationship-tags a,.relationship-tags span{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border:1px solid #dfe7d8;border-radius:999px;color:#4d5c50;background:#fff;font-size:.72rem;font-weight:700}.relationship-tags a{text-decoration:none}.relationship-tags a:hover{color:var(--leaf-dark);border-color:#27583a52;background:var(--sage-2)}.fit-chart{display:grid;gap:8px}.fit-row{display:grid;grid-template-columns:minmax(130px,.95fr) minmax(140px,1fr) minmax(70px,auto);align-items:center;gap:12px;min-width:0;padding:9px 10px;border:1px solid #e2e8dc;border-radius:12px;background:#fbfdf8}.fit-copy{display:grid;gap:2px;min-width:0}.fit-copy span{color:#263a2d;font-size:.78rem;font-weight:800}.fit-copy strong{min-width:0;color:var(--muted);font-size:.74rem;font-weight:600}.fit-meter{position:relative;height:18px}.fit-line{position:absolute;top:50%;left:0;right:0;height:5px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#bf5c3f52,#d8ad5570,#27583a7a)}.fit-dot{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #1f2d231f}.fit-row.good .fit-dot{background:var(--leaf)}.fit-row.okay .fit-dot{background:var(--gold)}.fit-row.weak .fit-dot{background:var(--terracotta)}.fit-row em{color:var(--muted);font-size:.68rem;font-style:normal;font-weight:850;text-transform:uppercase;white-space:nowrap;text-align:right}.zone-range{margin-bottom:12px}.range-track{position:relative;height:12px;margin:8px 0;border-radius:999px;background:#dde6d6}.range-fit,.range-pin{position:absolute;top:50%;transform:translateY(-50%)}.range-fit{height:100%;border-radius:999px;background:#27583ac7}.range-pin{width:14px;height:14px;margin-left:-7px;border:2px solid #fff;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 2px #bf5c3f33}.range-labels{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem;font-weight:650}.range-labels strong{color:var(--terracotta)}.plant-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.plant-stats div{min-width:0;padding:9px;border:1px solid #e2e8dc;border-radius:12px;background:#fff}.plant-stats dt{margin-bottom:3px;color:var(--muted);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.plant-stats dd{margin:0;color:#263a2d;font-size:.78rem;font-weight:650}.grow-note{grid-column:2 / -1;margin:0;padding:12px;border-radius:12px;color:#3f4d43;background:#f4f8ef;font-size:.9rem;line-height:1.5}.plant-details:not(.has-art) .grow-note{grid-column:1 / -1}.relationship-panel~.grow-note{grid-column:1 / -1}.card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-self:end;margin-top:auto}.buy-link,.plant-page-action,.nursery-placeholder{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:.84rem;font-weight:750}.buy-link,.plant-page-action{color:#fff;background:var(--leaf);text-decoration:none}.buy-link:hover,.plant-page-action:hover{background:var(--leaf-dark)}.nursery-placeholder{border:1px solid #d8e3d0;color:var(--muted);background:#fbfdf8}.results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:22px}.see-more-button,.save-list-button{min-height:44px;padding:0 18px;border:1px solid #cfdac8;border-radius:999px;color:var(--leaf-dark);background:#fff;font-weight:800;cursor:pointer}.save-list-button{color:#fff;border-color:var(--terracotta);background:var(--terracotta)}.see-more-button:hover,.save-list-button:hover{transform:translateY(-1px)}.see-more-button[hidden],.save-list-button[hidden]{display:none}.public-notes{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1fr);gap:22px;width:min(1180px,calc(100% - 40px));margin:0 auto 54px;padding:28px;border:1px solid var(--soft-line);border-radius:22px;background:#fffdf8e6;box-shadow:var(--shadow)}.public-notes h2{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1.08;letter-spacing:0}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.note-grid article{min-width:0;padding:16px;border:1px solid #e0e7d8;border-radius:16px;background:#fff}.note-grid h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.1rem;line-height:1.15;letter-spacing:0}.note-grid p{margin:0;color:#46574b;font-size:.9rem;line-height:1.56}.blog-view{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:32px 0 54px}.blog-shell{display:grid;gap:20px}.blog-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.62fr);grid-template-areas:"copy photo" "search photo";gap:28px;align-items:stretch;padding:34px;border:1px solid var(--soft-line);border-radius:22px;background:linear-gradient(135deg,#fffdf8f5,#eef4e9e0),var(--panel);box-shadow:var(--shadow)}.blog-hero>div:first-child{grid-area:copy}.blog-hero h1{margin:0 0 12px;font-family:var(--font-display);font-size:3.1rem;line-height:.98;letter-spacing:0}.blog-hero p:not(.eyebrow){max-width:690px;margin:0;color:#405246;font-size:1.04rem;line-height:1.65}.blog-search{grid-area:search;align-self:end;display:grid;gap:8px}.blog-hero-photo,.article-hero-photo{position:relative;overflow:hidden;margin:0;border:1px solid #dfe6d8;border-radius:18px;background:var(--sage-2)}.blog-hero-photo{grid-area:photo;min-height:300px}.article-hero-photo{margin-top:24px;aspect-ratio:16 / 9}.blog-hero-photo img,.article-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{display:grid;gap:12px;min-height:280px;padding:22px;border:1px solid #dfe6d8;border-radius:18px;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbf5f0),#fff;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 12px 30px #1f2d2314;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.article-card:hover{border-color:#27583a57;box-shadow:0 16px 36px #1f2d231f;transform:translateY(-2px)}.article-card:focus-visible{outline:3px solid rgba(223,123,79,.28);outline-offset:3px}.article-category{color:var(--terracotta);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.article-card h2{max-width:720px;margin:0;font-family:var(--font-display);font-size:2.05rem;line-height:1.06;letter-spacing:0}.article-card p{margin:0;color:#405246;font-size:.98rem;line-height:1.6}.article-open{display:inline-flex;align-items:center;width:max-content;min-height:34px;padding:0 12px;border-radius:999px;color:#fff;background:var(--leaf);font-size:.82rem;font-weight:800}.article-tags,.article-full-tags{display:flex;flex-wrap:wrap;gap:7px}.article-tags span,.article-full-tags span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #e0e7d8;border-radius:999px;color:#4d5c50;background:#fbfcf8;font-size:.72rem;font-weight:650}.blog-empty{margin:0;padding:18px;border:1px solid #e0e7d8;border-radius:16px;color:var(--muted);background:#fffdf8e6}.plant-page{width:min(1040px,calc(100% - 40px));margin:32px auto 54px}.back-link{display:inline-flex;align-items:center;min-height:38px;margin-bottom:14px;padding:0 13px;border:1px solid #cfdac8;border-radius:999px;color:var(--leaf-dark);background:#fffdf8f0;font-size:.84rem;font-weight:850;text-decoration:none}.back-link:hover{border-color:#27583a52;background:#fff}.plant-page-hero{display:grid;grid-template-columns:minmax(260px,.44fr) minmax(0,1fr);gap:28px;align-items:stretch;padding:30px;border:1px solid var(--soft-line);border-radius:22px;background:linear-gradient(135deg,#fffdf8fa,#eff4e9bd),var(--panel);box-shadow:var(--shadow)}.plant-page-visual{min-height:380px}.plant-page-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.plant-page-copy h1{max-width:720px;margin:8px 0 18px;font-family:var(--font-display);font-size:3.4rem;line-height:.98;letter-spacing:0}.plant-page-dek{max-width:680px;margin-bottom:20px;color:#405246;font-size:1.12rem;line-height:1.65}.plant-page-tags{display:flex;flex-wrap:wrap;gap:8px}.plant-page-tags span{min-height:30px;padding:5px 10px;border:1px solid #dfe7d8;border-radius:999px;color:#4d5c50;background:#fff;font-size:.76rem;font-weight:800}.plant-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.plant-page-panel{border-radius:8px}.plant-page-panel h2,.plant-page-relationships h2{margin:0 0 12px;color:#24352a;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.plant-page-panel p{margin:0 0 10px;color:#3f4d43;line-height:1.6}.plant-page-panel p:last-child{margin-bottom:0}.plant-page-stats{display:grid;gap:10px;margin:0}.plant-page-stats div{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #edf1e9}.plant-page-stats div:last-child{border-bottom:0}.plant-page-stats dt{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.plant-page-stats dd{margin:0;color:#2f3e34;font-weight:700}.plant-page-relationships{grid-column:1 / -1}.article-reader{display:grid;gap:14px}.back-to-articles{justify-self:start;min-height:40px;padding:0 14px;border:1px solid #cfdac8;border-radius:999px;color:var(--leaf-dark);background:#fff;font-weight:800;cursor:pointer}.article-full{padding:36px;border:1px solid var(--soft-line);border-radius:22px;background:#fffdf8f5;box-shadow:var(--shadow)}.article-page{width:min(960px,calc(100% - 40px));margin:32px auto 54px}.article-full h1{max-width:850px;margin:0 0 16px;font-family:var(--font-display);font-size:3rem;line-height:1.02;letter-spacing:0}.article-dek{max-width:760px;margin:0 0 18px;color:#405246;font-size:1.08rem;line-height:1.65}.article-body{max-width:760px;margin-top:28px}.article-body h2{margin:34px 0 10px;font-family:var(--font-display);font-size:1.8rem;line-height:1.16;letter-spacing:0}.article-body p{margin:0 0 18px;color:#35463a;font-size:1.04rem;line-height:1.78}.article-body a[rel~=sponsored]{display:inline-flex;align-items:center;min-height:34px;margin:2px 2px 3px 0;padding:0 12px;border:1px solid rgba(21,55,33,.18);border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--leaf),var(--leaf-dark));box-shadow:0 8px 16px #15372129;font-size:.94rem;font-weight:850;line-height:1.2;text-decoration:none;vertical-align:baseline}.article-body a[rel~=sponsored]:hover{background:linear-gradient(135deg,#326d49,var(--leaf-dark));box-shadow:0 10px 20px #15372138;transform:translateY(-1px)}.article-body a[rel~=sponsored]:focus-visible{outline:3px solid rgba(223,123,79,.3);outline-offset:2px}.article-body strong{color:var(--leaf-dark)}.article-body em{color:#24352a}@media(max-width:1040px){.workspace,.results-grid{grid-template-columns:1fr 1fr}.intro-panel,.matcher-panel{grid-column:1 / -1}.result-card{grid-template-columns:104px minmax(0,1fr)}}@media(max-width:760px){.workspace,.results-band,.site-tabs,.blog-view,.public-notes,.plant-page,.article-page{width:min(100% - 24px,1180px)}.workspace,.results-grid,.results-head,.blog-hero,.article-list,.public-notes,.plant-page-hero,.plant-page-grid,.note-grid{grid-template-columns:1fr}.blog-hero{grid-template-areas:"copy" "photo" "search"}.site-tabs{padding-top:12px}.workspace{padding-top:12px;gap:14px}.intro-panel,.matcher-panel,.results-band,.blog-hero,.plant-page-hero,.article-full,.public-notes{border-radius:18px;padding:20px}.blog-view{padding-top:14px}.blog-hero{align-items:start}.blog-hero-photo{min-height:auto;aspect-ratio:16 / 9}.blog-hero h1,.plant-page-copy h1,.article-full h1{font-size:2.45rem}.plant-page-visual{min-height:280px}.article-card h2{font-size:1.7rem}.intro-panel{display:block;min-height:auto}h1{margin-top:50px;font-size:3.6rem}.intro-panel p{max-width:none;font-size:1rem}.hero-plate{position:relative;right:auto;top:auto;bottom:auto;width:220px;min-height:292px;margin:28px auto 0;opacity:.92}.segmented,.goal-grid,fieldset:nth-of-type(2) .segmented{grid-template-columns:1fr 1fr}.result-card,.result-card.top-card{grid-template-columns:96px minmax(0,1fr);min-height:250px;padding:12px}.top-card .plant-visual,.plant-visual{min-height:100%}.top-card .plant-visual-icon{width:88px;height:88px}.top-card .result-title h3{font-size:1.72rem}.details-grid,.plant-stats{grid-template-columns:1fr}.grow-note{grid-column:1 / -1}.fit-row{grid-template-columns:1fr auto;align-items:center}.fit-meter{grid-column:1 / -1;grid-row:2}.fit-row em{white-space:normal;text-align:right}}@media(max-width:520px){.site-tab{flex:1 1 140px}h1{font-size:3rem}.blog-hero h1,.plant-page-copy h1,.article-full h1{font-size:2.1rem}.intro-panel{min-height:auto}.hero-plate{width:190px;min-height:252px}.segmented,.goal-grid,fieldset:nth-of-type(2) .segmented{grid-template-columns:1fr}.result-card,.result-card.top-card{grid-template-columns:1fr}.result-card>.plant-visual,.result-card>.result-copy,.result-card>.plant-details,.result-card>.card-actions,.result-card:has(.plant-details[open])>.plant-details,.result-card:has(.plant-details[open])>.card-actions{grid-column:1;grid-row:auto}.plant-visual,.top-card .plant-visual{min-height:160px}.plant-page-stats div{grid-template-columns:1fr;gap:4px}.top-card .result-copy{padding:4px 2px 2px}.overall-fit,.top-card .overall-fit{grid-template-columns:44px auto}}@media(prefers-reduced-motion:reduce){.hero-frame,.hero-specimen{animation:none;opacity:0;transform:none}.hero-frame:first-child{opacity:1}.hero-specimen.is-first{opacity:.9}}