/* tell-hero-territory-20261001.css — Houston hero: authorized-territory map card.
   Compact, self-contained (no Leaflet / data-JS on the home page). ADDITIVE ONLY.
   Reuses tokens from tellequipment-8k.css. 2026-10-01 */

.hero-terr { display:flex; flex-direction:column; gap:16px; }

.hero-terr__head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.hero-terr__head .k { font-family:var(--t-mono,monospace); font-size:10px; color:var(--red,#af1314);
  letter-spacing:.24em; text-transform:uppercase; }
.hero-terr__head .sub { font-family:var(--t-mono,monospace); font-size:10px; color:var(--steel-2,#8a97a4);
  letter-spacing:.08em; }

.hero-terr__map { position:relative; border:1px solid rgba(255,255,255,.14); border-radius:12px;
  background:linear-gradient(180deg,#071638 0%,#09225c 100%); overflow:hidden; }
.hero-terr__map svg { display:block; width:100%; height:auto; }

/* Texas state fill + HQ pin + Altoz service radius */
.htx-state { fill:#0c1f4d; stroke:#2a4a77; stroke-width:1.4; }
.htx-glow { fill:none; stroke:#af1314; stroke-width:.5; opacity:.35; }
.htx-radius { fill:rgba(255,214,122,.16); stroke:#ffd67a; stroke-width:1; stroke-dasharray:4 3; }
.htx-pin-o { fill:none; stroke:rgba(255,214,122,.55); stroke-width:2; }
.htx-pin { fill:#ffd67a; }
.htx-hq-label { font-family:var(--t-mono,monospace); font-size:14px; letter-spacing:.02em; fill:#ffd67a; }

.hero-terr__brands { display:flex; flex-wrap:wrap; gap:7px; }
.hero-terr__brands .hb { font-family:var(--t-body,system-ui); font-size:11.5px; letter-spacing:.04em;
  padding:5px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.16);
  color:var(--paper,#f6f7f5); background:rgba(255,255,255,.05); }
.hero-terr__brands .hb em { font-style:normal; color:var(--steel-2,#8a97a4); }

.hero-terr__foot { font-family:var(--t-mono,monospace); font-size:10px; color:var(--steel-2,#8a97a4);
  letter-spacing:.06em; line-height:1.6; }
.hero-terr__foot a { color:var(--paper,#f6f7f5); text-decoration:none; border-bottom:1px solid var(--red,#af1314); }
.hero-terr__foot a:hover { color:var(--red,#af1314); }

@media (max-width:900px) {
  .hero-terr__map { border-radius:10px; }
}