/* Releases page: the release list and the Quartz changelog. Shared parts: ../download/side.css */
.ph__meta{margin:18px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.rl{padding-top:clamp(20px,3vh,32px)}
.flt__g{display:contents}
.flt__g[hidden]{display:none!important}

/* ── one release: meta rail | name, notes, assets ── */
.rels{margin:0;padding:0;list-style:none}
.rel,.cls{display:grid;grid-template-columns:minmax(150px,13rem) minmax(0,46rem);gap:14px clamp(28px,4vw,64px);scroll-margin-top:90px}
.rel + .rel{margin-top:clamp(56px,8vh,88px)}
.rel__meta,.cls__meta{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.rel__prod{display:flex;align-items:center;gap:10px;margin:0;font:560 15px/1 var(--f-sans);color:var(--cream)}
.rel__date,.rel__tag,.cls__d{margin:0;font-size:12.5px;line-height:1.3;color:var(--ink-3)}
.rel__tag{display:flex;align-items:center;gap:10px}
.rel__latest{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:rgb(var(--fire-rgb) / .13);color:var(--fire-ink);font:500 11px/1 var(--f-mono);letter-spacing:.04em}
.rel__n{margin:0;font:640 var(--t-h3)/1.02 var(--f-sans);font-stretch:86%;letter-spacing:-.02em;color:var(--ink)}
.rel__n a,.cls__h a{color:inherit;text-decoration:none}
@media (hover:hover){.rel__n a:hover,.cls__h a:hover{color:var(--fire-ink)}}

/* the notes, rendered from the data */
.rel__notes{margin-top:18px;font-size:16px;line-height:1.62;color:var(--ink-2);overflow-wrap:break-word}
.rel__notes p{margin:0 0 .9em}
.rel__notes strong{font-weight:620;color:var(--ink)}
.rel__notes a{color:var(--ink);text-decoration:underline;text-decoration-color:rgb(var(--ink-rgb) / .3);text-underline-offset:3px;overflow-wrap:anywhere;transition:color 160ms var(--e),text-decoration-color 160ms var(--e)}
@media (hover:hover){.rel__notes a:hover{color:var(--fire-ink);text-decoration-color:currentColor}}
.rel__notes ul{margin:0 0 .9em;padding:0;list-style:none}
.rel__notes li{position:relative;padding-left:20px;margin:0 0 .55em}
.rel__notes li::before{content:"";position:absolute;left:3px;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--ink-3)}
.rel__notes blockquote{margin:0 0 .9em;padding:14px 18px;border-radius:12px;background:var(--ground-2);color:var(--ink-2)}
.rel__notes blockquote p{margin:0}
.rel__notes > :last-child{margin-bottom:0}

/* assets: file, size, hash, Download; then the GitHub link */
.rel__assets{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}
.rel__assets .label{margin-bottom:2px}
.ast{display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none}
.ast__i{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--ground-2)}
.ast__f{display:flex;align-items:baseline;gap:12px;margin:0 auto 0 0;font-size:13.5px;color:var(--ink)}
.ast__f span{font-size:12.5px;color:var(--ink-3)}
.ast__sha .clone__p{color:var(--ink-3)}
.ast__none{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:14px;line-height:1.45;color:var(--ink-3)}
.ast__tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgb(var(--ink-rgb) / .07);color:var(--ink);font-size:11.5px;letter-spacing:.04em}

/* empty state */
.empty{padding:28px 0}
.empty__h{margin:0 0 14px;font:640 22px/1.2 var(--f-sans);font-stretch:90%;color:var(--ink)}

/* ── the changelog ── */
.cl{margin-top:clamp(64px,10vh,110px)}
.cl.is-view{margin-top:0}
.cl__head{max-width:46rem;margin:0 0 clamp(36px,5vh,52px)}
.cl__link{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:14px 0 0}
.cl__sha{font-size:12px;color:var(--ink-3)}
.cl__none{max-width:46rem}
.cl__none .sec__d{margin:0 0 16px}
.cls + .cls{margin-top:clamp(44px,6vh,64px)}
.cls__meta{align-self:start;padding-top:2px}
.cls__h{margin:0;font:640 21px/1.15 var(--f-sans);font-stretch:90%;letter-spacing:-.01em;color:var(--cream)}
.cls__b{margin-top:0}

.rl__foot{margin-top:clamp(64px,9vh,96px)}

@media (max-width:980px){
  .rel,.cls{grid-template-columns:minmax(0,1fr);gap:10px}
  .rel__meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:0}
  .cls__meta{position:static;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
  .cls__h{flex-basis:100%}
}
@media (max-width:640px){
  .flt__row--s{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 8px;scroll-padding:0 var(--gut);scrollbar-width:none}
  .flt__row--s::-webkit-scrollbar{display:none}
  .ast__i{padding:12px}
  .ast__f{flex-basis:100%}
  .ast__sha{flex:1 1 auto;min-width:0}
}

/* ── the release board (the hero's right side, in the kit's .ph__aside): split flaps, board.js ── */
.ph--aside .ph__aside{--aside-w:26rem}
.rb{margin:0;container-type:inline-size}
.rb__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
.rb__u{font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
.rb__l{--dw:22px;--cg:max(2px,.5cqi);--gg:max(10px,2.8cqi);
  --cw:calc((100cqi - var(--dw) - 2 * var(--gg) - var(--g) * var(--cg)) / var(--n));
  --ch:calc(var(--cw) * 1.5);
  display:flex;flex-direction:column;gap:calc(var(--cw) * .4);margin:0;padding:0;list-style:none}
.rb__a{display:flex;align-items:center;margin:-3px -6px;padding:3px 6px;border-radius:8px;color:var(--ink-2);text-decoration:none;
  -webkit-tap-highlight-color:transparent}
.rb__a .dot{margin-right:calc(var(--dw) - 8px)}
.rb__f,.rb__g{display:flex}
.rb__f{gap:var(--gg)}
.rb__g{gap:var(--cg)}
.fl{position:relative;display:block;flex:none;width:var(--cw);height:var(--ch);border-radius:max(2px,calc(var(--cw) * .14));
  background:linear-gradient(var(--cer-hi) 0 50%,var(--cer-lo) 50%);
  font:400 calc(var(--cw) * 1.06)/var(--ch) var(--f-mono);text-align:center;color:inherit;
  }
.fl::after{content:"";position:absolute;z-index:4;left:0;right:0;top:calc(50% - .5px);height:1px;background:var(--slab)}   /* the hinge */
.fl>i{position:absolute;inset:0;border-radius:inherit;font-style:normal}
.fl__t,.fl__ft{clip-path:inset(0 0 50% 0);background:var(--cer-hi)}
.fl__b,.fl__fb{clip-path:inset(50% 0 0 0);background:var(--cer-lo)}
.fl__fb{z-index:2;transform:scaleY(0)}
.fl__ft{z-index:3;transform:scaleY(0)}
.rb__r .fl{transition:color 160ms var(--e),opacity 400ms var(--e)}
.rb__r.is-off .fl{opacity:.5}
.rb__r.is-off .dot{visibility:hidden}
.rb__r.is-off .rb__a{cursor:default}
.rb__ft{margin:20px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}
@media (hover:hover){.rb__r:not(.is-off) .rb__a:hover{color:var(--fire-ink)}}
@media (prefers-reduced-motion:reduce){.rb__r .fl{transition:none}}