/*
 * Public release notes page — /feeds/release-notes.phtml?feed=pbx&format=page
 *
 * Standalone: the page is public, loads no portal theme or framework JS, and
 * must render every element ReleaseNotesFeed::adfToHtml() can emit
 * (p, ul, ol, li, h4, pre, code, blockquote, hr, a, strong, em, s, u, br).
 * Prefix rn- (page CSS, never dls-). PORTAL-1082.
 */
:root { color-scheme: light; }
body {
  margin: 0;
  background: #f4f6f8;
  color: #222;
  font: 16px/1.55 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.rn-header { background: #1f3a5f; color: #fff; padding: 20px 24px; }
.rn-header a { color: #cfe0f5; text-decoration: none; }
.rn-header a:hover { text-decoration: underline; }
.rn-brand { margin: 0 0 6px; font-size: 24px; font-weight: 600; }
.rn-header p { margin: 0; font-size: 14px; }
.rn-main { max-width: 900px; margin: 0 auto; padding: 24px 16px 48px; }
.rn-notes {
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 6px;
  padding: 8px 28px 24px;
  overflow-wrap: anywhere;
}
.rn-notes h1 {
  font-size: 22px;
  margin: 32px 0 8px;
  padding-top: 24px;
  border-top: 1px solid #e6e9ee;
  color: #1f3a5f;
}
.rn-notes h1:first-child { border-top: 0; padding-top: 8px; }
.rn-notes h2 { font-size: 17px; margin: 28px 0 6px; color: #2c4a73; }
.rn-notes h4 { font-size: 15px; margin: 12px 0 4px; }
.rn-notes ul, .rn-notes ol { padding-left: 22px; margin: 6px 0 12px; }
.rn-notes li { margin: 0 0 10px; }
.rn-notes li p { margin: 0 0 6px; }
.rn-notes p { margin: 0 0 10px; }
.rn-notes a { color: #2c6cb0; }
.rn-notes pre {
  background: #f1f3f5;
  border: 1px solid #e1e5ea;
  border-radius: 4px;
  padding: 10px 12px;
  overflow-x: auto;
  white-space: pre-wrap;
  font-size: 14px;
}
.rn-notes code { background: #f1f3f5; padding: 1px 4px; border-radius: 3px; font-size: 0.95em; }
.rn-notes blockquote { margin: 8px 0; padding: 4px 14px; border-left: 3px solid #cfd6de; color: #444; }
.rn-notes hr { border: 0; border-top: 1px solid #e6e9ee; margin: 16px 0; }
.rn-notes :target { scroll-margin-top: 16px; background: #fff8dc; }
.rn-footer { margin-top: 20px; font-size: 13px; color: #667; }
.rn-footer a { color: #2c6cb0; }
@media (max-width: 600px) {
  .rn-notes { padding: 4px 16px 16px; }
  .rn-header { padding: 16px; }
}