/* =========================
   BROWSE (Latest Articles)
   ========================= */

/* Page wrapper tokens + spacing */
.page-wrap{
  --brand:#800000;               /* maroon */
  --accent:#ffba08;              /* yellow */
  --text:#1A1A1A;                /* off-black on light bg */
  --surface:#ffffff;             /* card bg (body is FFFDF7 sitewide) */
  --border:rgba(128,0,0,.14);    /* subtle maroon-tinted border */
  --shadow:0 6px 24px rgba(0,0,0,.06);

  margin-block: clamp(16px, 3vw, 40px) clamp(28px, 5vw, 64px);
  padding-inline: clamp(12px, 2vw, 20px);
}

/* Page title */
.page-title{
  margin: 0 0 clamp(12px, 2vw, 16px);
  font-family: var(--font-site, "Bitter", Georgia, serif);
  font-weight: 900;
  color: var(--brand);
  font-size: clamp(1.4rem, 1rem + 1.8vw, 2rem);
  line-height: 1.1;
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: .25em;
  text-decoration-thickness: 3px;
}

/* Small screens: tiny title tweak */
@media (max-width: 560px){
  .page-title{ text-underline-offset: .45em; }
}