:root{
  --limestone: #F0EEE2;
  --limestone-dim: #E7E3D2;
  --paper-line: #D9D4BE;
  --ink: #1B241D;
  --ink-soft: #4B564C;
  --canopy: #1F3A2E;
  --canopy-2: #2E5142;
  --canopy-deep: #122019;
  --citrus: #C97A22;
  --citrus-ink: #8F5416;
  --lake: #2E6E79;
  --lake-deep: #1F4E57;
  --clay: #A85436;
  --shadow: 0 1px 2px rgba(27,36,29,0.06), 0 8px 24px -12px rgba(27,36,29,0.18);
  --focus: #2E6E79;

  /* Card surface is intentionally fixed — always light "paper" regardless
     of light/dark mode, so it reads the same as a printed field-guide card
     laid on the page rather than flipping to match the theme. */
  --card-bg: #FFFDF6;
  --card-border: #DAD5BF;
  --card-ink: #1B241D;
  --card-ink-soft: #4B564C;
  --card-tag-bg: #E7E3D2;
  --card-tag-ink: #1F4E57;
  --card-citrus-ink: #8F5416;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --limestone: #12201A;
    --limestone-dim: #0D1713;
    --paper-line: #274035;
    --ink: #EDEEE4;
    --ink-soft: #A9B6AA;
    --canopy: #1B3327;
    --canopy-2: #27493A;
    --canopy-deep: #0C1712;
    --citrus: #E6A254;
    --citrus-ink: #F0BC80;
    --lake: #4F98A3;
    --lake-deep: #7FC3CC;
    --clay: #C97456;
    --shadow: 0 1px 4px rgba(0,0,0,0.4), 0 14px 32px -14px rgba(0,0,0,0.7);
    --focus: #8FC6CE;
  }
}
:root[data-theme="dark"]{
  --limestone: #12201A;
  --limestone-dim: #0D1713;
  --paper-line: #274035;
  --ink: #EDEEE4;
  --ink-soft: #A9B6AA;
  --canopy: #1B3327;
  --canopy-2: #27493A;
  --canopy-deep: #0C1712;
  --citrus: #E6A254;
  --citrus-ink: #F0BC80;
  --lake: #4F98A3;
  --lake-deep: #7FC3CC;
  --clay: #C97456;
  --shadow: 0 1px 4px rgba(0,0,0,0.4), 0 14px 32px -14px rgba(0,0,0,0.7);
  --focus: #8FC6CE;
}

#neighborhood-atlas *{box-sizing:border-box;}
#neighborhood-atlas{
  margin:0;
  background:var(--limestone);
  color:var(--ink);
  font-family:"Libre Franklin", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing:antialiased;
}
#neighborhood-atlas img{max-width:100%;}
#neighborhood-atlas a{color:inherit;}
#neighborhood-atlas a:focus-visible, #neighborhood-atlas button:focus-visible{outline:2px solid var(--focus); outline-offset:3px; border-radius:2px;}
@media (prefers-reduced-motion: reduce){
  #neighborhood-atlas *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}
}

#neighborhood-atlas .na-wrap{max-width:1180px; margin:0 auto; padding:0 clamp(20px,4vw,48px);}

#neighborhood-atlas h1,#neighborhood-atlas h2,#neighborhood-atlas h3{font-family:"Fraunces", Georgia, serif; color:var(--ink); text-wrap:balance; margin:0;}

#neighborhood-atlas .na-eyebrow{
  font-family:"Libre Franklin", sans-serif;
  font-weight:700;
  font-size:12.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--lake-deep);
}

/* ---------- Top wayfinding strip ---------- */
#neighborhood-atlas .na-wayfind{
  background:var(--canopy-deep);
  color:var(--limestone);
  font-size:13px;
}
#neighborhood-atlas .na-wayfind .na-wrap{
  display:flex; align-items:center; gap:8px;
  padding-top:11px; padding-bottom:11px;
  color:#D9DBC9;
}
#neighborhood-atlas .na-wayfind a{text-decoration:none; opacity:0.82;}
#neighborhood-atlas .na-wayfind a:hover{opacity:1; text-decoration:underline;}
#neighborhood-atlas .na-wayfind .na-sep{opacity:0.45;}
#neighborhood-atlas .na-wayfind .na-current{opacity:1; color:#fff; font-weight:600;}

/* ---------- Hero ---------- */
#neighborhood-atlas .na-hero{
  position:relative;
  background:var(--canopy-deep);
  color:var(--limestone);
  overflow:hidden;
  border-bottom:1px solid var(--canopy-2);
  isolation:isolate;
}
#neighborhood-atlas .na-hero-mosaic{
  position:absolute; inset:0;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  z-index:0;
}
#neighborhood-atlas .na-hero-tile{
  background-size:cover;
  background-position:center;
  filter:saturate(0.55) contrast(1.05) brightness(0.7);
}
@media (max-width:820px){
  #neighborhood-atlas .na-hero-mosaic{grid-template-columns:repeat(3,1fr);}
  #neighborhood-atlas .na-hero-tile:nth-child(n+4){display:none;}
}
#neighborhood-atlas .na-hero-scrim{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg, rgba(12,23,18,0.55) 0%, rgba(12,23,18,0.86) 62%, var(--canopy-deep) 100%),
    linear-gradient(100deg, rgba(31,58,46,0.94) 0%, rgba(31,58,46,0.55) 42%, rgba(31,58,46,0.2) 68%);
  mix-blend-mode:normal;
}
#neighborhood-atlas .na-hero .na-wrap{
  position:relative;
  z-index:2;
  padding-top:clamp(52px,8vw,96px);
  padding-bottom:clamp(44px,6vw,68px);
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:clamp(24px,4vw,56px);
  align-items:end;
}
@media (max-width:820px){
  #neighborhood-atlas .na-hero .na-wrap{grid-template-columns:1fr;}
}
#neighborhood-atlas .na-hero h1{
  color:#fff;
  font-weight:600;
  font-size:clamp(2.6rem,6vw,4.6rem);
  line-height:1.0;
  letter-spacing:-0.015em;
  margin-top:16px;
  text-shadow:0 2px 24px rgba(0,0,0,0.35);
}
#neighborhood-atlas .na-hero-sub{
  margin-top:22px;
  max-width:52ch;
  font-size:1.12rem;
  line-height:1.62;
  color:#D9DBC9;
}
#neighborhood-atlas .na-hero-sub p{margin:0;}
#neighborhood-atlas .na-hero-sub p + p{margin-top:12px;}
#neighborhood-atlas .na-hero-eyebrow{color:#B9E0C6; opacity:0.9; display:flex; align-items:center; gap:8px;}
#neighborhood-atlas .na-live-dot{
  width:7px; height:7px; border-radius:50%;
  background:#5FCB84;
  box-shadow:0 0 0 3px rgba(95,203,132,0.25);
  flex:none;
  animation:na-pulse-dot 2.4s ease-in-out infinite;
}
@keyframes na-pulse-dot{ 0%,100%{opacity:1;} 50%{opacity:0.45;} }

#neighborhood-atlas .na-stat-rail{
  display:flex;
  gap:clamp(18px,3vw,36px);
  flex-wrap:wrap;
}
#neighborhood-atlas .na-stat{min-width:112px;}
#neighborhood-atlas .na-stat .na-num{
  font-family:"Fraunces", serif;
  font-weight:600;
  font-size:2.3rem;
  color:#fff;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
#neighborhood-atlas .na-stat .na-label{
  margin-top:6px;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#AEC4B3;
}

/* ---------- Byline ---------- */
#neighborhood-atlas .na-byline{
  padding-top:20px;
  font-size:13.5px;
  color:var(--ink-soft);
}
#neighborhood-atlas .na-byline b{color:var(--ink);}

/* ---------- Cluster sections ---------- */
#neighborhood-atlas .na-cluster{
  padding:clamp(40px,6vw,64px) 0;
  border-top:1px solid var(--paper-line);
}
#neighborhood-atlas .na-cluster.na-tint{background:var(--limestone-dim);}
#neighborhood-atlas .na-cluster-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:clamp(20px,4vw,40px);
  align-items:start;
  margin-bottom:clamp(28px,4vw,40px);
}
@media (max-width:720px){ #neighborhood-atlas .na-cluster-head{grid-template-columns:1fr;} }
#neighborhood-atlas .na-cluster-index{
  font-family:"Fraunces", serif;
  font-weight:400;
  font-style:italic;
  font-size:3.2rem;
  line-height:1;
  opacity:0.55;
  min-width:64px;
}
#neighborhood-atlas .na-cluster-title h2{
  font-size:clamp(1.65rem,2.6vw,2.15rem);
  font-weight:600;
}
#neighborhood-atlas .na-cluster-title p{
  margin-top:10px;
  font-size:1.02rem;
  line-height:1.65;
  color:var(--ink-soft);
  max-width:66ch;
}

#neighborhood-atlas .na-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(258px,1fr));
  gap:18px;
}

#neighborhood-atlas .na-card{
  --accent: var(--lake);
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-top:3px solid var(--accent);
  border-radius:3px;
  overflow:hidden;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  text-decoration:none;
  cursor:pointer;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
#neighborhood-atlas .na-card:hover{transform:translateY(-3px); box-shadow:0 6px 14px rgba(27,36,29,0.1), 0 20px 38px -16px rgba(27,36,29,0.32);}
#neighborhood-atlas .na-card:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}

/* reveal-on-scroll (JS adds .na-reveal up front, then .na-in once visible) */
#neighborhood-atlas .na-card.na-reveal{opacity:0; transform:translateY(14px);}
#neighborhood-atlas .na-card.na-reveal.na-in{opacity:1; transform:translateY(0); transition:opacity 0.5s ease, transform 0.5s ease, box-shadow 0.2s ease;}

#neighborhood-atlas .na-card-photo{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--card-tag-bg);
}
#neighborhood-atlas .na-card-photo img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:saturate(0.82) contrast(1.02);
  transition:transform 0.4s ease, filter 0.4s ease;
}
#neighborhood-atlas .na-card-photo::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(18,32,26,0) 55%, rgba(18,32,26,0.55) 100%),
             linear-gradient(160deg, color-mix(in srgb, var(--accent) 28%, transparent) 0%, transparent 55%);
  pointer-events:none;
}
#neighborhood-atlas .na-card:hover .na-card-photo img{transform:scale(1.06); filter:saturate(0.95) contrast(1.03);}
#neighborhood-atlas .na-distance-pill{
  position:absolute; left:10px; bottom:10px; z-index:1;
  font-size:10.5px; font-weight:700; letter-spacing:0.03em;
  color:#fff;
  background:rgba(18,32,26,0.55);
  backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,0.22);
  padding:4px 9px;
  border-radius:20px;
}
#neighborhood-atlas .na-image-credit{
  position:absolute; right:10px; bottom:10px; z-index:1;
  font-size:10px; font-weight:600; letter-spacing:0.01em;
  color:rgba(255,255,255,0.9);
  text-shadow:0 1px 3px rgba(0,0,0,0.65);
}

#neighborhood-atlas .na-card-inner{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:16px 18px 16px;
}
#neighborhood-atlas .na-card-top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
}
#neighborhood-atlas .na-card h4{
  font-family:"Fraunces", serif;
  font-weight:600;
  font-size:1.24rem;
  color:var(--card-ink);
  margin:0;
}
#neighborhood-atlas .na-count{
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--card-ink-soft);
  white-space:nowrap;
  padding-top:4px;
}
#neighborhood-atlas .na-count b{color:var(--accent); font-weight:700;}
#neighborhood-atlas .na-card-body{
  margin:9px 0 14px;
  font-size:14.5px;
  line-height:1.6;
  color:var(--card-ink-soft);
  flex-grow:1;
}
#neighborhood-atlas .na-card-body p{margin:0;}
#neighborhood-atlas .na-tags{display:flex; flex-wrap:wrap; gap:6px;}
#neighborhood-atlas .na-tag{
  font-size:11px;
  letter-spacing:0.03em;
  text-transform:uppercase;
  font-weight:600;
  padding:4px 8px;
  border-radius:2px;
  background:var(--card-tag-bg);
  color:var(--card-tag-ink);
  border:1px solid var(--card-border);
}
#neighborhood-atlas .na-card .na-go{
  margin-top:14px;
  font-size:13px;
  font-weight:700;
  color:var(--accent);
  display:flex;
  align-items:center;
  gap:5px;
}
#neighborhood-atlas .na-card .na-go svg{width:12px; height:12px; transition:transform 0.15s ease;}
#neighborhood-atlas .na-card:hover .na-go svg{transform:translateX(3px);}

/* ---------- Popover ---------- */
#neighborhood-atlas .na-overlay{
  position:fixed; inset:0;
  background:rgba(9,15,12,0.6);
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  z-index:100;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.18s ease;
}
#neighborhood-atlas .na-overlay.open{opacity:1; pointer-events:auto;}
#neighborhood-atlas .na-panel{
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:6px;
  max-width:460px;
  width:100%;
  max-height:min(680px,88vh);
  overflow-y:auto;
  box-shadow:0 24px 64px -18px rgba(0,0,0,0.5);
  padding:22px 24px 26px;
  transform:translateY(10px) scale(0.98);
  transition:transform 0.18s ease;
}
#neighborhood-atlas .na-overlay.open .na-panel{transform:translateY(0) scale(1);}
#neighborhood-atlas .na-panel-top{display:flex; justify-content:space-between; align-items:flex-start; gap:14px;}
#neighborhood-atlas .na-panel-top .na-eyebrow{color:var(--card-citrus-ink);}
#neighborhood-atlas .na-panel h3{font-size:1.5rem; font-weight:600; margin-top:4px; color:var(--card-ink);}
#neighborhood-atlas .na-close{
  background:none;
  border:1px solid var(--card-border);
  border-radius:50%;
  width:30px; height:30px;
  flex:none;
  display:flex; align-items:center; justify-content:center;
  color:var(--card-ink-soft);
  cursor:pointer;
}
#neighborhood-atlas .na-close:hover{color:var(--card-ink); border-color:var(--card-ink-soft);}
#neighborhood-atlas .na-close svg{width:14px; height:14px;}
#neighborhood-atlas .na-map-distance{
  display:flex; align-items:center; gap:6px;
  font-size:13px; font-weight:700; color:var(--card-tag-ink);
  margin-top:14px;
}
#neighborhood-atlas .na-map-distance svg{width:13px; height:13px; flex:none;}
#neighborhood-atlas .na-map-svg-wrap{
  margin:10px 0 4px;
  border:1px solid var(--card-border);
  border-radius:4px;
  background:var(--card-tag-bg);
  overflow:hidden;
}
#neighborhood-atlas .na-map-lake{fill:none; stroke:var(--lake); stroke-width:1.3; opacity:0.5;}
#neighborhood-atlas .na-map-road{fill:none; stroke:var(--card-ink-soft); stroke-width:1; opacity:0.4;}
#neighborhood-atlas .na-map-downtown-dot{fill:var(--card-ink-soft);}
#neighborhood-atlas .na-map-downtown-label{
  font-family:"Libre Franklin", system-ui, sans-serif;
  font-size:12px; font-weight:700; letter-spacing:0.03em;
  fill:var(--card-ink-soft);
  stroke:var(--card-tag-bg); stroke-width:4px; paint-order:stroke;
  text-transform:uppercase;
}
#neighborhood-atlas .na-map-pin-ring{
  fill:none; stroke:var(--pin-color, var(--clay)); stroke-width:1.5;
  transform-origin:center; transform-box:fill-box;
  animation:na-pinpulse 1.8s ease-out infinite;
}
@keyframes na-pinpulse{
  0%{opacity:0.6; transform:scale(1);}
  100%{opacity:0; transform:scale(2.4);}
}
@media (prefers-reduced-motion: reduce){ #neighborhood-atlas .na-map-pin-ring{animation:none; opacity:0.35;} }
#neighborhood-atlas .na-map-pin{fill:var(--pin-color, var(--clay));}
#neighborhood-atlas .na-map-pin-dot{fill:var(--card-bg);}
#neighborhood-atlas .na-map-pin-label{
  font-family:"Libre Franklin", system-ui, sans-serif;
  font-size:15px; font-weight:700;
  fill:var(--card-ink);
  stroke:var(--card-tag-bg); stroke-width:4px; paint-order:stroke;
}
#neighborhood-atlas .na-panel-desc{margin-top:16px; font-size:14.5px; line-height:1.6; color:var(--card-ink-soft);}
#neighborhood-atlas .na-panel .na-tags{margin-top:12px;}
#neighborhood-atlas .na-panel-ctas{
  margin-top:20px;
  display:flex; flex-wrap:wrap; gap:10px;
}
#neighborhood-atlas .na-cta{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--canopy); color:#fff;
  padding:10px 16px; border-radius:3px;
  text-decoration:none; font-size:13.5px; font-weight:600;
}
#neighborhood-atlas .na-cta:hover{background:var(--canopy-2);}
#neighborhood-atlas .na-cta svg{width:12px; height:12px;}
#neighborhood-atlas .na-cta--ghost{
  background:transparent;
  color:var(--card-tag-ink);
  border:1px solid var(--card-border);
}
#neighborhood-atlas .na-cta--ghost:hover{background:var(--card-tag-bg); color:var(--card-ink);}

/* ---------- Directory ---------- */
#neighborhood-atlas .na-directory{
  padding:clamp(44px,6vw,72px) 0 clamp(60px,7vw,96px);
  border-top:1px solid var(--paper-line);
}
#neighborhood-atlas .na-dir-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:28px;
  border-bottom:2px solid var(--ink);
  padding-bottom:16px;
}
#neighborhood-atlas .na-dir-head h2{font-size:clamp(1.5rem,2.4vw,1.9rem); font-weight:600;}
#neighborhood-atlas .na-count-note{font-size:13px; color:var(--ink-soft); margin-top:4px;}
#neighborhood-atlas .na-dir-search{
  display:flex; align-items:center; gap:8px;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:20px;
  padding:8px 14px;
  min-width:220px;
}
#neighborhood-atlas .na-dir-search svg{width:14px; height:14px; color:var(--card-ink-soft); flex:none;}
#neighborhood-atlas .na-dir-search input{
  border:none; outline:none; background:none;
  font-family:inherit; font-size:14px; color:var(--card-ink);
  width:100%;
}
#neighborhood-atlas .na-dir-search input::placeholder{color:var(--card-ink-soft);}
#neighborhood-atlas .na-dir-list{
  columns:3 220px;
  column-gap:32px;
}
@media (max-width:640px){ #neighborhood-atlas .na-dir-list{columns:1;} }
#neighborhood-atlas .na-dir-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--paper-line);
  break-inside:avoid;
  font-size:14px;
  text-decoration:none;
  color:var(--ink);
  cursor:pointer;
}
#neighborhood-atlas .na-dir-row:hover{color:var(--lake-deep);}
#neighborhood-atlas .na-dir-row:hover .na-dir-name{text-decoration:underline;}
#neighborhood-atlas .na-dir-row:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
#neighborhood-atlas .na-dir-row[hidden]{display:none;}
#neighborhood-atlas .na-dir-row .na-dir-count{
  color:var(--ink-soft);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#neighborhood-atlas .na-dir-empty{
  margin-top:20px;
  font-size:14px;
  color:var(--ink-soft);
  text-align:center;
}

/* ---------- Newsletter plate ---------- */
#neighborhood-atlas .na-subscribe-plate{
  background:var(--canopy);
  color:#fff;
  padding:clamp(32px,5vw,48px) clamp(20px,4vw,48px);
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:center;
  justify-content:space-between;
}
#neighborhood-atlas .na-subscribe-plate h4{font-family:"Fraunces", serif; font-size:1.4rem; font-weight:600; color:#fff; margin:0;}
#neighborhood-atlas .na-subscribe-plate p{margin:6px 0 0; color:#D9DBC9; font-size:14.5px; max-width:44ch;}
#neighborhood-atlas .na-subscribe-form{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
#neighborhood-atlas .na-subscribe-form input{
  padding:11px 14px;
  border-radius:3px;
  border:1px solid var(--canopy-2);
  min-width:240px;
  font-size:14px;
  background:#fff;
  color:var(--ink);
}
#neighborhood-atlas .na-subscribe-form button{
  padding:11px 20px;
  border-radius:3px;
  border:none;
  background:var(--citrus);
  color:#1B241D;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
}
#neighborhood-atlas .na-subscribe-form button:hover{background:var(--citrus-ink); color:#fff;}
#neighborhood-atlas .na-subscribe-form button:disabled{opacity:0.7; cursor:default;}
#neighborhood-atlas .na-subscribe-error{width:100%; color:#F4B4A0; font-size:13px; margin:0;}
#neighborhood-atlas .na-subscribe-success{width:100%; color:#B9E0C6; font-size:14px; font-weight:600; margin:0;}
#neighborhood-atlas .na-subscribe-cta{
  display:inline-flex; align-items:center;
  background:var(--citrus); color:#1B241D;
  padding:11px 22px; border-radius:3px;
  text-decoration:none; font-weight:700; font-size:14px;
}
#neighborhood-atlas .na-subscribe-cta:hover{background:var(--citrus-ink); color:#fff;}
#neighborhood-atlas .na-sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}

/* ---------- FAQ ---------- */
#neighborhood-atlas .na-faq{
  max-width:840px;
  margin:0 auto;
  padding:clamp(40px,6vw,64px) clamp(20px,4vw,48px);
}
#neighborhood-atlas .na-faq h5{
  font-family:"Fraunces", serif;
  font-size:1.3rem;
  font-weight:600;
  margin:0 0 18px;
}
#neighborhood-atlas .na-faq-item{
  border-top:1px solid var(--paper-line);
  padding:14px 0;
}
#neighborhood-atlas .na-faq-item summary{
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  color:var(--ink);
  list-style:none;
}
#neighborhood-atlas .na-faq-item summary::-webkit-details-marker{display:none;}
#neighborhood-atlas .na-faq-item summary::before{content:"+ "; color:var(--lake-deep);}
#neighborhood-atlas .na-faq-item[open] summary::before{content:"– ";}
#neighborhood-atlas .na-faq-item p{margin:10px 0 0; font-size:14.5px; line-height:1.6; color:var(--ink-soft);}

/* ---------- Footer ---------- */
#neighborhood-atlas .na-colophon{
  background:var(--canopy-deep);
  color:#AEC4B3;
  padding:24px clamp(20px,4vw,48px);
  font-size:13px;
  text-align:center;
}
#neighborhood-atlas .na-colophon span{color:#D9DBC9;}

/* ---------- More guides (shared themes/_more_guides.php partial) ---------- */
#neighborhood-atlas .more-guides{
  padding:clamp(32px,5vw,48px) clamp(20px,4vw,48px);
  background:var(--limestone-dim);
  border-top:1px solid var(--paper-line);
}
#neighborhood-atlas .more-guides-inner{max-width:1180px; margin:0 auto;}
#neighborhood-atlas .more-guides-weekend-line{
  font-size:13.5px;
  color:var(--ink-soft);
  margin:0 0 16px;
}
#neighborhood-atlas .more-guides-weekend-line a{color:var(--lake-deep);}
#neighborhood-atlas .more-guides-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:12px;
}
#neighborhood-atlas .more-guides-label::after{content:''; flex:1; height:1px; background:var(--paper-line);}
#neighborhood-atlas .more-guides-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
#neighborhood-atlas .more-guide-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:4px;
  padding:14px;
  text-decoration:none;
  color:inherit;
  transition:border-color 0.15s;
}
#neighborhood-atlas .more-guide-card:hover{border-color:var(--lake);}
#neighborhood-atlas .more-guide-icon{flex-shrink:0; font-size:22px;}
#neighborhood-atlas .more-guide-text{flex:1; min-width:0;}
#neighborhood-atlas .more-guide-kicker{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--card-tag-ink);
  margin-bottom:3px;
}
#neighborhood-atlas .more-guide-title{
  display:block;
  font-family:"Fraunces", serif;
  font-size:14.5px;
  font-weight:700;
  color:var(--card-ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#neighborhood-atlas .more-guide-arrow{flex-shrink:0; color:var(--card-tag-ink); font-weight:800; font-size:16px;}

/* ---------- Responsive ---------- */
@media (max-width:700px){
  #neighborhood-atlas .na-dir-list{columns:1;}
  #neighborhood-atlas .na-subscribe-plate,
  #neighborhood-atlas .more-guides{padding-left:16px; padding-right:16px;}
}