/* What's new: every version as a dated entry on one sheet, the latest with a
   picture, older versions folded away. Builds on desk.css like privacy.css. */
.doc { max-width: 860px; }
.doc p, .doc li { max-width: 68ch; }
.doc a { text-decoration-color: var(--gold); text-decoration-thickness: 2px; }
.whatsnew .lead { margin-top: 12px; font-size: 18px; color: var(--ink-soft); }

.release { margin-top: 34px; padding-top: 26px; border-top: 1.5px solid var(--rule); scroll-margin-top: 90px; }
.release:first-of-type { margin-top: 30px; }
.release h2, .older-list h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font: 700 clamp(24px, 3vw, 30px)/1.15 var(--display); letter-spacing: -0.01em; }
.release .date, .older-list .date { font: 600 14px/1.3 var(--body); letter-spacing: 0; color: var(--ink-soft); }
.release p { margin-top: 12px; font-size: 17px; line-height: 1.6; }
.release figure { margin: 18px 0 4px; }
.release img { display: block; width: 100%; height: auto; max-width: 400px; border-radius: 12px; box-shadow: 0 1px 0 rgba(27, 23, 18, 0.06), 0 14px 32px -16px rgba(27, 23, 18, 0.45); }
/* The wide home picture gets the sheet's full width; the narrow box stays narrow. */
.release img[width="2560"], .release img[width="1280"] { max-width: 100%; }

.older { margin-top: 40px; border-top: 1.5px solid var(--rule); border-bottom: 1.5px solid var(--rule); }
.older summary { position: relative; padding: 16px 36px 16px 0; list-style: none; font: 700 20px/1.3 var(--display); cursor: pointer; }
.older summary::-webkit-details-marker { display: none; }
.older summary::after { content: "+"; position: absolute; right: 4px; top: 12px; font: 700 26px/1 var(--display); color: var(--gold-ink); transition: transform 220ms cubic-bezier(0.23, 1, 0.32, 1); }
.older[open] summary::after { transform: rotate(45deg); }
@media (hover: hover) and (pointer: fine) { .older summary:hover { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; } }
.older-list { list-style: none; margin: 0; padding: 0 0 18px; display: grid; gap: 0; }
.older-list li { padding: 14px 0; border-top: 1px solid var(--rule); scroll-margin-top: 90px; }
.older-list h3 { font-size: 19px; }
.older-list p { margin-top: 6px; font-size: 15.5px; line-height: 1.55; }
.whatsnew-foot { margin-top: 30px; font-size: 16px; color: var(--ink-soft); }
@media (prefers-reduced-motion: reduce) { .older summary::after { transition: none; } }