/* Plant page */
.plant{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start;padding-top:8px}
.plant__gallery{min-width:0}
.plant__main{display:block;border-radius:var(--r-xl);overflow:hidden;background:var(--tile)}
.plant__main img{width:100%;aspect-ratio:4/3;object-fit:cover}
.plant__thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:8px}
.plant__thumb{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:var(--tile)}
.plant__thumb img{width:100%;height:100%;object-fit:cover}
.plant__thumb:hover{filter:brightness(.95)}
.plant__mainmark{position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center}
.plant__more{display:grid;place-items:center;aspect-ratio:1/1;border-radius:14px;background:var(--fg);color:var(--bg);font:600 18px var(--mono);text-decoration:none}
.plant__caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 4px 0}
.plant__nophoto{aspect-ratio:4/3;border-radius:var(--r-xl);border:2px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.plant__nophoto h2{font-size:20px}
.plant__nophoto p{margin:0}

.plant__info{display:flex;flex-direction:column;gap:14px;min-width:0}
.plant__title{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0}
.plant__author{font-size:15px;margin-top:4px}
.plant__names{margin-top:10px;gap:6px}
.plant__syn{font-size:13px;margin-top:6px}
.parentlink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--r-md);background:var(--card);color:var(--fg);text-decoration:none}
.parentlink:hover{filter:brightness(.97)}
.parentlink .kicker{display:block;font-weight:400}
.parentlink__name{display:block;font-size:16px;font-weight:700;font-style:italic}

.zones{padding:14px 0 12px;border-bottom:1px solid var(--line)}
.zones__head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.zones__t{font-size:15px;color:var(--muted)}
.zones__head .kicker{font-size:10px;font-weight:400}
.zones__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
@media (max-width:560px){.zones__grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}}
.zone{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px 8px;border-radius:14px;text-align:center;cursor:help;
  border:1px solid transparent;color:var(--muted)}
.zone .icon{opacity:.5}   /* only the drawing fades: a faded label would fail contrast */
.zone--on{background:var(--soft);color:var(--soft-fg);border-color:var(--accent)}
.zone--on .icon{opacity:1}
.zone__l{max-width:100%;font-size:12px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}
.zone__tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:15;width:240px;padding:12px 14px;border-radius:16px;
  background:var(--fg);color:var(--bg);text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.25);pointer-events:none;font-size:13px;font-weight:400;line-height:1.45}
.zone__tip b{display:block;font-size:15px;font-weight:800;margin:2px 0 4px}
.zone__tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--fg)}
.zone:hover .zone__tip,.zone:focus .zone__tip,.zone:focus-visible .zone__tip{display:block}
.zone:first-child .zone__tip{left:0;transform:none}.zone:first-child .zone__tip::after{left:32px;margin-left:0}
.zone:last-child .zone__tip{left:auto;right:0;transform:none}.zone:last-child .zone__tip::after{left:auto;right:32px;margin-left:0}
.zones__note{margin:10px 0 0;font-size:13px;line-height:1.45}
.zones__none{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.gaugehead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px}
.gaugehead__t{font-size:15px;color:var(--muted)}
.tabs--mini{padding:3px;gap:2px}
.tabs--mini .tab{min-height:32px;padding:0 12px;font:600 12px var(--mono)}
.facts .gauges{padding-top:12px}

.callout .grow{display:flex;flex-direction:column;font-size:14px}
.plant__actions .plant__addphoto{flex:1 0 auto}
.plant__report{align-self:flex-start}
.modbox ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.modbox a{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:inherit}
.plant__modtools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;margin:0}
.plant__modtools form{margin:0}
.plant__caption-links{display:flex;flex-wrap:wrap;gap:4px 14px}

.jump{display:none;margin-top:20px}
.plant__cards{display:grid;grid-template-columns:5fr 3fr 4fr;gap:16px;padding-top:28px}
.plant__cards>*{min-width:0}
.plant__care{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}
.plant__foot{margin:24px 0 0;line-height:1.8}
.plant__foot a{color:var(--soft-fg);text-underline-offset:2px}

@media (max-width:860px){
  .plant{grid-template-columns:minmax(0,1fr);gap:20px}
  .plant__title{font-size:34px}
  .plant__cards{grid-template-columns:minmax(0,1fr);padding-top:16px}
  .jump{display:inline-flex;position:sticky;top:calc(var(--header-h) + 8px);z-index:10;box-shadow:var(--shadow-1)}
  .plant__actions,.plant__report{display:none}
  .plant__care{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:721px){.bottombar{display:none!important}}
@media (max-width:560px){.plant__thumbs{grid-template-columns:repeat(5,1fr)}.plant__thumbs>:nth-child(n+6){display:none}.plant__more{grid-column:5}}

/* ---- save, compare, share ---- */
.plant__tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.plant__tools form{margin:0}
.plant__tools .chip--sm{min-height:34px}
.plant__tools .chip[aria-pressed=true]{background:var(--fg);color:var(--bg)}
.share{position:relative}
.share>summary{list-style:none}
.share>summary::-webkit-details-marker{display:none}
.share__panel{position:absolute;left:0;top:calc(100% + 6px);z-index:20;display:flex;gap:6px;align-items:center;width:min(420px,calc(100vw - 2 * var(--gutter)));padding:8px;border-radius:16px;background:var(--card);box-shadow:var(--shadow-2)}
.share__url{flex:1;min-width:0;min-height:36px;padding:0 10px;border:0;border-radius:10px;background:var(--tile);color:var(--fg);font:600 13px var(--mono)}
.share__panel .btn{white-space:nowrap}

/* ---- where it grows wild, care tips ---- */
.plant__cards--two{grid-template-columns:1fr 1fr;padding-top:16px}
.native__row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.native__row:first-of-type{border-top:0;margin-top:6px}
.native__row .chips{gap:6px}
.native__text{margin:10px 0 0;font-size:15px;line-height:1.5}
.native__empty,.tips__empty{margin:8px 0 0;font-size:14px}
.tips__list{margin:6px 0 0}
.tips__list dt{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:15px;font-weight:700}
.tips__list dt:first-child{margin-top:0}
.tips__list dd{margin:4px 0 0;font-size:15px;line-height:1.5}
@media (max-width:860px){.plant__cards--two{grid-template-columns:minmax(0,1fr)}.native__row{grid-template-columns:minmax(0,1fr)}}