/* County Atlas — the homepage (home-atlas.css) treatment applied to a county page. Only what the county
   needs that the homepage does not: a breadcrumb line, the jail card in the opening's right column
   (where the homepage shows the national map), two-line directory rows, and a primary button. Tokens
   come from handbook-site.css (--hb-*); nothing here invents a color or a face. */
.county-atlas .at-crumbs{font-size:12px;font-weight:600;color:#626167;margin:0 0 14px}
.county-atlas .at-crumbs a{color:#626167}.county-atlas .at-crumbs a:hover{color:var(--hb-link)}.county-atlas .at-crumbs span{color:var(--hb-ink)}
.county-atlas .at-opening{align-items:start}
.at-county-card{margin:0;background:#fff;border:1px solid #d9d7d2;border-top:4px solid var(--hb-orange);border-radius:3px;padding:26px 28px 24px;min-width:0}
.at-county-card figcaption{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#626167;margin-bottom:10px}
.at-county-card figcaption small{font-size:11px;font-weight:600;color:#737177;text-transform:none;letter-spacing:0}
body.home-atlas .at-county-card h2{font-size:30px!important;line-height:1.08!important;margin:0 0 12px}
.at-county-card address{font-style:normal;font-size:15px;line-height:1.5;color:#3f3e44;margin:0 0 16px}
.at-county-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 22px;margin:0 0 20px;padding:14px 0 0;border-top:1px solid #e3e0da}
.at-county-card dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#737177;margin-bottom:2px}
.at-county-card dd{margin:0;font-size:15px;font-weight:600;color:var(--hb-ink)}
.at-county-card dd a{color:var(--hb-link)}
.at-county-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:14px}
.at-button{display:inline-flex;align-items:center;gap:12px;border-radius:3px;padding:12px 18px;background:var(--hb-orange);color:var(--hb-dark)!important;font-size:14px;font-weight:700}
.at-button:hover{background:#ed4423}.at-button svg{width:18px;height:18px}
.at-county-card__note{font-size:12px;color:#626167;margin:0}
.county-atlas .at-rows{columns:2;column-gap:40px}
.county-atlas .at-rows a{min-height:54px;align-items:center}
.county-atlas .at-rows span{display:flex;flex-direction:column;gap:2px;min-width:0}
.county-atlas .at-rows em{font-style:normal;font-size:12px;font-weight:500;color:#737177;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.county-atlas .at-rows small{white-space:nowrap}
.county-atlas .at-section-heading--agencies{margin-top:34px;padding-top:26px;border-top:1px solid #d8d5cf}
.county-atlas .at-directory>section>.at-link{margin-top:14px}
/* County-hub agency preview: compact editorial contact rows with direct actions. */
.county-atlas .at-hub-agencies{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid #d8d5cf;margin:0 0 14px}
.county-atlas .at-hub-agency{padding:18px 0 20px;border-bottom:1px solid #d8d5cf;min-width:0}
.county-atlas .at-hub-agency header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}
body.home-atlas .at-hub-agency h3{font-size:20px!important;line-height:1.15!important;margin:0}
.county-atlas .at-hub-agency header small{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#737177;white-space:nowrap;flex:none}
.at-hub-agency__contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.at-hub-agency__address{font-size:13px;line-height:1.45;color:#535155}
.at-hub-agency__actions{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.at-hub-agency__actions a{color:var(--hb-link);font-size:12px;font-weight:700}
.at-hub-agency__phone{text-align:right}
.at-hub-agency__phone small{display:block;margin-bottom:3px;color:#737177;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.at-hub-agency__phone a{color:var(--hb-link);font-size:14px;font-weight:700;white-space:nowrap}
@media(max-width:1100px){.county-atlas .at-opening{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.county-atlas .at-hub-agencies{grid-template-columns:1fr}}
@media(max-width:760px){.county-atlas .at-opening{grid-template-columns:1fr}.at-county-card{padding:20px}.county-atlas .at-rows{columns:1}.county-atlas .at-rows em{white-space:normal}.county-atlas .at-hub-agency header{flex-direction:column;align-items:flex-start;gap:4px}.county-atlas .at-hub-agency header small{white-space:normal}.at-hub-agency__contact{grid-template-columns:1fr}.at-hub-agency__phone{text-align:left}}

/* CONTENT-LA-HUB-02 long-form body */
.la-hub-body {
  --la-navy:#061b3a;
  --la-poppy:#c5450c;
  --la-sky:#b8c9de; padding: 1.25rem 0 2rem; max-width: 46rem; }
.la-hub-body__block { margin: 0 0 1.75rem; }
.la-hub-body__block h2 { margin: 0 0 0.65rem; font-size: 1.35rem; }
.la-hub-body__block p, .la-hub-body__block li { line-height: 1.55; }
.la-hub-body__guides { list-style: disc; padding-left: 1.25rem; }
.la-hub-body__guides li { margin: 0 0 0.85rem; }
/* WEB-LA-HUB-03 — LA Phase-1 facility cards (navy / poppy / sky only) */
.la-hub-cards{
  --la-navy:#061b3a;
  --la-poppy:#c5450c;
  --la-sky:#b8c9de;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 20px;
  columns:unset;
}
.la-hub-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  background:#fff;
  border:1px solid #d8d5cf;
  border-top:4px solid var(--la-navy);
  border-radius:3px;
  padding:18px 18px 16px;
}
.la-hub-card__name{
  margin:0;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
  color:var(--la-navy);
  letter-spacing:-0.02em;
}
.la-hub-card__role{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#535155;
}
.la-hub-card__meta{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#3f3e44;
}
.la-hub-card__phone{
  margin:0;
  font-size:13px;
  line-height:1.4;
}
.la-hub-card__phone small{
  display:block;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#737177;
  margin-bottom:2px;
}
.la-hub-card__phone a{
  color:var(--la-poppy);
  font-weight:700;
}
.la-hub-card__cta{
  margin-top:auto;
  padding-top:8px;
  color:var(--la-poppy)!important;
  font-size:13px;
  font-weight:700;
}
.la-hub-card__cta:hover{text-decoration:underline}
.la-hub-cards--systems{
  margin-top:18px;
  grid-template-columns:1fr 1fr 1fr;
}
.la-hub-card--system{
  border-top-color:var(--la-sky);
  background:#fbfcfe;
  padding:14px 16px;
}
.la-hub-card--system .la-hub-card__name{font-size:15px;color:#0b1b31}
.la-hub-card--system .la-hub-card__role{font-size:12px}
.la-hub-systems-label{
  margin:22px 0 10px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#626167;
}
@media(max-width:900px){
  .la-hub-cards{grid-template-columns:1fr}
  .la-hub-cards--systems{grid-template-columns:1fr}
}


/* HUB-QA-CTA-01 — unmistakable guide CTAs */
/* Softened 2026-09-20: Roger rejected fat poppy blocks — refined accent link */
.la-hub-cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  padding:0;
  min-height:auto;
  background:transparent;
  border:none;
  border-radius:0;
  color:var(--la-navy, #061b3a)!important;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-decoration:underline;
  text-decoration-color:var(--la-poppy, #c5450c);
  text-underline-offset:3px;
}
.la-hub-cta:hover,
.la-hub-cta:focus-visible{
  background:transparent;
  border:none;
  color:var(--la-poppy, #c5450c)!important;
  text-decoration:underline;
  text-decoration-color:var(--la-poppy, #c5450c);
}
.la-hub-cta::after{
  content:"→";
  font-weight:700;
  color:var(--la-poppy, #c5450c);
  text-decoration:none;
}
.la-hub-body__guides .la-hub-cta{margin-top:8px}
.la-hub-body__block > p .la-hub-cta{margin-top:0;margin-left:4px;vertical-align:baseline}
.la-hub-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:auto;
  padding-top:10px;
}
.la-hub-card__cta{
  margin-top:0;
  padding-top:0;
}
.la-hub-card__visit{
  color:var(--la-navy)!important;
  font-size:13px;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--la-poppy);
  text-underline-offset:2px;
}
.la-hub-card__visit:hover{color:var(--la-poppy)!important}


/* ============================================================
   LA-FLAGSHIP-DESIGN-CTA-v2 — Design mockup tokens (Web PM CLEAR)
   Poppy = accent only. No solid orange slab CTAs.
   ============================================================ */
.la-hub-body,
.la-hub-cards,
.la-flagship {
  --la-navy:#061b3a;
  --la-navy-mid:#0b2a52;
  --la-poppy:#c5450c;
  --la-sky:#b8c9de;
  --la-sky-deep:#9eb6d4;
  --la-paper:#f7f5f1;
  --la-ink:#1a1a22;
  --la-muted:#5c5b63;
  --la-line:#d8d5cf;
  --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --font-ui:"Instrument Sans",system-ui,sans-serif;
}
.la-hub-body{
  max-width:none;
  font:400 17px/1.55 var(--font-ui);
  color:var(--la-ink);
}
.la-hub-body__block h2{
  font:800 28px/1.1 var(--font-display);
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:var(--la-navy);
}
.la-hub-body__block p,
.la-hub-body__block li{font-size:17px;line-height:1.55;color:var(--la-ink)}

/* Buttons */
.la-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:12px 20px;
  font:700 15px/1.2 var(--font-ui);
  text-decoration:none!important;
  border-radius:2px;
  transition:background .15s,color .15s,border-color .15s,box-shadow .15s;
}
.la-btn__arrow{font-weight:800}
.la-btn--primary{
  background:var(--la-navy);
  color:#fff!important;
  border:1px solid var(--la-navy);
  box-shadow:inset 0 -3px 0 var(--la-poppy);
}
.la-btn--primary:hover,
.la-btn--primary:focus-visible{
  background:var(--la-navy-mid);
  border-color:var(--la-navy-mid);
  color:#fff!important;
}
.la-btn--ghost{
  background:transparent;
  color:var(--la-navy)!important;
  border:1.5px solid var(--la-navy);
}
.la-btn--ghost:hover{background:var(--la-sky);color:var(--la-navy)!important}
.la-btn--text{
  min-height:auto;
  padding:6px 0;
  background:transparent;
  color:var(--la-poppy)!important;
  border:0;
  border-bottom:2px solid var(--la-poppy);
  border-radius:0;
  font-size:15px;
}
.la-btn--text:hover{color:var(--la-navy)!important;border-bottom-color:var(--la-navy)}
.la-btn--sky{
  background:var(--la-sky);
  color:var(--la-navy)!important;
  border:1px solid var(--la-sky-deep);
}
.la-btn--sky:hover{background:var(--la-sky-deep)}

/* Legacy class → text CTA (never solid poppy fill) */
.la-hub-cta{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin-top:6px;
  min-height:auto!important;
  padding:6px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid var(--la-poppy)!important;
  border-radius:0!important;
  color:var(--la-poppy)!important;
  font:700 15px/1.2 var(--font-ui)!important;
  text-decoration:none!important;
}
.la-hub-cta:hover,
.la-hub-cta:focus-visible{
  background:transparent!important;
  color:var(--la-navy)!important;
  border-bottom-color:var(--la-navy)!important;
}
.la-hub-cta::after{content:"→";font-weight:800;color:inherit}

/* Journey strip */
.la-journey-band{
  background:var(--la-navy);
  color:#e8eef6;
  padding:36px 22px;
  margin:1.75rem 0 2rem;
  border-radius:3px;
}
.la-journey-band .section-kicker{
  font:700 12px/1 var(--font-ui);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffb89a;
  margin:0 0 8px;
}
.la-journey-band h2{
  font:800 28px/1.05 var(--font-display)!important;
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:#fff!important;
  margin:0 0 8px!important;
}
.la-journey-band .sub{color:#a8b8cc;margin:0 0 22px;max-width:55ch;font-size:15px}
.la-journey{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
}
.la-journey li{
  position:relative;
  padding:16px 12px 8px 0;
  border-top:3px solid var(--la-poppy);
}
.la-journey li+li{padding-left:14px}
.la-journey .num{
  font:800 26px/1 var(--font-display);
  color:var(--la-poppy);
  display:block;
  margin-bottom:6px;
}
.la-journey strong{display:block;font-size:15px;color:#fff;margin-bottom:4px}
.la-journey span{font-size:13px;color:#a8b8cc;line-height:1.4}

/* Guide task strip */
.la-task-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--la-line);
  border:1px solid var(--la-line);
  border-radius:3px;
  overflow:hidden;
  margin:18px 0 14px;
  list-style:none;
  padding:0;
}
.la-task-strip a{
  background:#fff;
  padding:18px 16px;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:118px;
}
.la-task-strip a:hover{box-shadow:inset 0 0 0 2px var(--la-navy)}
.la-task-strip .ico{
  width:36px;height:36px;border-radius:50%;
  background:var(--la-sky);
  display:grid;place-items:center;
}
.la-task-strip .ico svg{width:18px;height:18px;stroke:var(--la-navy);fill:none;stroke-width:1.7}
.la-task-strip strong{
  font-size:15px;
  font-weight:700;
  color:var(--la-poppy)!important;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.la-task-strip a:hover strong{color:var(--la-navy)!important;text-decoration-color:var(--la-navy)}
.la-task-strip span{font-size:12px;color:var(--la-muted);line-height:1.35}
.la-hub-primary-row{margin:12px 0 8px}

/* Facility cards v2 — navy rail */
.la-hub-cards{gap:16px}
.la-hub-card{
  display:grid!important;
  grid-template-columns:56px 1fr;
  gap:0!important;
  padding:0!important;
  border:1px solid var(--la-line)!important;
  border-top:0!important;
  border-radius:3px;
  min-height:148px;
  overflow:hidden;
  background:#fff;
}
.la-hub-card__rail{
  background:var(--la-navy);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:16px 8px;
  gap:10px;
}
.la-hub-card--intake .la-hub-card__rail{background:var(--la-navy-mid)}
.la-hub-card__rail svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.6}
.la-hub-card__rail .mark{
  font:800 11px/1 var(--font-display);
  letter-spacing:.06em;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:var(--la-sky);
  margin-top:auto;
}
.la-hub-card--intake .la-hub-card__rail .mark{color:#ffb89a}
.la-hub-card__body{
  padding:16px 18px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.la-hub-card__name{font:700 18px/1.2 var(--font-ui);color:var(--la-navy);margin:0}
.la-hub-card__role{margin:0;font-size:13px;color:var(--la-muted);line-height:1.4}
.la-hub-card__meta{margin:0;font-size:13px;color:var(--la-ink)}
.la-hub-card__phone{margin:4px 0 0;font-size:14px;font-weight:700}
.la-hub-card__phone small{
  display:block;font-size:10px;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--la-muted);margin-bottom:2px;
}
.la-hub-card__phone a{
  color:var(--la-navy)!important;
  text-decoration:none;
  border-bottom:1px solid var(--la-sky-deep);
  font-weight:700;
}
.la-hub-card__phone a:hover{color:var(--la-poppy)!important;border-bottom-color:var(--la-poppy)}
.la-hub-card__actions{
  margin-top:auto;
  padding-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
}
.la-hub-card__cta{
  margin:0!important;padding:0!important;
  font:700 13px/1.2 var(--font-ui);
  color:var(--la-poppy)!important;
  text-decoration:none!important;
  display:inline-flex;align-items:center;gap:6px;
  border:0!important;background:transparent!important;
}
.la-hub-card__cta:hover{color:var(--la-navy)!important}
.la-hub-card__visit{
  font:700 13px/1.2 var(--font-ui);
  color:var(--la-navy)!important;
  text-decoration:underline;
  text-decoration-color:var(--la-poppy);
  text-underline-offset:2px;
}
.la-hub-card--system{
  grid-template-columns:1fr!important;
  border-top:4px solid var(--la-sky)!important;
  padding:14px 16px!important;
  min-height:0;
  background:#fbfcfe;
}
.la-hub-card--system .la-hub-card__rail{display:none}
.la-hub-card--system .la-hub-card__body{padding:0}

@media(max-width:900px){
  .la-journey{grid-template-columns:1fr 1fr}
  .la-task-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .la-journey,.la-task-strip{grid-template-columns:1fr}
  .la-hub-card{grid-template-columns:48px 1fr}
}



/* AFFORDANCE LOCK (Roger 2026-09-20): guide links = poppy; primary = navy fill. Never navy-as-black soft links. */
.la-hub-body a.la-btn--text,
.la-hub-body .la-task-strip a strong,
.la-hub-card__cta{
  color:var(--la-poppy,#c5450c)!important;
}

/* CTA v2b — secondary poppy link alias */
.la-btn--link{
  display:inline-flex;align-items:center;gap:8px;min-height:auto;padding:2px 0;
  font:700 15px/1.2 system-ui,sans-serif;text-decoration:none!important;
  color:#c5450c!important;border:0;border-bottom:2px solid #c5450c;border-radius:0;
  background:transparent;
}
.la-btn--link:hover{color:#061b3a!important;border-bottom-color:#061b3a}