:root{--cream: #FBF6EC;--warm: #F4E4C9;--terracotta: #D17B5A;--sage: #8FA88E;--moss: #5C7A5A;--dark: #3E2F23;--muted: #8A7860;--rust: #B85C3C;--cream-2: #F7EDD9;--warm-brown: #6B4F38;--sand: #E8D4A8;--sky: #B8D4D9}.zones-index{font-family:Nunito,sans-serif;background:var(--cream);color:var(--dark);line-height:1.7}.zones-index .hero{background:linear-gradient(180deg,var(--cream) 0%,var(--sand) 100%);padding:50px 24px 60px;text-align:center}.zones-index .hero-inner{max-width:900px;margin:0 auto}.zones-index .hero-greeting{font-family:Caveat,cursive;font-size:1.8rem;color:var(--terracotta);margin-bottom:6px}.zones-index .hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05;color:var(--dark);margin-bottom:18px}.zones-index .hero h1 em{color:var(--terracotta);font-style:italic}.zones-index .hero p{font-size:1.15rem;color:var(--warm-brown);max-width:640px;margin:0 auto 28px}.zones-index .hero-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.zones-index .meta-pill{background:#fff;padding:10px 18px;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--dark);box-shadow:0 2px 8px #0000000d}.zones-index .meta-pill.cold{background:#4a6fa5;color:var(--cream)}.zones-index .meta-pill.hot{background:var(--rust);color:var(--cream)}.zones-index .meta-pill.mid{background:var(--moss);color:var(--cream)}.zones-index .zones-layout{max-width:1100px;margin:0 auto;padding:40px 24px 70px}.zones-index .zone-strip-wrap{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #3e2f230f;margin-bottom:50px;border:2px solid var(--warm)}.zones-index .zone-strip-label{font-family:Caveat,cursive;color:var(--terracotta);font-size:1.3rem;text-align:center;margin-bottom:14px}.zones-index .zone-strip-bounds{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--muted);padding:0 6px;margin-top:10px;letter-spacing:.04em;text-transform:uppercase}.zones-index .zone-strip{display:grid;grid-template-columns:repeat(18,1fr);gap:4px;border-radius:12px;overflow:hidden}.zones-index .zone-seg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 4px;color:#fff;text-decoration:none;font-family:"DM Serif Display",serif;font-size:.95rem;transition:transform .15s ease,filter .15s ease;text-align:center;line-height:1.1}.zones-index .zone-seg:hover,.zones-index .zone-seg:focus{transform:translateY(-3px);filter:brightness(1.1);outline:none}.zones-index .zone-seg .seg-temp{display:block;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;opacity:.85;margin-top:4px}@media (max-width: 700px){.zones-index .zone-strip{grid-template-columns:repeat(9,1fr)}.zones-index .zone-seg{font-size:.85rem;padding:14px 2px}.zones-index .zone-seg .seg-temp{display:none}}.zones-index .group{margin-top:60px}.zones-index .group:first-of-type{margin-top:0}.zones-index .group-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}.zones-index .group-head h2{font-family:"DM Serif Display",serif;font-size:2.1rem;color:var(--dark);margin:0;line-height:1.15}.zones-index .group-head .count{font-family:Caveat,cursive;font-size:1.3rem;color:var(--terracotta)}.zones-index .group-intro{color:var(--warm-brown);max-width:720px;margin-bottom:24px;font-size:1rem}.zones-index .zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.zones-index .zone-card{background:#fff;border-radius:18px;padding:22px 22px 18px;box-shadow:0 3px 14px #3e2f230f;text-decoration:none;color:var(--dark);display:flex;flex-direction:column;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.zones-index .zone-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--cardcolor, var(--moss))}.zones-index .zone-card:hover{transform:translateY(-3px);border-color:var(--warm);box-shadow:0 8px 28px #3e2f231a}.zones-index .zone-card .zlabel{font-family:"DM Serif Display",serif;font-size:1.7rem;color:var(--dark);line-height:1;margin-bottom:4px}.zones-index .zone-card .ztemp{font-family:Caveat,cursive;font-size:1.3rem;color:var(--cardcolor, var(--terracotta));margin-bottom:14px}.zones-index .zone-card .frost-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:12px;background:var(--cream-2);border-radius:10px;font-size:.85rem}.zones-index .zone-card .frost-row .lbl{display:block;font-family:Caveat,cursive;color:var(--terracotta);font-size:.95rem;line-height:1}.zones-index .zone-card .frost-row .val{font-weight:700;color:var(--dark)}.zones-index .zone-card .grow-days{font-size:.9rem;color:var(--warm-brown);margin-bottom:10px}.zones-index .zone-card .grow-days strong{color:var(--moss)}.zones-index .zone-card .summary{font-size:.92rem;color:var(--muted);margin-bottom:14px;font-style:italic}.zones-index .zone-card .cities{font-size:.85rem;color:var(--warm-brown);padding-top:10px;border-top:1px dashed var(--warm);margin-top:auto}.zones-index .zone-card .cities .clbl{font-family:Caveat,cursive;color:var(--terracotta);font-size:1rem;display:block;margin-bottom:2px}.zones-index .zone-card .cities .empty{color:var(--muted);font-style:italic}.zones-index .zone-card .cta{margin-top:14px;font-family:"DM Serif Display",serif;font-size:.95rem;color:var(--cardcolor, var(--terracotta));display:flex;align-items:center;gap:6px}.zones-index .zone-card .cta:after{content:"→";transition:transform .2s}.zones-index .zone-card:hover .cta:after{transform:translate(4px)}.zones-index .footer-note{background:linear-gradient(135deg,var(--warm) 0%,var(--sand) 100%);border-radius:22px;padding:32px;margin-top:60px;box-shadow:0 4px 20px #3e2f230f}.zones-index .footer-note h3{font-family:Caveat,cursive;font-size:1.8rem;color:var(--terracotta);margin-bottom:10px}.zones-index .footer-note p{color:var(--warm-brown);font-size:1rem;margin-bottom:10px}.zones-index .footer-note .sign-off{font-family:Caveat,cursive;font-size:1.4rem;color:var(--rust);margin-top:16px}