/* Download page */
.dl20{max-width:900px;margin:0 auto}
.dl20-icon{width:22px;height:22px;flex:none}
.dl20-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 24px 30px;text-align:center;color:#fff;border-radius:4px;overflow:hidden;background:#3a2410 url(assets/download-hero.png) center/cover no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.dl20-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.62))}
.dl20-hero>*{position:relative}
.dl20-logo{width:230px;max-width:70%;height:auto;margin:0 0 8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.dl20-hero h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.dl20-hero p{max-width:620px;margin:0 0 20px;font-size:16px;line-height:1.45;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.dl20-green{display:inline-flex;align-items:center;justify-content:center;min-width:240px;height:56px;padding:0 28px;font-size:24px;font-weight:700;color:#fff;background:#02b757;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.dl20-green:hover{background:#3fc679;color:#fff}
.dl20-file{margin:8px 0 22px;font-size:13px;color:#e6e6e6}
.dl20-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.dl20-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:84px;height:58px;font-size:12px;color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.55);border-radius:4px;cursor:pointer}
.dl20-tile:hover{background:rgba(0,0,0,.7)}
.dl20-tile.dl20-wip{color:#a9a9a9;border-color:rgba(255,255,255,.25)}
.dl20-tile .dl20-pill{position:absolute;top:-7px;right:-7px}
.dl20-pill{display:inline-block;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.03em;color:#fff;background:#7d7f81;border-radius:3px;vertical-align:middle}
.dl20-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0;scroll-margin-top:70px}
.dl20-card{position:relative;display:flex;align-items:center;gap:10px;min-height:76px;padding:12px;text-align:left;color:inherit;background:var(--surface);border:1px solid var(--line);border-bottom:3px solid transparent;border-radius:3px;cursor:pointer}
.dl20-card:hover{border-color:#00a2ff;border-bottom-color:transparent}
.dl20-card.selected{border-color:#00a2ff;border-bottom-color:#00a2ff}
.dl20-card>.dl20-icon{color:#00a2ff}
.dl20-card[data-dl=linux]>.dl20-icon{color:inherit}
.dl20-card[data-dl=mac]>.dl20-icon{color:inherit}
.dl20-card[data-dl=android]>.dl20-icon{color:#3ddc84}
.dl20-card[data-dl=xbox]>.dl20-icon{color:#4fb33d}
.dl20-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.dl20-card-text strong{font-size:16px}
.dl20-card-text .dl20-pill{position:absolute;top:6px;right:6px}
.dl20-card-text small{font-size:13px;color:var(--muted)}
.dl20-card.dl20-wip{opacity:.55;filter:grayscale(1)}
.dl20-card.dl20-wip.selected{opacity:.8}
.dl20-list{background:var(--surface);border:1px solid var(--line);border-radius:3px}
.dl20-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.dl20-list-head h2{margin:0;font-size:17px;font-weight:700}
.dl20-list-head span{font-size:13px;color:var(--muted)}
.dl20-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}
.dl20-row:last-child{border-bottom:0}
.dl20-row-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;color:#00a2ff;border:1px solid var(--line);border-radius:6px}
.dl20-row-icon .dl20-icon{width:24px;height:24px}
.dl20-row-text{flex:1;min-width:0}
.dl20-row-text h3{margin:0 0 3px;font-size:17px;font-weight:700}
.dl20-row-text p{margin:0 0 3px;font-size:14px;line-height:1.4}
.dl20-row-text small{font-size:12px;color:var(--muted)}
.dl20-blue{display:inline-flex;align-items:center;justify-content:center;min-width:196px;height:44px;padding:0 18px;font-size:16px;font-weight:700;color:#fff;background:#0074bd;border:0;border-radius:3px;cursor:pointer;white-space:nowrap}
.dl20-blue:hover{background:#0088dd;color:#fff}
.dl20-blue:disabled{color:#d4d4d4;background:#7d7f81;cursor:not-allowed}
.dl20-row.dl20-wip .dl20-row-icon,.dl20-row.dl20-wip h3,.dl20-row.dl20-wip p{opacity:.55;filter:grayscale(1)}
.dl20-soon{display:flex;align-items:center;gap:14px;padding:22px 18px;color:var(--muted)}
.dl20-soon .dl20-icon{width:36px;height:36px}
.dl20-soon p{margin:0;font-size:15px;line-height:1.45}
.dl20-soon strong{color:var(--text,inherit)}
@media (max-width:820px){.dl20-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dl20-row{flex-wrap:wrap}.dl20-blue{width:100%}.dl20-hero h1{font-size:26px}}