/* Download page. Loaded only where the download block is used. */
.dl{padding-top:2rem}
.dl-tabs{display:flex;gap:2rem;justify-content:center;border-bottom:1px solid var(--hairline);margin:0 auto 2rem;max-width:44rem}
.dl-tabs button{font:inherit;font-weight:600;font-size:1.05rem;color:var(--graphite);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:.9rem .2rem;cursor:pointer}
.dl-tabs button:hover{color:var(--violet-deep)}
.dl-tabs button[aria-selected=true]{color:var(--plum);border-bottom-color:var(--violet)}
.dl-tabs button:focus-visible{outline:3px solid var(--violet-bright);outline-offset:3px;border-radius:var(--radius-s)}
.dl-detect{max-width:44rem;margin:0 auto 1.6rem;padding:.8rem 1rem;border-left:3px solid var(--violet-bright);background:var(--mist);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--plum);font-size:.95rem;text-align:left}
.dl-mode{font-size:var(--fs-h3);line-height:var(--lh-h3);margin:0;text-align:center}
.dl-lead{text-align:center;color:var(--graphite);max-width:44rem;margin:.7rem auto 0}
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:2rem}
.dl-card{display:flex;flex-direction:column}
.dl-card .ico{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-s);background:var(--mist);color:var(--violet-deep)}
.dl-card .ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dl-card h4{font-size:var(--fs-h4);line-height:var(--lh-h4);margin:1rem 0 .4rem;color:var(--plum)}
.dl-card p{color:var(--graphite);font-size:.92rem;margin:0 0 1.1rem}
.dl-card ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:.6rem}
.dl-card li{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.dl-card .btn{gap:.5rem;flex:1;justify-content:flex-start}
.dl-card .btn .ico{width:1.1rem;height:1.1rem;background:none;border-radius:0}
.dl-card .btn .ico svg{width:1.1rem;height:1.1rem}
.dl-card .ext{opacity:.7}
.dl-card .sz{font-size:.78rem;color:var(--graphite);white-space:nowrap}
.dl-card.is-mine{border-color:var(--violet);box-shadow:0 24px 48px -34px color-mix(in srgb,var(--violet) 55%,transparent)}
.dl-note{max-width:48rem;margin:1.8rem auto 0;padding:1rem 1.2rem;border:1px solid var(--hairline);border-radius:var(--radius-l);background:var(--paper);color:var(--graphite);font-size:.95rem}
.dl-note strong{color:var(--plum)}
.dl-foot{max-width:48rem;margin:1.6rem auto 0;text-align:center;color:var(--graphite);font-size:.95rem}
.dl.js .dl-panel[hidden]{display:none}
.dl:not(.js) .dl-tabs{display:none}
.dl:not(.js) .dl-panel+.dl-panel{margin-top:3.5rem}
@media (max-width:900px){.dl-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.dl-tabs{gap:1rem}.dl-tabs button{font-size:.95rem}}
.dl .sec-head{display:block;text-align:center;max-width:44rem;margin:0 auto 2rem}
.dl .sec-head p{margin:.8rem 0 0}
.dl-card .btn{white-space:nowrap}
.dl-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem;margin-inline:auto}
@media (max-width:900px){.dl-grid.two{grid-template-columns:minmax(0,1fr)}}