/* Newspaper skin for Glance — serif headlines, masthead, column rules.
   ponytail: pure CSS over documented hooks; unmatched selectors no-op safely. */

:root {
  --news-serif: "Georgia", "Iowan Old Style", "Times New Roman", Cambria, serif;
}

/* --- Masthead (rendered by the html widget in news/header.yml) --- */
.masthead { text-align: center; padding: 0.2rem 0 0.6rem; }
.masthead-title {
  font-family: var(--news-serif);
  font-weight: 800;
  font-size: clamp(2.2rem, 6vw, 4rem);
  letter-spacing: 0.04em;
  margin: 0.2rem 0;
  color: var(--color-text-highlight, #fff);
}
.masthead-sub {
  font-family: var(--news-serif);
  font-size: 0.8rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  opacity: 0.7;
}
.masthead-rule { border-top: 2px solid currentColor; opacity: 0.5; margin: 0.3rem 0; }

/* --- Headlines & widget titles in serif for the print feel --- */
.widget-header,
.widget-type-rss a,
.widget-type-reddit a,
.widget-type-group a {
  font-family: var(--news-serif);
}

/* Section headers underlined like a newspaper rubric */
.widget-header { letter-spacing: 0.06em; text-transform: uppercase; }

/* --- Column rules between the three newspaper columns (desktop only) --- */
@media (min-width: 1000px) {
  .page-column-full {
    border-inline: 1px solid rgba(255, 255, 255, 0.08);
    padding-inline: 1.4rem;
  }
}

/* Tighter, denser article lists — closer to print */
.widget-type-rss .list > * { padding-block: 0.35rem; }