/* Public changelog components — layered on marketing.css for /changelog/.
   Uses the canonical tokens from colors_and_type.css and the marketing-surface
   aliases marketing.css already defines. No new hues or fonts. */

/* Version numbers read as lining figures, so "v0.64.0" does not show old-style zeros. */
.page-hero h1,.release-row .release-version{font-variant-numeric:lining-nums;}

/* RELEASE LIST (/changelog/) */
.release-list{display:flex;flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;}
.release-row{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;background:white;border:1px solid rgba(26,58,42,.08);border-radius:6px;padding:1.3rem 1.6rem;transition:transform .2s,box-shadow .2s;}
.release-row:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(26,58,42,.1);}
.release-row .release-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;}
.release-row .release-version{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--forest);}
.release-row .release-date{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-800);}
.release-row p{font-size:.92rem;color:var(--fg-muted);font-weight:400;line-height:1.55;margin:0;}
.release-empty{text-align:center;color:var(--fg-muted);font-size:1.05rem;}

/* BACK LINK on a release page */
.release-back{display:inline-block;margin-bottom:1.6rem;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);text-decoration:none;}
.release-back:hover{text-decoration:underline;}

/* RENDERED MARKDOWN (one release) */
.release-body{max-width:760px;margin:0 auto;}
.release-body h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.5rem,3vw,1.95rem);line-height:1.2;color:var(--forest);margin:2.6rem 0 .8rem;}
.release-body h2:first-child{margin-top:0;}
.release-body h3{font-family:'Playfair Display',serif;font-weight:700;font-size:1.2rem;line-height:1.25;color:var(--forest);margin:1.9rem 0 .6rem;}
.release-body p{margin:0 0 .9rem;font-size:1rem;line-height:1.7;color:var(--fg-muted);}
.release-body ul{margin:0 0 1.1rem;padding-left:1.3rem;display:flex;flex-direction:column;gap:.7rem;}
.release-body li{font-size:1rem;line-height:1.65;color:var(--fg-muted);}
.release-body li ul{margin:.6rem 0 0;}
.release-body strong{color:var(--ink);font-weight:600;}
.release-body em{font-style:italic;}
.release-body a{color:var(--pine);}

@media print{
  nav,footer{display:none;}
  .page-hero{padding:1.5rem 0 1rem;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  section{padding:1.2rem 0;}
}