/* What's new (WS-696 (6); sitebuild/whatsnew.py): the list, newest first, with the follow boxes beside it from 960px and
   below it on a phone. Site tokens only; no inline styles (CSP). */
.wn-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.wn-grid{grid-template-columns:minmax(0,1fr) 320px;gap:48px}}
.wn .opener{margin-bottom:20px}
.wn-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.wn-filters[hidden]{display:none}
.wn-f{min-height:40px;padding:0 14px;font:500 14px/1 var(--sans);color:var(--ink);background:var(--white);border:1px solid var(--hair);cursor:pointer}
.wn-f .num{color:var(--graphite);font-size:12px;margin-left:4px}
.wn-f[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--paper);font-weight:600}
.wn-f[aria-pressed="true"] .num{color:var(--paper)}
.wn-list{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.wn-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--hair)}
.wn-row[hidden]{display:none}
@media (min-width:640px){.wn-row{grid-template-columns:104px 112px minmax(0,1fr);align-items:baseline}}
.wn-d{font:500 13px/1.3 var(--mono);color:var(--graphite)}
.wn-k{font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.wn-k-release{color:var(--verm)}
.wn-t a{font:500 17px/1.35 var(--serif);color:var(--ink);overflow-wrap:anywhere}
.wn-s{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--graphite)}
.wn-none{margin-top:12px}
.wn-side{display:grid;gap:20px;align-content:start}
.wn-box{border:1px solid var(--hair);background:var(--white);padding:20px}
.wn-bh{font:500 22px/1.25 var(--serif);margin:0 0 8px}
.wn-box p{margin:0 0 12px;font-size:15px;line-height:1.45}
.wn-box p:last-child{margin-bottom:0}
.wn-url code{display:block;font:500 13px/1.4 var(--mono);background:var(--tint);padding:8px 10px;overflow-wrap:anywhere}