:root { --paper:#f7f3ea; --ink:#1a1a1a; --rule:#cfc8b5; --accent:#a23; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  padding: 16px;
}
.masthead { text-align: center; border-bottom: 3px double var(--ink); padding-bottom: 12px; margin-bottom: 16px; }
.masthead-title { font-size: 44px; margin: 0; font-variant: small-caps; letter-spacing: 1px; }
.masthead-meta { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #555; margin: 4px 0 12px; }
.search { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.search input { padding: 6px 10px; border: 1px solid var(--rule); background: #fff; font-family: inherit; min-width: 220px; }
.search button { padding: 6px 14px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper); cursor: pointer; font-family: inherit; }

.news-columns { column-count: 3; column-gap: 22px; }
.article {
  break-inside: avoid; margin: 0 0 18px; padding-bottom: 14px;
  border-bottom: 1px solid var(--rule); cursor: pointer; display: block;
  color: inherit; text-decoration: none;
}
.article .kicker { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: var(--accent); font-weight: 700; }
.article h2 { font-size: 18px; line-height: 1.2; margin: 4px 0 6px; }
.article p { font-size: 13px; line-height: 1.5; margin: 0; color: #333; text-align: justify; }
.article:hover h2 { text-decoration: underline; }

.pager { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--rule); }
.pager button { padding: 6px 12px; border: 1px solid var(--ink); background: transparent; cursor: pointer; font-family: inherit; }
.pager button:disabled { opacity: .35; cursor: default; }
.empty { text-align: center; color: #777; font-style: italic; padding: 40px 0; }

@media (max-width: 900px) { .news-columns { column-count: 2; } }
@media (max-width: 600px) {
  .news-columns { column-count: 1; }
  .masthead-title { font-size: 32px; }
}

.sheet { max-width: 720px; margin: 0 auto; }
.sheet .kicker { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--accent); font-weight: 700; }
.sheet h1 { font-size: 32px; line-height: 1.15; margin: 6px 0 8px; border-bottom: 3px double var(--ink); padding-bottom: 10px; }
.sheet .byline { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
.sheet img { max-width: 100%; height: auto; margin: 0 0 16px; border: 1px solid var(--rule); }
.sheet .body { font-size: 16px; line-height: 1.7; text-align: justify; }
.sheet .body p { margin: 0 0 14px; }
.sheet .origin { display: inline-block; margin-top: 18px; font-size: 13px; color: var(--accent); }
.back-wrap { text-align: center; margin: 24px 0; }
.back { color: var(--ink); }
@media (max-width: 600px) { .sheet h1 { font-size: 26px; } }