/* Shared NCC climate-zone rating chips (Plant Finder + private climate library).
   Colour is never the only signal: each chip also has a symbol and hidden text. */
:root {
    --cz-suitable-bg: #e3f1e4;   --cz-suitable-fg: #13541E;
    --cz-marginal-bg: #fff3cf;   --cz-marginal-fg: #6f4e00;
    --cz-unsuitable-bg: #fbe3df; --cz-unsuitable-fg: #8b1a1a;
    --cz-unknown-bg: #eeeeea;    --cz-unknown-fg: #55554f;
}
.cz { display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:30px;height:26px;padding:0 5px;
      border-radius:6px;font-size:12px;font-weight:800;line-height:1;border:1px solid rgba(0,0,0,.12);box-sizing:border-box; }
.cz-suitable { background:var(--cz-suitable-bg);color:var(--cz-suitable-fg); }
.cz-marginal { background:var(--cz-marginal-bg);color:var(--cz-marginal-fg); }
.cz-unsuitable { background:var(--cz-unsuitable-bg);color:var(--cz-unsuitable-fg); }
.cz-unknown { background:var(--cz-unknown-bg);color:var(--cz-unknown-fg);font-weight:600; }
.cz-strip { display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none; }
.cz-badge { display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md,8px);padding:4px 8px;font-size:12px;font-weight:700;line-height:1.35; }
.cz-badge.cz-suitable, .cz-badge.cz-marginal { border:1px solid rgba(0,0,0,.1); }
.cz-provisional { display:inline-block;border:1px dashed #8a5a00;color:#8a5a00;background:#fffaf0;border-radius:6px;
                  padding:2px 7px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase; }
.cz-weed { display:inline-block;color:#8b1a1a;background:#fdecea;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700; }