/* A quiet, place-aware news column. Publisher previews never replace civic records. */
@media (min-width: 901px) {
  body { grid-template-columns: 190px minmax(0, 620px) minmax(270px, 1fr); max-width: 1200px; }
  .place-rail { max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
.news-panel { margin-top: 29px; padding-top: 21px; border-top: 1px solid var(--line); color: var(--ink); line-height: 1.5; }
.news-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 5px; }
.news-heading h2 { margin: 0; color: var(--ink); font-size: 17px; font-weight: 750; letter-spacing: -.25px; }
.news-panel button, .news-mobile button { cursor: pointer; font-family: inherit; }
.place-rail .news-refresh, .news-mobile .news-refresh { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; margin-right: -7px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--muted); font-size: 21px; line-height: 1; }
.news-refresh:hover { background: var(--soft); }
.news-refresh:disabled { cursor: default; opacity: .45; }
.news-headlines { padding: 0; margin: 0; list-style: none; }
.news-headlines li { padding: 18px 0; border-bottom: 1px solid var(--line); }
.news-panel .news-byline, .news-mobile .news-byline { margin: 0 0 5px; color: var(--muted); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.news-headlines h3 { margin: 0; font-size: 13px; line-height: 1.55; font-weight: 650; }
.news-headlines h3 button { display: block; width: 100%; padding: 0; border: 0; border-radius: 0; background: none; color: var(--ink); font-size: inherit; font-weight: inherit; line-height: inherit; text-align: left; overflow-wrap: anywhere; }
.news-headlines h3 button:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.news-panel .news-freshness, .news-mobile .news-freshness { margin: 17px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.news-panel .news-status, .news-mobile .news-status { margin: 21px 0 12px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.news-panel .news-warning, .news-mobile .news-warning { margin: 17px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.place-rail .news-retry, .news-mobile .news-retry { padding: 0; border: 0; background: none; color: var(--blue); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.news-source-details { margin-top: 11px; color: var(--muted); font-size: 10px; }
.news-source-details summary { cursor: pointer; padding: 4px 0; }
.news-source-details ul { display: grid; gap: 7px; margin: 6px 0 0; padding: 0; list-style: none; }
.news-source-details li { display: flex; justify-content: space-between; gap: 8px; }
.place-rail .news-source-details a, .news-mobile .news-source-details a { padding: 0; color: var(--muted); font-size: 10px; text-decoration: none; overflow-wrap: anywhere; }
.news-source-details a:hover { color: var(--blue); text-decoration: underline; }
.place-rail .news-back, .news-mobile .news-back { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 0; margin: 8px 0 17px; border: 0; background: none; color: var(--blue); font-size: 12px; }
.news-preview-title { margin: 8px 0 18px; color: var(--ink); font-size: 19px; line-height: 1.5; font-weight: 700; letter-spacing: -.3px; overflow-wrap: anywhere; }
.news-panel .news-excerpt, .news-mobile .news-excerpt { margin: 0; color: var(--ink); font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; }
.news-panel .news-preview-note, .news-mobile .news-preview-note { margin: 16px 0 13px; color: var(--muted); font-size: 10px; }
.place-rail .news-read, .news-mobile .news-read { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); background: var(--paper); font-size: 12px; font-weight: 600; text-decoration: none; }
.news-read:hover { background: var(--soft); }
.news-mobile { display: none; }
@media (max-width: 900px) {
  .news-mobile { display: block; margin: 0; padding: 0 24px; border-bottom: 1px solid var(--line); background: var(--paper); color: var(--ink); font-size: 12px; }
  .news-mobile > summary { cursor: pointer; padding: 16px 0; color: var(--ink); font-size: 12px; }
  .news-mobile > summary::marker { color: var(--muted); }
  .news-mobile-hint { margin-left: 8px; color: var(--muted); font-size: 10px; }
  .news-mobile-content { padding: 9px 0 22px; }
  .news-mobile .news-headlines li { padding: 16px 0; }
  .news-mobile .news-headlines h3 { font-size: 14px; }
  .news-mobile .news-byline { font-size: 11px; }
  .news-mobile .news-preview-title { max-width: 520px; font-size: 22px; }
}
@media (max-width: 480px) {
  .news-mobile { padding-left: 20px; padding-right: 20px; }
  .news-mobile .news-headlines h3 button { min-height: 44px; }
}