/* V26 / V72 — Download page aligned with the Sagroth home and register theme. */
html[data-active-view="download"] #inner-page-shell {
  isolation: isolate;
  background:
    radial-gradient(ellipse 34% 58% at 0% 34%, rgba(113,32,43,.12), transparent 72%),
    radial-gradient(ellipse 32% 54% at 100% 66%, rgba(99,29,39,.09), transparent 74%),
    radial-gradient(ellipse at 50% 0%, #2a2a2c 0%, #1e1e20 42%, #171719 100%) !important;
}

html[data-active-view="download"] #inner-page-shell::before {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(177,52,65,.24), transparent) left 11% top 190px / 76px 1px no-repeat,
    linear-gradient(90deg, transparent, rgba(177,52,65,.19), transparent) right 11% top 70% / 76px 1px no-repeat,
    radial-gradient(circle at -5% 34%, transparent 0 215px, rgba(172,68,78,.045) 216px 217px, transparent 218px),
    radial-gradient(circle at 105% 68%, transparent 0 235px, rgba(172,68,78,.04) 236px 237px, transparent 238px);
}

html[data-active-view="download"] #inner-page-shell::after {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 104px max(26px, calc(50% - 610px)) 48px;
  pointer-events: none;
  border-left: 1px solid rgba(185,185,190,.04);
  border-right: 1px solid rgba(185,185,190,.04);
  background: linear-gradient(90deg, rgba(130,42,53,.02), transparent 9%, transparent 91%, rgba(130,42,53,.02));
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 84%, transparent);
}

html[data-active-view="download"] .inner-page-body {
  position: relative;
  z-index: 1;
}

.s2-download-document {
  color: #ededee;
}

.s2-download-document .showcase-title {
  border-bottom-color: #3e3e42;
}

.s2-download-document .landof-panel-icon,
.s2-download-document .showcase-source-icon {
  border-color: #48484d;
  background: linear-gradient(145deg, #2b2b2e, #232326);
  color: #d7d7db;
}

.s2-download-document .showcase-source-card,
.s2-download-document .showcase-requirements {
  border-color: #414146;
  background: linear-gradient(145deg, #272729, #202022);
  box-shadow: inset 0 1px rgba(255,255,255,.018);
}

.s2-download-document .download-name strong,
.s2-download-document .landof-panel-head h1,
.s2-download-document .showcase-fix strong {
  color: #ededee;
}

.s2-download-document .download-name small,
.s2-download-document .showcase-title p,
.s2-download-document .landof-panel-head p,
.s2-download-document .showcase-fix small {
  color: #aaa9ae;
}

html:not([data-active-view]) body.s2-download-document .showcase-download-button {
  border-color: #ae535d !important;
  background: linear-gradient(#99323e, #782630) !important;
  color: #fff !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

html:not([data-active-view]) body.s2-download-document .showcase-download-button:hover {
  border-color: #c27680 !important;
  background: linear-gradient(#aa414d, #8d303b) !important;
  transform: translateY(-1px);
}

.s2-download-document a:focus-visible {
  outline: 2px solid #d3a0a5;
  outline-offset: 3px;
}

.s2-download-document .system-tabs .active {
  color: #c8c7cb;
}

.s2-download-document th {
  color: #c9c8cc;
  background: #19191b;
}

.s2-download-document th,
.s2-download-document td {
  border-bottom-color: #3a3a3e;
}

.s2-download-document td {
  color: #bbbabe;
}

.s2-download-document td:first-child {
  color: #e0dfe2;
}

.s2-download-document .showcase-fix {
  border-color: #414146;
  background: linear-gradient(145deg, #242426, #1e1e20);
  color: #ededee;
  transition: background .16s ease, border-color .16s ease;
}

.s2-download-document .showcase-fix > span {
  border-color: #55555b;
  color: #d7a0a7;
}

.s2-download-document .showcase-fix b {
  color: #d7a0a7;
}

.s2-download-document .showcase-fix:hover {
  border-color: #a15b65;
  background: linear-gradient(145deg, #312326, #222224);
}

@media (max-width: 1100px) {
  html[data-active-view="download"] #inner-page-shell {
    background: radial-gradient(ellipse at 50% 0%, #29292b 0%, #1e1e20 43%, #171719 100%) !important;
  }
  html[data-active-view="download"] #inner-page-shell::before,
  html[data-active-view="download"] #inner-page-shell::after {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .s2-download-document .showcase-title {
    gap: 11px;
  }
  .s2-download-document .showcase-title h1 {
    white-space: nowrap;
    font-size: 22px;
  }
  .s2-download-document .showcase-requirements {
    padding-inline: 10px;
  }
  .s2-download-document th,
  .s2-download-document td {
    padding: 9px 4px;
    font-size: 11px;
    line-height: 1.35;
  }
  .s2-download-document th:first-child {
    width: 28%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s2-download-document .showcase-download-button,
  .s2-download-document .showcase-fix {
    transition: none !important;
  }
}