/* Windows 版のダウンロードのページ（/install）だけの見た目。アプリと同じ濃紺の背景・薄い紫の強調。ほかのページは /style.css のまま */
body.dl-page { --dl-bg: #080d1b; --dl-panel: #111a33; --dl-panel-2: #0d1529; --dl-line: #26315a; --dl-text: #f4f6ff; --dl-muted: #b3bddb; --dl-accent: #c9b8ff; --dl-accent-2: #b39dff; --dl-ink: #1b1238;
  background: radial-gradient(1200px 520px at 50% -160px, #1a1f4a 0%, rgba(26, 31, 74, 0) 70%), var(--dl-bg); color: var(--dl-text); min-height: 100vh; }
body.dl-page a { color: var(--dl-accent); }
body.dl-page a:focus-visible, body.dl-page button:focus-visible { outline: 3px solid var(--dl-accent); outline-offset: 3px; border-radius: 6px; }
body.dl-page header.site { background: rgba(8, 13, 27, 0.85); border-bottom-color: var(--dl-line); }
body.dl-page header.site nav a { color: var(--dl-muted); }
body.dl-page header.site nav a:hover { color: var(--dl-text); }
.dl-home { display: inline-flex; }
.dl-main { max-width: 720px; padding: 32px 16px 56px; }
.dl-card { background: linear-gradient(180deg, var(--dl-panel) 0%, var(--dl-panel-2) 100%); border: 1px solid var(--dl-line); border-radius: 20px; padding: 36px 28px 30px; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); }
.dl-logo { width: 96px; height: 96px; border-radius: 22px; display: block; margin: 0 auto 14px; }
.dl-product { margin: 0; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.18em; color: var(--dl-accent); }
.dl-card h1 { margin: 4px 0 10px; font-size: 2rem; line-height: 1.3; color: #fff; }
.dl-lead { margin: 0 auto 24px; max-width: 30em; color: var(--dl-muted); }
.dl-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 64px; padding: 14px 32px; max-width: 100%; border-radius: 14px;
  background: var(--dl-accent); color: var(--dl-ink) !important; text-decoration: none; font-size: 1.2rem; font-weight: 800; line-height: 1.3;
  box-shadow: 0 8px 28px rgba(185, 160, 255, 0.28); transition: background 0.15s, transform 0.15s; }
.dl-button:hover { background: #d7caff; }
.dl-button:active { transform: translateY(1px); }
.dl-button[aria-disabled="true"] { background: #6f6799; color: #ece8ff !important; box-shadow: none; cursor: progress; }
.dl-win { width: 28px; height: 28px; flex: none; fill: currentColor; }
.dl-button-text { overflow-wrap: anywhere; }
.dl-status { min-height: 1.8em; margin: 16px 0 0; color: var(--dl-muted); font-size: 0.95rem; overflow-wrap: anywhere; }
.dl-status strong { color: var(--dl-text); }
.dl-status.dl-warn { color: #ffd9a8; }
.dl-retry { margin: 10px 0 0; padding: 8px 16px; min-height: 40px; border-radius: 10px; border: 1px solid var(--dl-accent-2); background: transparent; color: var(--dl-accent); font: inherit; cursor: pointer; }
.dl-retry:hover { background: rgba(201, 184, 255, 0.1); }
.dl-sub { margin: 18px 0 0; font-size: 0.88rem; }
.dl-sub a { color: var(--dl-muted); }
.dl-help { margin: 22px 0 0; padding: 18px 22px; border: 1px solid var(--dl-line); border-radius: 14px; background: rgba(17, 26, 51, 0.55); }
.dl-help h2 { margin: 0 0 6px; padding: 0; border: 0; font-size: 1.05rem; color: var(--dl-text); }
.dl-help p { margin: 4px 0; color: var(--dl-muted); font-size: 0.95rem; }
.dl-help .dl-note { font-size: 0.85rem; }
body.dl-page footer.site { border-top-color: var(--dl-line); color: var(--dl-muted); }
@media (max-width: 600px) {
  .dl-main { padding: 20px 12px 40px; }
  .dl-card { padding: 28px 16px 24px; border-radius: 16px; }
  .dl-card h1 { font-size: 1.6rem; }
  .dl-button { width: 100%; padding: 14px 16px; font-size: 1.08rem; }
}
@media (max-width: 340px) { .dl-main { padding: 16px 8px 32px; } .dl-card { padding: 24px 14px 20px; } .dl-button { gap: 8px; padding: 14px 10px; font-size: 1rem; } .dl-win { width: 22px; height: 22px; } }
@media (prefers-reduced-motion: reduce) { .dl-button { transition: none; } }