/* ============ Remora Recorder — release notes ============ */
/* Built on /privacy/legal.css. Same layout as the Golf Swing Partner release
   notes; the accent is the app's cyan (same value as product.css), on pages
   that carry the class "rmr-legal" on <body> (only this one for now). */

.rmr-legal {
  --rmr: #4fc9ff;
  --rmr-hover: #7ad8ff;
}
.rmr-legal .kicker { color: var(--rmr); }
.rmr-legal .legal-body a { color: var(--rmr); }
.rmr-legal .legal-body a:hover { color: var(--rmr-hover); }
.rmr-legal ::selection { background: rgba(79, 201, 255, .26); }

.rel-list .rel {
  padding: 30px 0 18px;
  border-top: 1px solid rgba(244, 241, 234, .12);
  scroll-margin-top: 96px;
}
.rel-list .rel:first-child { border-top: 0; padding-top: 0; }
.rel-list .rel h2 { margin: 0 0 4px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rel-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 3px 10px;
  line-height: 1.3;
}
.rel-badge--latest { color: var(--rmr); }
html[lang="ja"] .rel-badge, html[lang="ko"] .rel-badge { letter-spacing: 0; }
.rel-list .rel-date {
  font-size: 14px;
  color: rgba(244, 241, 234, .55);
  margin-bottom: 16px;
  font-variant-numeric: tabular-nums;
}
.rel-list .rel strong { color: rgba(244, 241, 234, .95); font-weight: 600; }