.desktop-downloads { background:var(--void); font-family:var(--body); }
.desktop-downloads [hidden] { display:none !important; }
.download-header, .desktop-downloads main, .download-footer { width:min(1120px,calc(100% - 48px)); margin:auto; }
.download-header { padding:28px 0; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.download-brand { display:flex; align-items:center; gap:12px; font-family:var(--display); font-weight:650; }
.download-header nav { display:flex; gap:24px; font-size:14px; }
.download-intro { max-width:810px; padding:64px 0 40px; }
.download-intro h1 { font-size:clamp(34px,5vw,60px); line-height:1.16; letter-spacing:-.04em; margin:16px 0 22px; }
.download-intro > p:last-child { color:var(--text-soft); max-width:620px; font-size:18px; line-height:1.7; }
.download-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.download-card { padding:28px; border:1px solid var(--line); border-radius:24px; background:var(--surface); min-width:0; scroll-margin-block:24px; }
.download-card:target { border-color:var(--goban-gold); background:rgba(237,171,74,.08); }
.desktop-mark { width:68px; height:56px; object-fit:contain; margin-bottom:24px; }
.download-card h2 { font-size:24px; margin:0 0 12px; }
.download-status { color:var(--muted); font-size:14px; min-height:24px; }
.download-version { color:var(--text-soft); font-family:var(--mono); font-size:12px; margin:8px 0 22px; }
.download-card .button { font-size:14px; min-height:48px; width:max-content; max-width:100%; }
.download-card details { margin-top:22px; color:var(--muted); font-size:12px; }
.download-card summary { cursor:pointer; }
.download-card code { display:block; overflow-wrap:anywhere; font-family:var(--mono); padding-top:12px; }
.download-fallback { color:var(--muted); margin:28px 0; line-height:1.7; }
.download-fallback a, .download-guide a { color:var(--neural-cyan); }
.download-guide { max-width:780px; padding:42px 0 60px; line-height:1.8; color:var(--text-soft); }
.download-guide h2 { color:var(--text); font-size:24px; margin:20px 0; }
.download-guide dt { font-weight:700; color:var(--text); margin:20px 0 4px; }
.download-guide dd { margin:0; }
.download-footer { border-top:1px solid var(--line); padding:24px 0; display:flex; flex-wrap:wrap; gap:24px; color:var(--muted); font-size:13px; }
.download-footer span { margin-right:auto; }
.download-retry { cursor:pointer; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 18px; font:inherit; }
.desktop-downloads a:focus-visible, .desktop-downloads button:focus-visible, .desktop-downloads summary:focus-visible { outline:3px solid var(--neural-cyan); outline-offset:5px; }
@media(max-width:700px) { .download-header,.desktop-downloads main,.download-footer { width:calc(100% - 32px); } .download-header { align-items:flex-start; flex-direction:column; gap:16px; } .download-intro { padding:32px 0; } .download-grid { grid-template-columns:1fr; } .download-card { padding:24px; } .desktop-mark { float:right; margin:0 0 16px 12px; width:56px; } }
@media(prefers-reduced-motion:reduce) { .desktop-downloads { scroll-behavior:auto; } .desktop-downloads * { animation:none !important; transition:none !important; } }