/* Patch change pages and champion change history. Uses the site's colour variables. */
.patch-page h1{margin:.2em 0 .3em}
.patch-page h3{margin:1.6em 0 .4em}
.patch-page h4{margin:1em 0 .4em;font-size:1.05rem}
.patch-page h5{margin:0 0 .3em;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.change-skill h4{color:#202939}
.change-list{padding-left:1.2em}
.change-list li{margin:.25em 0}
.change-champion{border-top:1px solid var(--line);padding-top:.4em}
.change-skill{--muted:#566174;--gold:#805200;background:var(--panel);color:#202939;border:1px solid var(--line);border-radius:8px;padding:.7em 1em;margin:.8em 0}
.change-group{font-size:.8rem;font-weight:400;color:var(--muted);margin-left:.4em}
.change-compare{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.change-compare.single{grid-template-columns:1fr}
.change-compare p{margin:0;white-space:normal;overflow-wrap:anywhere}
.change-note{margin:.2em 0;color:var(--muted)}
.change-fields{margin:.5em 0;padding-left:1.2em}
.change-effects{margin-top:.6em}
.change-effects summary{cursor:pointer;color:var(--gold)}
.change-effects ul{margin:.2em 0 .6em;padding-left:1.2em}
.change-effects-label{margin:.5em 0 0;font-weight:600}
.change-effects code,.change-fields code{overflow-wrap:anywhere;font-size:.85em}
.patch-page del,.change-fields del,.change-effects del{background:rgba(190,60,60,.18);text-decoration:line-through;text-decoration-thickness:1px}
.patch-page ins,.change-fields ins,.change-effects ins{background:rgba(40,150,100,.2);text-decoration:none}
.change-history{margin:1.5rem 0}
.change-history h2{font-size:1.15rem}
.change-history ul{padding-left:1.2em}
@media (max-width:700px){.change-compare{grid-template-columns:1fr}}