/* Release notes: reuses .sec and .rows from site.css. Each period has a New list and a Changed list. */
.rn-page .page__head { gap: 10px; margin-bottom: clamp(20px, 3vw, 36px); }
.rn-page .sec { padding: clamp(18px, 2.5vw, 30px) 0; grid-template-columns: minmax(0, 0.45fr) minmax(0, 1.55fr); }
.rn-page .sec__head .h2 { font: 600 1.375rem/1.25 var(--head); letter-spacing: 0; }
.rn-h { margin: 22px 0 6px; font: 600 0.75rem/1 var(--head); letter-spacing: 0.1em; text-transform: uppercase; color: var(--lime); }
.rn-h:first-child { margin-top: 0; }
.rn-list { line-height: 1.5; }
.rn-list li { padding: 9px 0; border-bottom: 1px solid var(--line); }
.rn-list li:last-child { border-bottom: 0; }
.rn-list li > b { display: block; font-weight: 600; }
.rn-d { display: block; margin-top: 3px; color: var(--muted); font-size: 1rem; line-height: 1.55; max-width: 40em; }
@media (max-width: 560px) { .rn-page .sec { grid-template-columns: 1fr; gap: 10px; } }
