/* The Changelog (/changelog/). Masthead and type come from blog.css; this sheet lays out the entries. */
.changelog-list{max-width:1440px;margin-inline:auto;padding:20px var(--gutter) 110px}
.changelog-entry{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;border-top:1px solid var(--line);padding:40px 0 44px;scroll-margin-top:24px}
.changelog-entry:target{border-top-color:var(--blue)}
.changelog-entry-head{display:contents}
.changelog-date{grid-column:1;grid-row:1 / span 3;font:9px/1.5 var(--mono);letter-spacing:.7px;color:#8590a2;padding-top:12px}
.changelog-date:hover,.changelog-entry:target .changelog-date{color:var(--blue)}
.changelog-entry h2{grid-column:2;font:400 clamp(30px,3vw,40px)/1.13 var(--serif);letter-spacing:-.6px;color:var(--ink);margin:0;text-wrap:balance}
.changelog-summary{grid-column:2;font-size:14px;line-height:1.8;color:var(--muted);max-width:640px;margin:0}
.changelog-body{grid-column:2;max-width:720px;font-size:14px;line-height:1.8;color:#3c4656}
.changelog-body h3,.changelog-body h4{font:500 9px/1.5 var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#7387a9;margin:26px 0 8px}
.changelog-body h3:first-child{margin-top:6px}
.changelog-body h4{color:#8590a2;margin-top:18px}
.changelog-body h3+h4{margin-top:10px}
.changelog-body ul{margin:0;padding-left:18px}
.changelog-body li{margin:6px 0;padding-left:4px}
.changelog-body a{color:var(--blue);text-decoration:underline;text-decoration-color:#9fb2df;text-underline-offset:4px;overflow-wrap:anywhere}
.changelog-empty{color:var(--muted);padding:40px 0}
@media(max-width:760px){.changelog-list{padding-bottom:70px}.changelog-entry{display:block;padding:30px 0 34px}.changelog-date{display:block;padding:0 0 12px}.changelog-entry h2{font-size:28px;margin-bottom:12px}.changelog-summary{font-size:13px;margin-bottom:6px}.changelog-body{font-size:13px;margin-top:16px}}