.flow-nav{display:flex;align-items:stretch;gap:.4rem;margin-top:1.5rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem}.flow-nav button{flex:1 0 auto;min-width:56px;font-family:var(--sans);font-weight:600;font-size:.8rem;border:1.5px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:0;padding:.5rem .3rem .35rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:.12s}.flow-nav button:hover{border-color:var(--rainforest);color:var(--rainforest)}.flow-nav button.on{background:var(--rainforest);border-color:var(--rainforest);color:#fff}.flow-nav .mbar{width:70%;height:26px;display:flex;align-items:flex-end}.flow-nav .mbar i{display:block;width:100%;background:var(--sand);border-radius:2px 2px 0 0;min-height:2px;transition:.2s}.flow-nav button.on .mbar i{background:#cfe0d4}.flow-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0}.flow-filter button{font-family:var(--sans);font-size:.86rem;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:0;padding:.4rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.45rem}.flow-filter button .sw{width:11px;height:11px;border-radius:0;flex:0 0 auto}.flow-filter button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.flow-count{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--clay-deep);margin:2.2rem 0 .4rem}.flow-season{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--clay)}.flow-group{margin-top:2.4rem}.flow-group h2{font-size:1.5rem;display:flex;align-items:center;gap:.6rem;margin-bottom:.2em}.flow-group h2 .sw{width:16px;height:16px;border-radius:0;flex:0 0 auto}.flow-group .ghint{color:var(--muted);margin:0 0 1.2rem;font-size:.95rem}.flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem}.plant{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.4rem 1.4rem;box-shadow:var(--shadow);display:flex;flex-direction:column}.plant.peak{border-color:var(--terra);border-width:1px;box-shadow:inset 3px 0 0 var(--terra)}.plant .pphoto{margin:-1.3rem -1.4rem .9rem;background:var(--cream-2)}.plant .pphoto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.plant .pphoto figcaption{font-family:var(--sans);font-size:.7rem;line-height:1.4;color:var(--muted);background:var(--paper);padding:.4rem 1.4rem 0}.plant .pphoto figcaption a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line)}.plant .top{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem}.plant .bloommark{flex:0 0 auto;width:42px;height:42px;line-height:0}.plant .bloommark svg{display:block;width:42px;height:42px}.plant .head{min-width:0}.plant h3{font-size:1.15rem;margin:0;line-height:1.2}.plant .sci{font-style:italic;color:var(--muted);font-size:.9rem;margin:.12rem 0 0}.plant .peaktag{align-self:flex-start;font-family:var(--sans);font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;color:var(--terra-deep);background:transparent;border:1px solid var(--terra);border-radius:0;padding:.16rem .6rem;margin:0 0 .6rem}.plant .look{color:var(--ink-soft);font-size:.96rem;margin:.7rem 0 .8rem}.plant .meta{margin-top:auto;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.7rem}.plant .meta .where{color:var(--ink-soft)}.plant .bloomstrip{display:flex;gap:2px;margin:.55rem 0 0}.plant .bloomstrip span{flex:1;height:6px;border-radius:2px;background:var(--cream-2)}.plant .bloomstrip span.f{background:var(--sand)}.plant .bloomstrip span.p{background:var(--rainforest)}.plant .bloomstrip span.now{outline:2px solid var(--clay);outline-offset:1px}.flow-empty{color:var(--muted);font-style:italic;padding:1rem 0}.flow-note{margin-top:3rem;font-size:.9rem;color:var(--muted)}.flow-note .key{display:inline-flex;align-items:center;gap:.35rem;margin-right:1.2rem}.flow-note .key i{width:16px;height:8px;border-radius:2px;display:inline-block}@media(max-width:600px){.flow-nav button{min-width:48px;font-size:.72rem}.flow-nav .mbar{height:20px}}