/* LINFA content pages: plants, places, questions, tools and their hubs. Built by src/article.mjs;
 * drawn first on the design canvas (claude.ai artifact 52MB5Q6Lub3GorMw4HmAtq). No inline styles:
 * positions the build computes are classes appended at the end of this file. */
@font-face{font-family:Nunito;src:url(/assets/fonts/Nunito-Bold.woff2) format('woff2');font-weight:700;font-display:optional}
@font-face{font-family:Nunito;src:url(/assets/fonts/Nunito-ExtraBold.woff2) format('woff2');font-weight:800;font-display:optional}
@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FFFFFF}
a{color:#1B2317}a:hover{color:#12633F}
p{margin:0}
img{max-width:100%}
.pg{font:500 17px/1.55 Manrope,system-ui,sans-serif;color:#1B2317;background:#FFFFFF;container-type:inline-size;-webkit-font-smoothing:antialiased;overflow-x:clip}
.pg ::selection{background:#CDE8D8}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 rgba(27,35,23,.06)}
.hd-in{max-width:1080px;margin:0 auto;padding:0 32px;height:56px;display:flex;align-items:center;gap:8px}
.wm{display:flex;align-items:center;min-height:44px;margin-right:20px}
.nav{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;color:#3E4A37;text-decoration:none;border-radius:999px}
.nav a:hover,.nav a[aria-current]{color:#1B2317}
.sp{flex:1}
.cta-s{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#1E9A6A;color:#F4FFF9;font-size:14px;font-weight:800;text-decoration:none;transition:transform .12s ease-out}
.cta-s:hover{color:#F4FFF9;background:#177F58}
.cta-s:active{transform:scale(.96)}
.top{max-width:1160px;margin:0 auto;padding:56px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center}
h1{font:800 104px/.95 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.04em;margin:6px 0 0}
.latin{font-size:18px;color:#5C6A52;margin:16px 0 0}
.diff{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 16px 10px 12px;border-radius:999px;background:#EEF6EA}
.diff .ico{width:20px;height:20px;color:#1E9A6A}
.diff-t{font-size:15px;font-weight:600;color:#3E4A37}
.diff-t b{font-weight:800;color:#1B2317}
.diff-m{display:inline-flex;gap:4px}
.diff-m i{width:18px;height:6px;border-radius:999px;background:#D7E3DB}
.diff-m i.on{background:#1E9A6A}
.answer{margin:28px 0 0;font:700 28px/1.3 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.015em;text-wrap:pretty;max-width:18em}
.answer span{color:#5C6A52}
.jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:32px}
.jbtn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 22px;border-radius:999px;background:#1B2317;color:#FFFFFF;font-weight:800;font-size:16px;text-decoration:none;transition:transform .12s ease-out,background-color .15s}
.jbtn:hover{color:#FFFFFF;background:#2E3A28}
.jbtn:active{transform:scale(.97)}
.jbtn .ico{width:18px;height:18px}
.jlink{font-weight:800;font-size:16px;color:#12633F;text-decoration:underline;text-decoration-color:#A9B39C;text-underline-offset:.25em;min-height:44px;display:inline-flex;align-items:center}
.top-ph{position:relative;padding-bottom:40px}
.top-ph button{padding:0;border:0;background:#EEF0EC;overflow:hidden;cursor:zoom-in;display:block;transition:transform .2s cubic-bezier(.2,.72,0,1)}
.top-ph button:active{transform:scale(.985)}
.top-ph button:focus-visible{outline:3px solid #1E9A6A;outline-offset:3px}
.top-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph-big{width:100%;aspect-ratio:4/5;border-radius:32px}
.ph-th{position:absolute;left:-28px;bottom:0;display:flex;gap:12px}
.ph-th button{width:132px;height:132px;border-radius:22px;box-shadow:0 0 0 5px #FFFFFF,0 14px 30px rgba(27,35,23,.18)}
.cfg{max-width:1080px;margin:120px auto 0;padding:0 32px}
.cfg-h{text-align:center;margin-bottom:40px}
h2{font:800 56px/1.05 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.03em;margin:0;text-wrap:balance}
.sub{font-size:21px;color:#5C6A52;margin:14px auto 0;max-width:30em}
.scene{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#F2F0EA;isolation:isolate}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s cubic-bezier(.2,.72,0,1)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,38,28,0) 25%,rgba(43,38,28,.32));transition:opacity .7s cubic-bezier(.2,.72,0,1);pointer-events:none}
.cold{position:absolute;inset:0;background:rgba(150,178,210,.22);mix-blend-mode:multiply;transition:opacity .7s;pointer-events:none}
.warm{position:absolute;inset:0;background:radial-gradient(60% 70% at 70% 100%,rgba(255,176,120,.28),rgba(255,176,120,0));transition:opacity .7s;pointer-events:none}
.pl{position:absolute;bottom:5%;width:25%;transform:translateX(-50%);transition:left .75s cubic-bezier(.2,.72,0,1),filter .7s cubic-bezier(.2,.72,0,1)}
.pl img{display:block;width:100%;height:auto;position:relative;z-index:1}
.pl::after{content:'';position:absolute;left:14%;right:14%;bottom:-3%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(43,38,28,.28),rgba(43,38,28,0))}
.below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:48px;margin-top:40px;align-items:start}
.ctrls{display:flex;flex-direction:column;gap:22px}
.seg{position:relative;display:grid;padding:4px;border-radius:14px;background:#F0F1EE}
.seg2{grid-template-columns:repeat(2,minmax(0,1fr))}
.seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.thumb{position:absolute;top:4px;bottom:4px;left:4px;border-radius:10px;background:#FFFFFF;box-shadow:0 1px 2px rgba(27,35,23,.1),0 4px 12px rgba(27,35,23,.08);transition:transform .45s cubic-bezier(.2,.72,0,1),width .45s cubic-bezier(.2,.72,0,1)}
.opt{position:relative;z-index:1;min-height:46px;border:0;background:none;border-radius:10px;padding:6px 10px;font:700 15px/1.3 Manrope,system-ui,sans-serif;color:#4A5742;cursor:pointer;transition:color .2s}
.opt.on{color:#1B2317;font-weight:800}
.opt:active{transform:scale(.97)}
.opt:focus-visible{outline:2px solid #1E9A6A;outline-offset:-2px}
.res{padding-top:4px}
.bg-out{opacity:0}.scene.out .bg-out{opacity:1}.scene.out .bg-in{opacity:0}
.shade,.cold,.warm{opacity:0}.scene.far .shade{opacity:1}.scene.winter .cold{opacity:1}.scene.heat .warm{opacity:1}
.todo{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.todo li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.5}
.todo .ico{width:20px;height:20px;margin-top:2px;color:#1E9A6A}
.todo li.warn .ico{color:#8A5A08}
.spec{max-width:1080px;margin:120px auto 0;padding:0 32px}
.spec h2{margin-bottom:40px}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.t{position:relative;border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);padding:28px;overflow:hidden;display:flex;flex-direction:column;gap:6px;color:#1B2317;text-decoration:none}
.t-k{font-size:15px;font-weight:800;color:#3E4A37;margin:0}
.big{font:800 76px/.95 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.04em;margin:10px 0 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.big-u{white-space:nowrap}
.big.sm{font-size:52px}
.big-u{font-size:17px;font-weight:700;margin:6px 0 0}
.mid{font:800 24px/1.2 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.015em;margin:6px 0 0;text-wrap:balance}
.t-b{font-size:15px;line-height:1.45;color:#3E4A37;margin:8px 0 0}
.t-ic{width:30px;height:30px;stroke-width:1.8;color:#1E9A6A;margin-bottom:10px}
.t-water{grid-column:span 4;background:linear-gradient(160deg,#009D66 0%,#177F58 100%);color:#FFFFFF;padding:32px 36px;transition:transform .15s ease-out;box-shadow:0 18px 40px -18px rgba(23,127,88,.55)}
.t-water:hover{color:#F4FFF9}
.t-water:active{transform:scale(.99)}
.t-water .t-k,.t-water .t-b{color:#FFFFFF;opacity:.92}.t-water .t-b{font-weight:600;font-size:16px}
.w2{display:flex;align-items:flex-end;gap:36px;margin-top:4px}
.w2-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.3)}
.t-link{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:18px;font-size:15px;font-weight:800;color:#F4FFF9}
.t-link .ico{width:18px;height:18px}
.t-light{grid-column:span 2;padding:0;min-height:320px;background:#E9DFCF}
.t-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 60%}
.t-lplant{position:absolute;left:4%;bottom:6%;width:40%;height:auto}
.t-over{position:relative;margin-left:auto;width:47%;padding:26px 22px 0 0}
.t-temp,.t-hum,.t-pets{grid-column:span 2}
.thermo{margin-top:auto;padding-top:22px}
.th-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#9CC3E0 0%,#CFE3EE 28%,#BFE0CC 43%,#1E9A6A 100%)}
.th-cut{position:absolute;left:28.6%;width:14.3%;top:-6px;bottom:-6px;border-radius:6px;box-shadow:inset 0 0 0 2px #1B2317}
.th-ax{position:relative;height:18px;margin-top:8px;font-size:12.5px;font-weight:800;color:#5C6A52}
.th-ax span{position:absolute;transform:translateX(-50%)}
.th-ax span:first-child{transform:none}
.lv{display:flex;align-items:flex-end;gap:6px;height:44px;margin-top:auto;padding-top:20px}
.lv span{flex:1;border-radius:6px;background:#D7E3DB}
.lv .lv1{height:34%}.lv .lv2{height:66%}.lv .lv3{height:100%}
.lv .on{background:#1E9A6A}
.lv-l{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;color:#5C6A52;margin-top:8px}
.t-pets{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #E3D3B8}
.t-pets .t-ic{color:#8A5A08}
.t-grow{grid-column:span 2;grid-row:span 2;background:#E7F1EA;min-height:420px}
.t-plant{position:absolute;right:-12%;bottom:-6%;width:86%;height:auto;pointer-events:none}
.t-feed{grid-column:span 4}
.t-feed .lv{max-width:360px}
.t-feed .lv-l{max-width:360px}
.t-feed .t-b{margin-top:14px}
.t-repot,.t-prune{grid-column:span 2;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #E7E8E4}
.water{max-width:1080px;margin:140px auto 0;padding:0 32px;text-align:center}
.wbox{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:end;margin-top:48px;text-align:left}
.wm-l{font-size:15px;font-weight:800;color:#3E4A37;margin:0}
.wm-v{font:800 44px/1.05 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.025em;margin:8px 0 12px}
.wm-n{margin:0;color:#3E4A37;font-size:16px}
.chart{position:relative;height:300px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:0 0 28px 64px}
.grid{position:absolute;left:0;right:0;top:0;bottom:28px;pointer-events:none}
.grid span{position:absolute;left:0;right:0;border-top:1px dashed #E3E5E0;font-size:11.5px;font-weight:700;color:#6B7763;text-align:left;line-height:0;padding-top:0}
.mo{position:relative;height:100%;border:0;background:none;padding:0;cursor:pointer;border-radius:10px}
.mo .rng{position:absolute;left:22%;right:22%;border-radius:999px;background:#D7EADF;transition:background-color .25s}
.mo .exp{position:absolute;left:50%;width:12px;height:12px;margin:0 0 -6px -6px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 2.5px #1E9A6A;transition:transform .35s cubic-bezier(.2,.72,0,1)}
.mo .mi{position:absolute;left:0;right:0;bottom:-26px;font-size:13px;font-weight:800;color:#5C6A52;text-align:center}
.mo:hover .rng{background:#BFDCCB}
.mo.on .rng{background:#1E9A6A}
.mo.on .exp{transform:scale(1.25)}
.mo.on .mi{color:#1B2317}
.mo:focus-visible{outline:2px solid #1E9A6A;outline-offset:2px}
.wfoot{max-width:40em;margin:48px auto 0;color:#5C6A52;font-size:15px}
.how{max-width:1080px;margin:140px auto 0;padding:0 32px;text-align:center}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:56px;text-align:left}
.col .ico{width:36px;height:36px;stroke-width:1.75;color:#1E9A6A}
.col h3{font:800 24px/1.2 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.01em;margin:18px 0 8px}
.col p{margin:0;color:#3E4A37}
.col p+p{margin-top:10px}
.col-a a{color:#1E9A6A;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.care{margin-top:110px}
.cols.n1{grid-template-columns:minmax(0,1fr);max-width:620px;margin-left:auto;margin-right:auto}
.faq{max-width:760px;margin:140px auto 0;padding:0 32px}
.faq h2{text-align:center;margin-bottom:40px}
.faq details{border-bottom:1px solid #E7E8E4}
.faq details:first-of-type{border-top:1px solid #E7E8E4}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;font:800 20px/1.35 Nunito,ui-rounded,system-ui,sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{color:#5C6A52;transition:transform .35s cubic-bezier(.2,.72,0,1)}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 48px 24px 0;color:#3E4A37}
.app{max-width:1080px;margin:160px auto 0;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center}
.app h2{font-size:48px}
.app p.lede{font-size:19px;color:#3E4A37;margin:18px 0 0;max-width:28em}
.phone{position:relative;width:300px;aspect-ratio:1350/2760;justify-self:center;filter:drop-shadow(0 30px 40px rgba(27,35,23,.18))}
.phone .scr{position:absolute;left:5.333%;top:2.5%;width:89.333%;height:95%;border-radius:13.6%/6.3%;overflow:hidden;background:#FAFAF7}
.phone .scr img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone .frame{position:absolute;inset:0;width:100%;height:100%}
.ft{margin-top:160px;background:#F6F7F5;padding:28px 0 40px;font-size:13px;color:#5C6A52}
.ft-in{max-width:1080px;margin:0 auto;padding:0 32px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
.ft a{color:#3E4A37;text-decoration:none;font-weight:700}
.ft a:hover{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.thumb,.fill,.pl,.bg,.shade,.cold,.warm,.faq summary .ico{transition:none}.opt:active,.btn:active,.cta-s:active{transform:none}}
@media (prefers-reduced-transparency:reduce){.hd{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none}}
@container (max-width:900px){.top{grid-template-columns:minmax(0,1fr);gap:36px}.ph-th{left:16px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.t-water,.t-feed{grid-column:span 2}.t-light,.t-temp,.t-hum,.t-pets,.t-repot,.t-prune{grid-column:span 1}.t-grow{grid-column:span 1;grid-row:span 2}.wbox{grid-template-columns:minmax(0,1fr);gap:28px}.navw{display:none}.mnav{display:block}.below,.app{grid-template-columns:minmax(0,1fr)}.cols{grid-template-columns:minmax(0,1fr);gap:36px}.phone{width:240px}.scene{aspect-ratio:4/3}.pl{width:30%}}
@container (max-width:600px){.top{padding:16px 16px 0;gap:28px}h1{font-size:64px}.latin{font-size:16px}.answer{font-size:22px;margin-top:24px}.ph-big{border-radius:24px;aspect-ratio:1/1}.ph-th{left:12px}.ph-th button{width:88px;height:88px;border-radius:16px;box-shadow:0 0 0 4px #FFFFFF,0 10px 20px rgba(27,35,23,.18)}.spec,.water{padding:0 16px}.spec,.water{margin-top:100px}.bento{grid-template-columns:minmax(0,1fr)}.t-water,.t-feed,.t-light,.t-temp,.t-hum,.t-pets,.t-repot,.t-prune,.t-grow{grid-column:span 1}.t-grow{grid-row:auto}.big{font-size:46px}.big.sm{font-size:42px}.w2{gap:16px}.t-water{padding:26px 22px}.big-u{font-size:15px}.chart{gap:3px;height:240px}.wm-v{font-size:36px}.hd-in{padding:0 12px 0 16px}.cfg,.how,.faq,.app,.prose-s{padding:0 16px}.cfg{margin-top:88px}h2{font-size:38px}.sub{font-size:18px}.scene{aspect-ratio:1/1;border-radius:22px}.pl{width:40%}.opt{font-size:14px;padding:6px 6px}.res-v{font-size:34px}.how,.faq,.app{margin-top:100px}.app h2{font-size:36px}.wl-row{flex-direction:column}.faq summary{font-size:18px}.faq details p{padding-right:8px}}
nav.crumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
nav.crumb li+li::before{content:"›";margin:0 8px;color:#9AA593;font-weight:700}
nav.crumb a{color:#5C6A52;text-decoration:none}nav.crumb a:hover{color:#12633F}
nav.crumb [aria-current]{color:#1B2317}
.upd{margin:20px 0 0;font-size:14px;font-weight:600;color:#5C6A52}.upd a{color:#3E4A37;text-underline-offset:3px}
h3.t-k,h3.lr-k,h3.v-w{font-family:inherit;letter-spacing:inherit;line-height:inherit}
.faq summary h3{font:inherit;margin:0;letter-spacing:inherit}
.t-a{display:inline-block;margin-top:10px;font-size:15px;font-weight:800;color:#12633F;text-underline-offset:3px}
.rel{max-width:1080px;margin:140px auto 0;padding:0 32px}
.rel h2{margin-bottom:32px}
.rel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rel-g a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;min-height:120px;padding:16px 24px 16px 16px;border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);color:#1B2317;text-decoration:none;font:800 20px/1.25 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.01em;transition:transform .15s ease-out}
.rel-g a:active{transform:scale(.98)}
.rel-g img{width:88px;height:88px;object-fit:contain}
.rel-g img.ph{object-fit:cover;border-radius:16px}
.mtab{max-width:560px;margin:36px auto 0;text-align:left}
.mtab summary{cursor:pointer;font-weight:800;color:#12633F;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:center}
.mtab summary::-webkit-details-marker{display:none}
.mtab table{width:100%;border-collapse:collapse;margin-top:8px;font-size:16px}
.mtab th,.mtab td{padding:10px 8px;border-bottom:1px solid #E7E8E4;text-align:left;font-weight:600}
.mtab thead th{font-size:14px;color:#5C6A52;font-weight:800}
.mtab tbody th{font-weight:800}
.prose{max-width:40em;margin:0;font-size:19px;color:#3E4A37}
.prose+.prose{margin-top:16px}
.lnote{max-width:44em;margin:32px 0 0;font-size:16px;color:#5C6A52}
@container (max-width:900px){.rel-g{grid-template-columns:minmax(0,1fr)}}
@container (max-width:600px){.rel{padding:0 16px;margin-top:96px}}
.scene .pl{left:24%}.scene.far .pl{left:68%;filter:brightness(.86) saturate(.88)}.scene.out .pl{left:24%}.scene.out.sun .pl{left:56%}
.hero-sc{position:relative;aspect-ratio:4/3.4;border-radius:32px;overflow:hidden;background:#EFE6D6}
.hero-sc .hp{position:absolute;bottom:5%;height:auto;transform:translateX(-50%)}
.test{max-width:1080px;margin:120px auto 0;padding:0 32px}
.test-h{text-align:center;margin-bottom:36px}
.plist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.pc{border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);padding:18px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;color:#1B2317;transition:transform .15s ease-out}
.pc:active{transform:scale(.98)}
.pc img{width:100%;height:150px;object-fit:contain;margin-bottom:8px}
.pc-n{font:800 19px/1.2 Nunito,ui-rounded,system-ui,sans-serif;margin:0}
.pc-l{font-size:14px;color:#3E4A37;margin:0}
.pc-d{font-size:13px;font-weight:700;color:#12633F;margin:4px 0 0}
.pc-tag{margin-top:10px;font-size:12.5px;font-weight:800;color:#12633F;background:#DDEEE4;border-radius:999px;padding:4px 10px}
.bt3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bt3 > .t{grid-column:auto}
@container (max-width:900px){.plist{grid-template-columns:repeat(2,minmax(0,1fr))}.bt3{grid-template-columns:minmax(0,1fr)}}
.qph{border-radius:32px;overflow:hidden;aspect-ratio:4/3.4;background:#EEF0EC}
.qph img{width:100%;height:100%;object-fit:cover;display:block}
.where{max-width:1080px;margin:120px auto 0;padding:0 32px;text-align:center}
.where .seg{margin-top:32px}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.vcard{border-radius:28px;padding:28px;text-align:left;display:flex;flex-direction:column;gap:16px}
.v-w{margin:0 0 6px;font-size:14px;font-weight:800;color:#3E4A37}
.vcard.no{background:#FBF1E2}
.vcard.yes{background:#E7F3EC}
.vbadge{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.vcard.no .vbadge{background:#8A5A08;color:#FFFFFF}
.vcard.yes .vbadge{background:#1E9A6A;color:#FFFFFF}
.vbadge .ico{width:30px;height:30px;stroke-width:2.4}
.v-k{font:800 30px/1.1 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.02em;margin:0}
.v-t{margin:10px 0 0;font-size:16px;line-height:1.5;color:#1B2317}
.instead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.in-t{position:relative;border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);padding:28px 28px 28px 200px;min-height:200px;overflow:hidden}
.in-t img{position:absolute;left:18px;bottom:0;width:160px;height:auto}
@container (max-width:900px){.instead,.vgrid{grid-template-columns:minmax(0,1fr)}}
@container (max-width:600px){.where{padding:0 16px;margin-top:88px}.vcard{grid-template-columns:minmax(0,1fr);padding:24px}.in-t{padding:24px 24px 24px 140px}.in-t img{width:118px}}
.daycard{border-radius:32px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);padding:32px}
.daycard .seg{margin-bottom:28px}
.dc-k{font-size:15px;font-weight:800;color:#3E4A37;margin:0}
.dc-v{font:800 52px/1.02 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.03em;margin:8px 0 6px}
.dc-t{margin:0;color:#3E4A37;font-size:16px;max-width:30em}
.day{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:26px}
.hr{height:56px;border-radius:8px;background:#E4E6E1;transition:background-color .45s cubic-bezier(.2,.72,0,1)}
.hr.sky{background:#D9E8F2}
.hr.maybe{background:#F5D9A3}
.hr.sun{background:#F0B24A}
.hr.dim{background:#DCDDD6}
.day-ax{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:8px;font-size:12.5px;font-weight:800;color:#5C6A52}
.day-ax span{grid-column:span 3}
.key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;font-weight:700;color:#3E4A37}
.key i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.ex a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#1B2317;border-radius:20px;background:#FFFFFF;padding:14px 10px 12px;transition:transform .15s ease-out}
.ex a:active{transform:scale(.97)}
.ex img{width:100%;height:110px;object-fit:contain}
.ex span{font-weight:800;font-size:15px}
.ex-k{margin:24px 0 0;font-size:15px;font-weight:800;color:#3E4A37}
.labels{max-width:1080px;margin:120px auto 0;padding:0 32px}
.labels h2{margin-bottom:16px}
.lrows{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.lrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;border-radius:28px;background:#FFFFFF;box-shadow:0 0 0 1px #ECE8DC,0 10px 30px rgba(27,35,23,.06);padding:28px}
.lr-k{font-size:15px;font-weight:800;color:#3E4A37;margin:0}
.lr-v{font:800 30px/1.1 Nunito,ui-rounded,system-ui,sans-serif;letter-spacing:-.02em;margin:4px 0 6px}
.lr-t{margin:0;font-size:15px;color:#3E4A37}
.lrow .day{margin-top:0}
.lrow .ex{margin-top:0}
.win{max-width:1080px;margin:120px auto 0;padding:0 32px}
.win-card{position:relative;border-radius:32px;overflow:hidden;min-height:420px;display:flex;align-items:flex-start;background:#F3E2C8}
.win-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 60%}
.win-card img.pl2{position:absolute;left:18%;bottom:6%;width:20%;height:auto}
.win-tx{position:relative;margin-left:auto;width:48%;padding:44px 44px 0 0}
.win-tx h2{font-size:44px}
.win-tx p{font-size:18px;color:#3E4A37;margin:14px 0 0}
@container (max-width:900px){.lrow{grid-template-columns:minmax(0,1fr)}.win-tx{width:100%;padding:28px 24px 0}.win-card{min-height:520px}.win-card img.pl2{width:32%;left:30%}}
@container (max-width:600px){.daycard{padding:20px}.dc-v{font-size:38px}.hr{height:40px}.win{padding:0 16px;margin-top:88px}.win-tx h2{font-size:32px}}
.skip{position:absolute;left:12px;top:-60px;z-index:30;padding:10px 16px;border-radius:999px;background:#1B2317;color:#FFFFFF;font-weight:700;text-decoration:none}
.skip:focus{top:10px;color:#FFFFFF}
.navw{display:block}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;cursor:pointer;color:#1B2317}
.mnav summary::-webkit-details-marker{display:none}
.mnav ul{position:absolute;right:0;top:48px;list-style:none;margin:0;padding:8px;min-width:200px;border-radius:18px;background:#FFFFFF;box-shadow:0 12px 40px rgba(27,35,23,.16),0 0 0 1px rgba(27,35,23,.06)}
.mnav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;font-weight:700;text-decoration:none;color:#1B2317}
.mnav a:hover{background:#EEF6EA}
nav.crumb{font-size:14px;font-weight:700;min-height:44px;display:flex;align-items:center}
nav.crumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
nav.crumb li+li::before{content:"›";margin:0 8px;color:#9AA593;font-weight:700}
nav.crumb a{color:#5C6A52;text-decoration:none}nav.crumb a:hover{color:#12633F}
nav.crumb [aria-current]{color:#1B2317}
.top-tx h1.mid-h1{font-size:76px}.top-tx h1.sm-h1{font-size:64px}.top-tx h1.xs-h1{font-size:56px}
.hero-sc .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 70%}
.hero-sc .bg.p0-75{object-position:0% 75%}
.lb{border:0;padding:48px;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:rgba(18,22,16,.92);display:none;align-items:center;justify-content:center;box-sizing:border-box}
.lb[open]{display:flex}
.lb::backdrop{background:transparent}
.lb-f{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(1100px,100%)}
.lb-f img{max-width:100%;max-height:78vh;border-radius:16px;display:block}
.lb-f figcaption{font-size:13px;color:rgba(255,255,255,.72)}
.lb-x{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.no-js .top-ph button{cursor:default}
.res h3{font-size:13px;font-weight:800;color:#3E4A37;margin:0;font-family:inherit;letter-spacing:0}
.todo li[hidden]{display:none}
.tip-c{display:block;font-weight:800;color:#1B2317}
.js .tip-c{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scene .pl{left:24%}.scene.far .pl{left:68%;filter:brightness(.86) saturate(.88)}.scene.out .pl{left:24%}.scene.out.sun .pl{left:56%}
.thumb.n2{width:calc((100% - 8px) / 2)}.thumb.n3{width:calc((100% - 8px) / 3)}.thumb.n4{width:calc((100% - 8px) / 4)}.thumb.i1{transform:translateX(100%)}.thumb.i2{transform:translateX(200%)}.thumb.i3{transform:translateX(300%)}
.no-js .cfg .seg,.no-js .cfg .scene{display:none}
.plist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
a.pc:hover{color:#12633F}
.grp{max-width:1080px;margin:96px auto 0;padding:0 32px}
.grp h2{margin:0}
.grp .sub{text-align:left;margin:10px 0 0;max-width:36em}
.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#12633F;margin-top:28px}
.dot{width:8px;height:8px;border-radius:50%;background:#1E9A6A}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:0;background:#1E9A6A;color:#F4FFF9;font:800 16px/1 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:transform .15s ease-out,background-color .2s}
.btn:hover{background:#177F58;color:#F4FFF9}
.btn:active{transform:scale(.97)}
.wl{margin-top:14px;display:flex;flex-direction:column;gap:10px;max-width:520px}
.wl>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wl-row{display:flex;flex-wrap:wrap;gap:10px}
.wl input[type="email"]{flex:1 1 220px;min-width:0;height:52px;border-radius:14px;border:1.7px solid #A9B39C;background:#FFFFFF;padding:0 16px;font:500 16px Manrope,system-ui,sans-serif;color:#1B2317;box-sizing:border-box}
.wl input[type="email"]:focus{outline:none;border-color:#1E9A6A;box-shadow:0 0 0 4px rgba(30,154,106,.18)}
.wl .btn[disabled]{opacity:.7;cursor:progress}
.wl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wl-msg{margin:0;min-height:1.5em;font-weight:700}
.wl-msg.ok,.wl-ok{color:#12633F}
.wl-msg.bad,.wl-bad{color:#A33A22}
.wl-static{display:none;margin:0;font-weight:700}
.wl-static:target{display:block}
.wl .wl-note{margin:0;font-size:13px;color:#5C6A52}
.wl .wl-note a{color:#5C6A52}
.ft-in+.ft-in{margin-top:14px}
.ft button{border:0;background:none;padding:0;font:inherit;font-weight:700;color:#3E4A37;cursor:pointer}
.ft button:hover{text-decoration:underline}
.ft-ai{font-size:12.5px}
.consent{position:fixed;z-index:40;left:24px;bottom:24px;width:min(400px,calc(100vw - 32px));box-sizing:border-box;padding:20px 22px;border-radius:22px;background:#FFFFFF;box-shadow:0 18px 50px rgba(27,35,23,.2),0 0 0 1px rgba(27,35,23,.06)}
.consent[hidden]{display:none}
.consent h2{font-size:18px;line-height:1.25;letter-spacing:-.01em}
.consent p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#3E4A37}
.consent p a{color:#12633F;font-weight:700}
.consent-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.consent .btn{min-height:46px;padding:0 18px;background:#1B2317;color:#FFFFFF}
.consent .btn:hover{background:#12633F}
@media (max-width:560px){.consent{left:16px;bottom:16px;right:16px;width:auto}}
.about{max-width:760px;margin:96px auto 0;padding:0 32px}
.about h2{font-size:34px;margin:56px 0 12px}
.about p{font-size:19px;color:#3E4A37}
.hub-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
@container (max-width:900px){.lrow .ex{max-width:420px}.hub-g{grid-template-columns:minmax(0,1fr)}.top-tx h1.mid-h1,.top-tx h1.sm-h1{font-size:56px}.top-tx h1.xs-h1{font-size:48px}}
@container (max-width:600px){.grp,.about{padding:0 16px;margin-top:72px}.top-tx h1.mid-h1,.top-tx h1.sm-h1,.top-tx h1.xs-h1{font-size:42px}.about h2{font-size:28px}.labels,.win,.where,.test,.rel{padding:0 16px}.lrow{padding:20px}}
@media (prefers-reduced-motion:reduce){.thumb,.pl,.bg,.shade,.cold,.warm,.faq summary .ico,.hr{transition:none}.opt:active,.btn:active,.cta-s:active,.jbtn:active,.pc:active{transform:none}}
@container (max-width:900px){.navw{display:none}.mnav{display:block}.plist{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* the store buttons that replace the waitlist when the app is out (content/launch.json) */
.stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.store { display: inline-flex; flex-direction: column; justify-content: center; min-height: 56px; min-width: 168px; padding: 6px 22px 7px; box-sizing: border-box; border-radius: 14px; background: #1B2317; color: #FFFFFF; text-decoration: none; line-height: 1.1; transition: transform .15s ease-out, background-color .2s; }
.store small { font-size: 12px; font-weight: 600; opacity: .82; }
.store span { font: 800 20px/1.1 Nunito, ui-rounded, system-ui, sans-serif; letter-spacing: -.01em; }
.store:hover { background: #12633F; color: #FFFFFF; }
.store:active { transform: scale(.97); }
.store:focus-visible { outline: 3px solid #1E9A6A; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .store:active { transform: none; } }
/* plant pages built from the catalogue: a tile the catalogue has no words for is left out, and on a wide screen
   the build gives the rest spans that fill each row of the six-column grid */
@container (min-width:901px){.bento .s2{grid-column:span 2}.bento .s3{grid-column:span 3}.bento .s4{grid-column:span 4}.bento .s6{grid-column:span 6}.bento .t-grow:not(.r2){grid-row:auto;min-height:280px}.cols.n2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:900px){.bento{grid-auto-flow:row dense}}
.faq .ed{margin-top:32px}
/* the comparison table (a question page's "compare" block): scrolls inside its box on a narrow screen */
.cmp-w{margin-top:32px;overflow-x:auto;border:1px solid #E7E8E4;border-radius:24px;background:#FFFFFF}
.cmp-w:focus-visible{outline:3px solid #1E9A6A;outline-offset:2px}
.cmp table{width:100%;min-width:900px;table-layout:fixed;border-collapse:collapse;font-size:15px;line-height:1.45}
.cmp th,.cmp td{padding:14px 16px;text-align:left;vertical-align:top;border-top:1px solid #E7E8E4;color:#3E4A37}
.cmp thead th,.cmp thead td{border-top:0;font:800 16px/1.2 Nunito,ui-rounded,system-ui,sans-serif;color:#1B2317}
.cmp tbody th{font-weight:800;color:#1B2317}
.cmp thead td{width:140px}
.cmp .us{background:#EEF7F0}
.cmp thead .us{color:#12633F}

/* the catalogue card: the frame the build draws, filled in the browser from the public species read */
.cd-ph{margin:0;padding-bottom:40px}
.cd-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:32px;background:#EEF0EC;display:block}
.cd-ph figcaption{margin-top:10px;font-size:13px;color:#5C6A52}
.cd-mt{margin:0}
.cd-care{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.cd-sec h3{font:800 22px/1.2 Nunito,ui-rounded,system-ui,sans-serif;margin:0 0 8px}
.cd-sec p{margin:0;color:#3E4A37}
.cd-err{text-align:center}
.cd-err p{margin:0 auto 16px}
@container (max-width:900px){.cd-care{grid-template-columns:minmax(0,1fr)}}
@container (max-width:600px){.cd-ph img{border-radius:24px;aspect-ratio:1/1}}

/* the guides' search (src/search.mjs, src/search.js): on the homepage's guides, on each hub and in the pages' header */
.ps { position: relative; font: 500 16px/1.6 Manrope, system-ui, -apple-system, sans-serif; color: #1B2317; -webkit-font-smoothing: antialiased; }
.ps:not([data-ready]) { visibility: hidden; } /* search.js marks it ready; without JavaScript it has nothing to do */
.ps .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ps-f { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 10px 0 22px; box-sizing: border-box; border-radius: 999px; background: #FFFFFF;
  box-shadow: 0 0 0 1.5px #D9D4C5, 0 10px 28px rgba(27, 35, 23, .07); transition: box-shadow .18s ease-out; }
.ps-f:focus-within { box-shadow: 0 0 0 1.5px #1E9A6A, 0 0 0 6px rgba(30, 154, 106, .14), 0 12px 32px rgba(27, 35, 23, .08); }
.ps-ico { flex: none; width: 22px; height: 22px; fill: none; stroke: #1E9A6A; stroke-width: 2.4; stroke-linecap: round; }
.ps input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font: 600 18px/1 Manrope, system-ui, sans-serif; color: #1B2317; -webkit-appearance: none; appearance: none; }
.ps input::placeholder { color: #6B7764; font-weight: 500; }
.ps input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ps-clear, .ps-back, .ps-open { flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #4A5742; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ps-clear svg, .ps-back svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ps-clear:hover, .ps-back:hover, .ps-open:hover { background: #EEF6EA; }
.ps-clear[hidden] { display: none; }
.ps-back { display: none; color: #1B2317; }
.ps-drop { position: absolute; left: 0; right: 0; top: calc(100% + 12px); z-index: 30; max-height: min(520px, 70vh); overflow-y: auto; padding: 10px; box-sizing: border-box;
  border-radius: 24px; background: #FFFFFF; box-shadow: 0 0 0 1px #ECE8DC, 0 24px 60px rgba(27, 35, 23, .16); text-align: left; }
.ps-drop[hidden] { display: none; }
.ps-grp { margin: 8px 12px 4px; font: 700 12px/1.4 Manrope, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #4A5742; }
.ps-row { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 6px 12px; border-radius: 16px; color: #1B2317; text-decoration: none; }
.ps-row.on, .ps-row:focus-visible { background: #EEF6EA; color: #1B2317; outline: 0; }
.ps-row img { flex: none; width: 44px; height: 44px; object-fit: contain; }
.ps-tx { min-width: 0; display: flex; flex-direction: column; }
.ps-plant .ps-tx { flex: 1; flex-direction: row; align-items: baseline; gap: 12px; }
.ps-nm { font: 800 17px/1.3 Nunito, ui-rounded, system-ui, sans-serif; letter-spacing: -.005em; }
.ps-nm mark { background: transparent; color: #12633F; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ps-lat { margin-left: auto; font-style: italic; font-size: 14px; color: #4A5742; white-space: nowrap; }
.ps-k { font: 700 12px/1.5 Manrope, system-ui, sans-serif; color: #12633F; }
.ps-empty { padding: 16px 14px 12px; }
.ps-empty p { margin: 0; }
.ps-e1 { font: 800 18px/1.3 Nunito, ui-rounded, system-ui, sans-serif; color: #1B2317; }
.ps-e2 { margin-top: 6px !important; color: #4A5742; font-size: 15px; line-height: 1.5; }
.ps-e2 a { font-weight: 800; color: #12633F; }
.ps-try { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 12px 10px; }
.ps-chip { min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: #FFFFFF; box-shadow: 0 0 0 1px #ECE8DC; color: #1B2317; font: 700 15px/1 Manrope, system-ui, sans-serif; cursor: pointer; }
.ps-chip:hover { box-shadow: 0 0 0 1px #1E9A6A; }

/* the wide field: the homepage's guides and the hubs */
.ps-big { max-width: 760px; margin-top: 32px; }

/* the header's field */
.ps-nav { flex: 0 1 280px; min-width: 0; margin: 0 8px; }
.ps-nav .ps-open { display: none; color: #1B2317; }
.ps-nav .ps-open .ps-ico { stroke: #1B2317; }
.ps-nav .ps-f { height: 42px; padding: 0 4px 0 14px; gap: 8px; box-shadow: 0 0 0 1px #D9D4C5; }
.ps-nav .ps-f:focus-within { box-shadow: 0 0 0 1.5px #1E9A6A, 0 0 0 4px rgba(30, 154, 106, .14); }
.ps-nav .ps-ico { width: 18px; height: 18px; }
.ps-nav input { font-size: 15px; }
.ps-nav .ps-clear { width: 34px; height: 34px; }
.ps-nav .ps-drop { left: auto; right: 0; width: min(440px, calc(100vw - 32px)); top: calc(100% + 10px); }
.ps-nav .ps-lat { display: none; }
@media (max-width: 720px) {
  .ps-big .ps-f { height: 56px; padding-left: 18px; }
  .ps-big input { font-size: 16px; }
  .ps-big .ps-lat { display: none; }
  .ps-nav { flex: none; margin: 0; }
  .ps-nav .ps-open { display: flex; }
  .ps-nav .ps-box { display: none; }
  .ps-nav.full .ps-box { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 100; background: #FFFFFF; }
  .ps-nav.full .ps-f { height: auto; min-height: 72px; margin: 0; padding: 12px 12px 12px 6px; border-radius: 0; box-shadow: 0 1px 0 #ECE8DC; }
  .ps-nav.full .ps-f:focus-within { box-shadow: 0 1px 0 #ECE8DC; }
  .ps-nav.full .ps-back { display: flex; }
  .ps-nav.full input { height: 48px; font-size: 17px; }
  .ps-nav.full .ps-drop { position: static; width: auto; max-height: none; flex: 1; padding: 6px 0 24px; border-radius: 0; box-shadow: none; }
  .ps-nav.full .ps-row { min-height: 64px; padding: 6px 20px; border-radius: 0; }
  .ps-nav.full .ps-row img { width: 48px; height: 48px; }
  .ps-nav.full .ps-grp { margin: 18px 20px 4px; }
  .ps-nav.full .ps-try { padding: 6px 20px; }
  .ps-nav.full .ps-empty { padding: 28px 20px; }
  .ps-nav.full .ps-plant .ps-tx { flex-direction: column; gap: 0; align-items: flex-start; }
  .ps-nav.full .ps-lat { display: block; margin-left: 0; font-size: 13px; }
  html.ps-lock, html.ps-lock body { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) { .ps-f { transition: none; } }
.hub-g a[hidden] { display: none; }
/* a catalogue row: the species' photo, cropped like a thumbnail, or a quiet tile when it has none */
.ps-row img[src^="https://"] { object-fit: cover; border-radius: 10px; }
.ps-noimg { flex: none; width: 44px; height: 44px; border-radius: 10px; background: #EEF0EC; }

/* generated: positions the build computed */
.g0{left:30%}
.g1{width:22%}
.g2{left:58%}
.g3{width:26%}
.g4{left:84%}
.g5{width:16%}
.g6{width:28%}
.g7{left:66%}
.g8{width:24%}
.g9{left:22%}
.ga{left:48%}
.gb{left:20%}
.gc{width:20%}
.gd{left:76%}
.ge{left:60%}
.gf{left:26%}
.gg{left:46%}
.gh{left:74%}
.gi{grid-column:span 2}
.gj{text-align:right}
.gk{left:16%}
.gl{background:#F0B24A}
.gm{background:#F5D9A3}
.gn{background:#D9E8F2}
.go{left:40%}
.gp{left:70%}
.gq{left:44%}
.gr{width:18%}
.gs{left:86%}
.gt{left:50%}
.gu{left:64%}
.gv{width:32%}
.gw{left:52%}
.gx{left:72%}
.gy{left:88%}
.gz{left:80%}
.g10{left:0.0%}
.g11{width:1.0%}
.g12{left:85.7%}
.g13{bottom:22.7%}
.g14{bottom:45.5%}
.g15{bottom:68.2%}
.g16{bottom:90.9%}
.g17{height:45.5%}
.g18{bottom:63.6%}
.g19{bottom:31.8%}
.g1a{height:31.8%}
.g1b{height:22.7%}
.g1c{bottom:18.2%}
.g1d{height:13.6%}
.g1e{bottom:13.6%}
.g1f{bottom:27.3%}
.g1g{bottom:40.9%}
.g1h{bottom:36.4%}
.g1i{height:40.9%}
.g1j{bottom:54.5%}
.g1k{left:2.9%}
.g1l{width:11.4%}
.g1m{left:14.3%}
.g1n{bottom:16.8%}
.g1o{bottom:33.7%}
.g1p{bottom:50.5%}
.g1q{bottom:67.3%}
.g1r{bottom:84.2%}
.g1s{height:57.2%}
.g1t{bottom:57.2%}
.g1u{bottom:30.3%}
.g1v{height:52.2%}
.g1w{bottom:26.9%}
.g1x{height:43.8%}
.g1y{bottom:43.8%}
.g1z{bottom:23.6%}
.g20{height:40.4%}
.g21{bottom:40.4%}
.g22{bottom:21.9%}
.g23{height:35.4%}
.g24{bottom:35.4%}
.g25{height:47.1%}
.g26{bottom:32.0%}
.g27{bottom:52.2%}
.g28{width:14.3%}
.g29{left:28.6%}
.g2a{left:51.4%}
.g2b{bottom:25.3%}
.g2c{bottom:75.8%}
.g2d{height:55.6%}
.g2e{bottom:55.6%}
.g2f{height:50.5%}
.g2g{bottom:20.2%}
.g2h{left:42.9%}
.g2i{bottom:32.5%}
.g2j{bottom:64.9%}
.g2k{bottom:23.9%}
.g2l{bottom:47.8%}
.g2m{bottom:71.8%}
.g2n{bottom:33.5%}
.g2o{height:57.4%}
.g2p{bottom:57.4%}
.g2q{bottom:28.7%}
.g2r{height:52.6%}
.g2s{bottom:52.6%}
.g2t{height:43.1%}
.g2u{bottom:43.1%}
.g2v{height:38.3%}
.g2w{bottom:38.3%}
.g2x{bottom:19.1%}
.g2y{height:47.8%}
.g2z{bottom:39.0%}
.g30{bottom:58.4%}
.g31{height:39%}
.g32{bottom:51.9%}
.g33{height:32.5%}
.g34{left:11.4%}
.g35{width:8.6%}
.g36{left:20.0%}
.g37{height:27.3%}
.g38{bottom:60.6%}
.g39{height:3%}
.g3a{bottom:48.5%}
.g3b{height:21.2%}
.g3c{bottom:33.3%}
.g3d{height:24.2%}
.g3e{bottom:39.4%}
.g3f{bottom:21.2%}
.g3g{bottom:21.6%}
.g3h{bottom:43.3%}
.g3i{bottom:86.6%}
.g3j{height:30.3%}
.g3k{left:24%}
.g3l{left:78%}