/* Styles for the shared enrichment blocks (cost-trend, methodology, community) on the
   /in/ city pages. Copied from generate-vs-pairs / generate-deep-dives, which carry the
   same rules inline; the extra greys those blocks use are defined here because
   geo.css only has --gray-900/--gray-800. Load after /shared/geo.css. */
:root{--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151}

/* cost-trend + its accordion */
.cost-trend{margin:36px 0}
.cost-trend .lead{font-size:0.88rem;color:var(--gray-light);line-height:1.8;margin-bottom:16px}
.trend-list{list-style:none;padding:0;margin:0}
.trend-item{border-bottom:1px solid var(--gray-faint)}
.trend-q{display:flex;align-items:baseline;gap:12px;padding:12px 0;cursor:pointer;flex-wrap:wrap}
.trend-date{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--amber);flex-shrink:0;min-width:76px}
.trend-head{font-size:0.85rem;color:var(--gray-300);line-height:1.6;flex:1}
.trend-body{padding:0 0 14px 88px}
.trend-nums{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-family:'JetBrains Mono',monospace;font-size:13px}
.trend-was{color:var(--gray-500);text-decoration:line-through}
.trend-arrow{color:var(--amber)}
.trend-now{color:#f87171;font-weight:600}
.trend-impact{font-size:0.85rem;color:var(--gray-300);line-height:1.7;margin:0 0 8px}
.trend-source{font-size:12px}
.trend-flat{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid rgba(16,185,129,.3);flex-wrap:wrap}
.trend-flat .trend-date{color:var(--green)}
.trend-foot{margin-top:16px;font-size:0.8rem;color:var(--gray-500);line-height:1.7}
.acc-item .acc-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.acc-item.open .acc-a{max-height:600px}
.acc-chev{color:var(--amber);font-size:16px;flex-shrink:0;transition:transform .25s ease}
.acc-item.open .acc-chev{transform:rotate(180deg)}
@media(max-width:600px){.trend-body{padding-left:0}}

/* methodology */
.methodology{border-top:1px solid var(--gray-faint);padding-top:24px;margin-top:16px}
.methodology .src-h3{font-size:0.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-400);margin:20px 0 10px}
.methodology .src-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.methodology .src-list li{font-size:0.85rem;line-height:1.6;color:var(--gray-300);padding-left:14px;border-left:2px solid var(--gray-800)}
.methodology .src-what{display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--amber);margin-bottom:3px}
.methodology .accountability{margin-top:18px;font-size:0.85rem;color:var(--gray-400)}

/* community (no scroll-reveal on these pages, so .reveal stays visible) */
.community{margin:36px 0}
.feed{background:var(--gray-900);border:1px solid rgba(245,158,11,.18);border-radius:12px;padding:8px;margin:8px 0 24px;overflow:hidden}
.feed-head{font-size:13px;color:var(--gray-400);padding:10px 12px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.feed-sub{color:var(--gray-500)}
.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.feed-post{display:block;padding:12px 14px;border-top:1px solid rgba(255,255,255,.055);color:var(--gray-300);font-size:0.85rem;line-height:1.5}
.feed-post:hover{background:var(--gray-800);color:var(--white)}
.feed-post::before{content:'↗';color:var(--gray-600);margin-right:10px;font-size:12px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.card{background:var(--gray-900);border:1px solid var(--gray-faint);border-radius:10px;padding:14px}
.sub-card{display:flex;flex-direction:column;gap:6px}
.sub-card:hover{border-color:var(--amber)}
.sub-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sub-name{font-family:'Oswald';font-size:15px;color:var(--white)}
.sub-members{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--amber)}
.sub-note{font-size:13px;color:var(--gray-400);line-height:1.5;margin:0}
.sub-go{font-size:12px;color:var(--gray-500);margin-top:auto;padding-top:6px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.chip{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:var(--gray-900);color:var(--gray-300);font-size:13px}
.chip:hover{border-color:var(--amber);color:var(--amber)}
.chip-static{cursor:default}
.habitat-strips{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.strip{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.strip-label{font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-500);min-width:78px;padding-top:7px}