.release-intro { text-align:center; padding-block:64px 42px; }
.release-intro h1 { font-size:var(--page-title); margin-bottom:20px; }
.release-intro>p { max-width:740px; margin-inline:auto; font-size:20px; line-height:1.65; }
.release-size { display:block; font-size:14px; color:#66745f; margin-top:18px; }
.release-section { padding-block:68px; }
.release-desktop { padding-top:22px; }
.release-tinted { background:var(--paper); }
.release-heading { margin-bottom:25px; }
.release-heading h2 { font-size:36px; }
.release-heading>p { max-width:760px; margin-top:12px; font-size:20px; line-height:1.65; }
.release-subheading { margin:52px 0 20px; font-size:24px; }
.release-page kbd { display:inline-block; padding:0 6px; border:1px solid #d4dcd0; border-bottom-width:2px; border-radius:4px; background:#fff; color:#485440; font:500 .8em/1.7 var(--body-font); white-space:nowrap; vertical-align:1px; }
.release-page code { padding:2px 5px; border-radius:3px; background:#edf3e8; color:#456234; font-size:.85em; }

.release-figure { margin:0; min-width:0; }
.release-figure>a { display:block; width:100%; border-radius:7px; box-shadow:0 8px 24px #263b1718; }
.release-figure img { display:block; border-radius:inherit; width:100%; height:auto; }
.release-native-shot>a { border-radius:0; }
.release-launcher>a { box-shadow:0 12px 34px #263b1724; }
.release-app-notes { display:flex; align-items:flex-start; gap:20px; margin-top:27px; }
.release-download-marker { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; border-radius:50%; background:var(--green-deep); }
.release-app-notes h3 { font-size:20px; margin-bottom:7px; }
.release-app-notes p { max-width:760px; font-size:16px; line-height:1.65; }

.release-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 64px; }
.release-window-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.release-window-shot,.release-tool-shot { display:grid; align-items:center; }
.release-window-shot { aspect-ratio:1200/697; }
.release-tool-shot { --tool-shot-ratio:834/571; aspect-ratio:var(--tool-shot-ratio); }
.release-session-shot>a { display:grid; align-items:center; aspect-ratio:var(--tool-shot-ratio); background:#000; }
.release-item h3,.release-item h4 { margin:16px 0 8px; }
.release-item h3 { font-size:24px; }
.release-item h4 { font-size:20px; }
.release-item p,.release-control-copy p,.release-practical p { font-size:16px; line-height:1.65; }
.release-item .text-link { align-self:start; margin-top:10px; font-size:14px; }

.release-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px 38px; }
.release-control-feature { display:grid; grid-template-columns:minmax(0,40%) minmax(0,1fr); align-items:start; gap:18px; }
.release-keyboard-feature { grid-row:span 2; grid-template-columns:min(33%,165px) minmax(0,1fr); }
.release-control-copy h4 { font-size:20px; margin-bottom:8px; }
.release-shortcuts { display:grid; gap:6px; margin:12px 0; padding:0; list-style:none; }
.release-shortcuts li { font-size:16px; white-space:nowrap; }

.release-practical { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.release-practical h4 { display:flex; align-items:center; gap:9px; font-size:20px; margin-bottom:8px; }
.release-practical h4>.icon { flex:none; width:24px; height:24px; color:var(--green-deep); }
.release-foundations { margin-top:32px; }
.release-foundations summary { cursor:pointer; color:var(--green-deep); font-weight:600; font-size:16px; }
.release-foundations p { max-width:780px; margin-top:12px; font-size:16px; line-height:1.65; }
.release-next { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:45px; padding-top:28px; border-top:1px solid var(--line); }
.release-next h2 { font-size:32px; margin-bottom:8px; }
.release-next p { font-size:16px; }
.release-next .button { flex-shrink:0; }
.release-sources { margin-top:24px; font-size:14px; }
.release-sources a { color:#4d7c31; text-decoration:underline; text-underline-offset:3px; }

@media (width > 950px) {
    .release-keyboard-feature>.release-control-copy { padding-right:30px; }
    .release-control-feature:not(.release-keyboard-feature) { grid-template-columns:minmax(0,1fr) minmax(0,40%); }
    .release-control-feature:not(.release-keyboard-feature)>.release-figure { grid-area:1/2; }
}
@media (max-width:950px) {
    .release-window-grid { grid-template-columns:1fr; gap:30px; }
    .release-window-grid .release-item { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto 1fr; column-gap:24px; }
    .release-window-shot { grid-row:span 3; align-self:start; aspect-ratio:auto; }
    .release-window-grid h4 { margin-top:0; }
    .release-controls { grid-template-columns:1fr; }
    .release-keyboard-feature { grid-row:auto; }
}
@media (max-width:650px) {
    .release-intro { padding-block:38px 30px; }
    .release-intro h1,.release-heading h2,.release-next h2 { font-size:30px; }
    .release-section { padding-block:44px; }
    .release-desktop { padding-top:16px; }
    .release-heading { margin-bottom:19px; }
    .release-heading>p { font-size:16px; }
    .release-app-notes { gap:13px; margin-top:22px; }
    .release-download-marker { flex-basis:44px; width:44px; height:44px; }
    .release-download-marker img { width:20px; height:20px; }
    .release-subheading { margin-top:36px; }
    .release-gallery,.release-practical { grid-template-columns:1fr; gap:27px; }
    .release-window-grid .release-item { display:block; }
    .release-window-grid h4 { margin-top:16px; }
    .release-tool-shot { aspect-ratio:auto; }
    .release-control-feature { gap:14px; }
    .release-next { flex-direction:column; align-items:flex-start; margin-top:34px; }
}