/* ---- release notes (js/release-notes.js; docs/release-notes.md; rule Q10): rn-* ---- */
.rn-wrap { --rn-bg: var(--gf-surface, #fffdf6); --rn-fg: var(--gf-text, #2b2620); --rn-muted: var(--gf-text-dim, #7a7266); --rn-line: var(--gf-border, #e3dccb); --rn-accent: var(--gf-accent, #c0562b); --rn-new: var(--gf-danger, #d33); --rn-radius: var(--gf-radius-lg, 12px);
  position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; background: var(--gf-overlay, rgba(0, 0, 0, .55)); padding: 12px; box-sizing: border-box; }
.rn-win { width: min(560px, 100%); height: min(520px, 100%); display: flex; flex-direction: column; background: var(--rn-bg); color: var(--rn-fg); border: 1px solid var(--rn-line); border-radius: var(--rn-radius); box-shadow: 0 10px 40px rgba(0, 0, 0, .4); overflow: hidden; font: 15px/1.6 system-ui, sans-serif; }
@media (min-width: 1100px) and (min-height: 700px) { .rn-win { width: min(720px, 100%); height: min(640px, 100%); } }
.rn-head { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--rn-line); flex: none; }
.rn-h { margin: 0; font-size: 1.15em; }
.rn-cur { color: var(--rn-muted); font-size: .85em; flex: 1; }
.rn-x { margin-left: auto; min-width: var(--gf-hit, 44px); min-height: var(--gf-hit, 44px); border: 0; background: none; color: inherit; font-size: 28px; line-height: 1; cursor: pointer; border-radius: 8px; }
.rn-x:hover, .rn-x:focus-visible { background: rgba(0, 0, 0, .08); }
.rn-body { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 16px 16px; overscroll-behavior: contain; }
.rn-entry { border-bottom: 1px solid var(--rn-line); }
.rn-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: var(--gf-hit, 44px); cursor: pointer; padding: 6px 0; }
.rn-ver { font-weight: 700; color: var(--rn-accent); }
.rn-date { color: var(--rn-muted); font-size: .85em; }
.rn-ttl { font-weight: 600; }
.rn-new { background: var(--rn-new); color: #fff; font-size: .7em; font-weight: 700; padding: 1px 7px; border-radius: 99px; }
.rn-items { list-style: none; margin: 0 0 10px; padding: 0; }
.rn-item { display: flex; gap: 8px; align-items: baseline; padding: 3px 0; }
.rn-chip { flex: none; min-width: 3.6em; text-align: center; font-size: .75em; font-weight: 700; padding: 1px 6px; border-radius: 6px; background: #ddd; color: #333; }
.rn-t-new { background: #d9efd9; color: #1c5a1c; } .rn-t-fix { background: #f6dcd6; color: #8a2a18; }
.rn-t-change { background: #dbe6f6; color: #1d3f78; } .rn-t-balance { background: #f3e9c8; color: #6b5410; }
.rn-empty { color: var(--rn-muted); padding: 16px 0; }
.rn-link { min-height: var(--gf-hit, 44px); min-width: var(--gf-hit, 44px); background: none; border: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; opacity: .85; }
.rn-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #d33; margin-left: 4px; vertical-align: middle; }
.rn-dot[hidden] { display: none; }
@media (max-width: 760px), (max-height: 520px) { .rn-wrap { align-items: flex-start; padding: 6px; } }

