/* Patch-notes archive (patches.html + patches.js): role G. Base styles: style.css */
.pn-tools { display: grid; gap: .6rem 1.2rem; grid-template-columns: minmax(0, 1fr) auto; align-items: end; margin: 0 0 1.6rem; }
.pn-tools > label { grid-column: 1 / -1; font: 600 .9rem/1 var(--caps); letter-spacing: .12em; color: var(--gilt); }
.pn-tools input[type=search] { font: inherit; font-size: 1.05rem; color: var(--bone); background: #0f0d15; border: 1px solid #4a3a24; padding: .6rem .8rem; width: 100%; box-sizing: border-box; }
.pn-tools fieldset { border: 0; margin: 0; padding: 0; display: flex; gap: .9rem; align-items: center; flex-wrap: wrap; }
.pn-tools legend { float: left; margin-right: .4rem; color: var(--ash); }
.pn-tools fieldset label { display: inline-flex; gap: .35rem; align-items: center; color: var(--bone); cursor: pointer; }
.pn-tools .note { grid-column: 1 / -1; margin: 0; color: var(--ash); }
.pn-arch-list { list-style: none; margin: 0; padding: 0; }
.pn-rel { border: 1px solid #3a2c1a; background: rgba(11,10,18,.35); padding: 1.1rem 1.3rem; margin: 0 0 .9rem; }
.pn-rel .pn-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.pn-rel h2 { font-size: 1.35rem; margin: 0; } .pn-rel h2 a { text-decoration: none; color: var(--bone); } .pn-rel h2 a:hover { color: var(--gold); }
.pn-rel time { font: 600 .85rem/1 var(--caps); letter-spacing: .12em; color: var(--gold); }
.pn-rel .pn-title { margin: .4rem 0 .6rem; color: var(--text); }
.pn-chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 .6rem; }
.pn-chips span { font: 600 .78rem/1 var(--caps); letter-spacing: .1em; padding: 5px 9px; border: 1px solid #4a3a24; color: var(--bone); } .pn-chips b { color: var(--gold); margin-right: 3px; }
.pn-rel details > summary { cursor: pointer; color: var(--gold); font-weight: 700; } .pn-rel details[open] > summary { margin-bottom: .4rem; }
.pn-rel h3 { font-size: 1rem; margin: .8rem 0 .3rem; color: var(--gilt); }
.pn-items { margin: 0; padding-left: 1.2em; } .pn-items li { margin: .25rem 0; }
.pn-items.fixed li::marker { content: "✓  "; color: #8fd19e; } .pn-items.new li::marker { content: "+  "; color: var(--gold); } .pn-items.changed li::marker { content: "⇄  "; color: var(--gold); }
.pn-rel mark { background: #6b5426; color: var(--bone); padding: 0 2px; }
.pn-more { display: inline-block; margin-top: .6rem; color: var(--gold); font-weight: 700; text-decoration: none; }
.pn-none { color: var(--ash); padding: 1rem 0; }
@media (max-width: 640px) { .pn-tools { grid-template-columns: 1fr; } }