/* ============================================================
   Patchnotes
   ============================================================ */
.pn-main { padding: 2rem 1.25rem 5rem; max-width: 900px; }
.pn-card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:1.4rem 1.5rem; margin-bottom:1.2rem; }
.pn-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.6rem; margin-bottom:1rem; padding-bottom:.8rem; border-bottom:1px solid var(--line); }
.pn-head .pn-ver { display:inline-block; font-weight:800; font-size:.82rem; letter-spacing:.04em; color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-deep,#b21d18)); padding:.2rem .6rem; border-radius:7px; margin-right:.5rem; }
.pn-head h2 { display:inline; font-size:1.15rem; font-weight:700; }
.pn-head time { font-size:.78rem; color:var(--muted); white-space:nowrap; }

.pn-list { list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.pn-list li { display:flex; gap:.6rem; align-items:flex-start; font-size:.92rem; line-height:1.5; }
.pn-tag { flex:none; font-size:.66rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  padding:.2rem .5rem; border-radius:6px; border:1px solid; white-space:nowrap; margin-top:.1rem; }
.pn-new    .pn-tag { color:#6ee7a0; border-color:#1f5132; background:#0e1f14; }
.pn-change .pn-tag { color:#6aa8ff; border-color:#1d3a5e; background:#0c1a2a; }
.pn-fix    .pn-tag { color:#ffb454; border-color:#6e5420; background:#241d10; }
.pn-balance .pn-tag { color:#c596ff; border-color:#46306e; background:#19112a; }
.pn-remove .pn-tag { color:#ff8d92; border-color:#6e2730; background:#241214; }
.pn-info   .pn-tag { color:#9fb6c4; border-color:var(--line); background:var(--bg); }
.pn-empty { color:var(--muted); text-align:center; padding:3rem 1rem; border:1px dashed var(--line); border-radius:12px; }

/* Steam-Feed-Auszüge */
.pn-excerpt { color:var(--text); font-size:.92rem; line-height:1.6; white-space:pre-line; opacity:.92; }
.pn-more { color:var(--red); font-weight:600; font-size:.86rem; text-decoration:none; }
.pn-more:hover { text-decoration:underline; }

/* Vollständiger Patchnote-Inhalt (aus Steam-BBCode) */
.pn-body { color:var(--text); font-size:.94rem; line-height:1.65; }
.pn-body > *:first-child { margin-top:0; }
.pn-body p { margin:.6rem 0; }
.pn-body h3 { font-size:1.15rem; font-weight:800; margin:1.4rem 0 .6rem; color:#fff; }
.pn-body h4 { font-size:1.02rem; font-weight:700; margin:1.2rem 0 .5rem; color:#fff;
  padding-bottom:.3rem; border-bottom:1px solid var(--line); }
.pn-body h5 { font-size:.92rem; font-weight:700; margin:1rem 0 .4rem; color:var(--red); letter-spacing:.02em; }
.pn-body ul, .pn-body ol { margin:.5rem 0 .9rem 1.3rem; display:flex; flex-direction:column; gap:.35rem; }
.pn-body li { line-height:1.55; }
.pn-body ul li { list-style:none; position:relative; padding-left:1rem; }
.pn-body ul li::before { content:"▸"; position:absolute; left:0; color:var(--red); }
.pn-body ol { list-style:decimal; }
.pn-body a { color:var(--red); text-decoration:none; }
.pn-body a:hover { text-decoration:underline; }
.pn-body strong { color:#fff; }
.pn-body img { max-width:100%; height:auto; border-radius:10px; margin:.8rem 0; border:1px solid var(--line); }
.pn-body blockquote { margin:.8rem 0; padding:.6rem 1rem; border-left:3px solid var(--red);
  background:var(--bg); border-radius:0 8px 8px 0; color:var(--muted); }
.pn-body hr { border:none; border-top:1px solid var(--line); margin:1.2rem 0; }