/* TrashRulesUSA V35.39 — Design B presentation applied to all city guides.
   Styling and section wrappers only: no changes to municipal rule copy, official links or SEO metadata.
   Never hide or reorder the Official sources section. */
.tru-unified-city .tru-city-main > .tru-v353-glance.tru-guide-overview {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  background:#f6f8fa;border:1px solid #d8e2e8;border-radius:14px;
  padding:18px;margin:0 0 15px;overflow:visible;box-shadow:none;
}
.tru-unified-city .tru-city-main > .tru-v353-glance.tru-guide-overview > div {
  min-width:0;overflow-wrap:anywhere;background:#fff;
  border:1px solid #d7e2e9;border-radius:10px;padding:12px 13px;
}
.tru-unified-city .tru-v353-glance.tru-guide-overview > div > span,
.tru-unified-city .tru-v353-glance.tru-guide-overview > div.tru-fact > span,
.tru-unified-city .tru-v353-glance.tru-guide-overview > div.tru-v353-note-card > strong:first-child {
  display:block;font-size:.69rem;letter-spacing:.07em;line-height:1.45;
  text-transform:uppercase;font-weight:800;color:#526278;margin:0 0 5px;
}
.tru-unified-city .tru-v353-glance.tru-guide-overview > div > strong,
.tru-unified-city .tru-v353-glance.tru-guide-overview > div.tru-v353-note-card > span {
  display:block;line-height:1.43;font-size:.86rem;color:#17283b;font-weight:700;
}
.tru-unified-city .tru-v353-glance.tru-guide-overview .tru-v353-meta-card {grid-column:1 / -1}
.tru-unified-city .tru-v353-meta-card .status-pill {margin:0 0 4px;background:#e4f2ea;color:#215a3d}
.tru-unified-city .tru-v353-meta-card .status-pill:before {background:#28875b}
.tru-unified-city .tru-v353-meta-card .tru-review-date {display:block;color:#53657a;font-size:.73rem;line-height:1.5;margin:0 0 5px}
.tru-unified-city .tru-v353-meta-card h2 {color:#17283b;font-size:1.02rem;line-height:1.35;letter-spacing:-.02em;margin:2px 0 9px}
.tru-unified-city .tru-v353-meta-card .tru-source-button {
  display:inline-block;color:#17283b;background:#fff;border:1px solid #c2d2dc;
  border-radius:9px;padding:9px 12px;font-size:.83rem;white-space:normal;
}
.tru-unified-city .tru-v353-glance.tru-guide-overview > div.tru-v353-note-card > span {
  letter-spacing:normal;text-transform:none;font-size:.86rem;font-weight:650;margin:0;
}
.tru-unified-city .tru-city-main > .tru-v353-glance.tru-v353-from-note > div {grid-column:1 / -1}
.tru-unified-city .tru-v353-glance.tru-v353-from-note .tru-v353-note-card {border-left:4px solid #be513d}
/* Hide decorative numbering in the old guide template: preserve every heading and text node in HTML. */
.tru-unified-city .tru-city-main .tru-section-head .tru-num,
.tru-unified-city .tru-source-section .tru-section-head .tru-num {display:none}
.tru-unified-city .tru-city-main .tru-section-head,
.tru-unified-city .tru-source-section .tru-section-head {display:block;margin:0 0 11px}
.tru-unified-city .tru-city-main .tru-section-head h2 {display:block;margin:0}
/* Consistent B heading, text spacing and section rhythm across old and new templates. */
.tru-unified-city .tru-city-main>.tru-section:not(.tru-guide-answer):not(.tru-source-section) h2 {
  font-size:1.32rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 11px;
}
.tru-unified-city .tru-city-main>.tru-guide-answer.tru-section h2 {
  font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 7px;
}
.tru-unified-city .tru-city-main .tru-section p {line-height:1.65}
.tru-unified-city .tru-section.tru-source-section,
.tru-unified-city .tru-section.tru-source-section * {overflow-wrap:anywhere}
.tru-unified-city .tru-section.tru-source-section h2 {font-size:1.03rem;line-height:1.4}
.tru-unified-city .tru-section.tru-source-section p,
.tru-unified-city .tru-section.tru-source-section li,
.tru-unified-city .tru-section.tru-source-section a {font-size:.78rem;line-height:1.56}
.tru-unified-city .tru-v353-meta-card .tru-source-button:focus-visible,
.tru-unified-city .tru-v353-glance a:focus-visible {outline:3px solid #1459bc;outline-offset:3px}
@media(max-width:700px){
 .tru-unified-city .tru-city-main>.tru-v353-glance.tru-guide-overview {
   grid-template-columns:1fr;gap:8px;padding:15px;margin-bottom:12px;
 }
 .tru-unified-city .tru-city-main>.tru-v353-glance.tru-guide-overview>div {padding:10px 12px}
 .tru-unified-city .tru-v353-glance.tru-guide-overview .tru-v353-meta-card {grid-column:1}
 .tru-unified-city .tru-city-main>.tru-section:not(.tru-guide-answer):not(.tru-source-section) h2 {font-size:1.23rem}
}
