/* Collapsed local notes on city pages: water history (filtration), where to recycle (delivery).
   Written by tools/add-local-notes.py; uses the city report's tokens (.city-report). */
.city-report.twh-local-notes{padding:8px 0}
.city-report .local-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}
.city-report .local-note+.local-note{border-top:0}
.city-report .local-note summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:12px 0}
.city-report .local-note summary::-webkit-details-marker{display:none}
.city-report .local-note summary::after{content:"+";flex:none;font-size:28px;line-height:1;color:var(--blue)}
.city-report .local-note[open] summary::after{content:"\2013"}
.city-report .local-note .eyebrow{display:block;margin:0 0 6px}
.city-report .local-note-title{display:block;margin:0;font-size:22px;line-height:1.3;letter-spacing:normal;color:var(--navy)}
.city-report .local-note-body{max-width:780px;padding:4px 0 18px}
.city-report .local-note-body p{margin:0 0 12px;font-size:15px}
.city-report .local-note-body ul{margin:0 0 12px;padding-left:20px;font-size:15px}
.city-report .local-note-sources{font-size:12px;color:var(--muted)}
.city-report .local-note-sources a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.city-report .local-note-title{font-size:18px}.city-report .local-note-body p,.city-report .local-note-body ul{font-size:14px}}