/* Downloads + Wrongbook pages redesign / dark theme harmonization */
:root {
  --content-bg: #05070b;
  --content-panel: rgba(13, 19, 27, 0.84);
  --content-panel-2: rgba(8, 12, 18, 0.72);
  --content-line: rgba(247,248,244,.12);
  --content-line-strong: rgba(185,255,36,.26);
  --content-text: #f7f8f4;
  --content-body: rgba(247,248,244,.72);
  --content-muted: rgba(247,248,244,.50);
  --content-dim: rgba(247,248,244,.36);
  --content-lime: #b9ff24;
  --content-cyan: #32d4c8;
  --content-purple: #8f52ff;
  --content-red: #ff4f7b;
  --content-yellow: #ffc857;
  --content-radius-xl: 32px;
  --content-radius-lg: 24px;
  --content-radius-md: 16px;
  --content-shadow: 0 28px 90px rgba(0,0,0,.34);
}

body.page-downloads,
body.page-software,
body.page-wrongbook {
  min-height: 100vh;
  color: var(--content-body) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(185,255,36,.14), transparent 26rem),
    radial-gradient(circle at 82% 18%, rgba(143,82,255,.19), transparent 34rem),
    radial-gradient(circle at 18% 86%, rgba(50,212,200,.10), transparent 32rem),
    linear-gradient(135deg, #05070b 0%, #070d12 46%, #070615 100%) !important;
  background-attachment: fixed !important;
  overflow-x: hidden;
}

body.page-downloads *,
body.page-software *,
body.page-wrongbook * {
  box-sizing: border-box;
}

body.page-downloads a,
body.page-software a,
body.page-wrongbook a {
  color: inherit;
}

body.page-downloads .page-header,
body.page-software .page,
body.page-wrongbook .page {
  position: relative;
  z-index: 1;
}

body.page-downloads .page-header {
  width: min(1120px, calc(100vw - 42px));
  max-width: none !important;
  padding: 150px 0 34px !important;
  text-align: left !important;
}

body.page-downloads .page-header h1,
body.page-software .hero-card h1,
body.page-wrongbook .hero h1 {
  color: var(--content-text) !important;
  font-size: clamp(42px, 6vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -.075em !important;
  font-weight: 950 !important;
}

body.page-downloads .page-header p,
body.page-software .hero-card p,
body.page-wrongbook .hero p,
body.page-software .section-head p,
body.page-wrongbook .question-meta {
  color: var(--content-body) !important;
}

body.page-downloads .search-bar-wrapper,
body.page-software .search-form {
  width: min(820px, 100%) !important;
  max-width: none !important;
  margin: 28px 0 0 !important;
  padding: 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247,248,244,.13) !important;
  background: rgba(7, 11, 16, .74) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
}

body.page-downloads .search-input,
body.page-software .search-input,
body.page-software .modal-input,
body.page-software .modal-textarea,
body.page-wrongbook .comment-input {
  color: var(--content-text) !important;
  background: rgba(2,6,10,.48) !important;
  border: 1px solid rgba(247,248,244,.10) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.page-downloads .search-input::placeholder,
body.page-software .search-input::placeholder,
body.page-software .modal-input::placeholder,
body.page-software .modal-textarea::placeholder,
body.page-wrongbook .comment-input::placeholder {
  color: rgba(247,248,244,.34) !important;
}

body.page-downloads .container,
body.page-software .page,
body.page-wrongbook .page {
  width: min(1220px, calc(100vw - 42px)) !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-downloads .container {
  padding-bottom: 90px !important;
}

body.page-software .page,
body.page-wrongbook .page {
  padding-top: 132px !important;
}

body.page-software .hero,
body.page-wrongbook .hero {
  gap: 1px !important;
  overflow: hidden;
  border-radius: var(--content-radius-xl) !important;
  border: 1px solid var(--content-line-strong) !important;
  background:
    linear-gradient(125deg, rgba(185,255,36,.12), transparent 30%),
    linear-gradient(90deg, rgba(13,19,27,.92), rgba(12,14,27,.82)) !important;
  box-shadow: var(--content-shadow) !important;
  margin-bottom: 24px !important;
}

body.page-software .hero-card,
body.page-software .stat-card,
body.page-software .section,
body.page-software .book-card,
body.page-wrongbook .hero,
body.page-wrongbook .question-card,
body.page-downloads .card,
body.page-downloads .empty-state {
  color: var(--content-body) !important;
  background: var(--content-panel) !important;
  border: 1px solid var(--content-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
}

body.page-software .hero-card,
body.page-software .stat-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-software .hero-side {
  gap: 0 !important;
  border-left: 1px solid rgba(247,248,244,.09);
}

body.page-software .stat-card + .stat-card {
  border-top: 1px solid rgba(247,248,244,.09) !important;
}

body.page-software .section,
body.page-wrongbook .question-card,
body.page-downloads .card {
  border-radius: var(--content-radius-lg) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022)),
    rgba(10,15,22,.78) !important;
}

body.page-downloads .grid,
body.page-software .book-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)) !important;
  gap: 16px !important;
}

body.page-downloads .card {
  padding: 22px !important;
  min-height: 220px;
  border-radius: 22px !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.page-downloads .card:hover,
body.page-software .book-card:hover,
body.page-wrongbook .question-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(185,255,36,.24) !important;
  background:
    linear-gradient(180deg, rgba(185,255,36,.065), rgba(255,255,255,.025)),
    rgba(12,18,26,.88) !important;
}

body.page-downloads .card-title,
body.page-software .book-card h3,
body.page-software .section-head h2,
body.page-software .stat-card span,
body.page-wrongbook .question-body,
body.page-wrongbook .hero h1,
body.page-wrongbook .analysis-box strong,
body.page-downloads .empty-state h3 {
  color: var(--content-text) !important;
}

body.page-downloads .card-meta,
body.page-downloads .meta-left,
body.page-software .book-desc,
body.page-software .book-meta,
body.page-software .stat-card p,
body.page-wrongbook .comment-empty,
body.page-wrongbook .comment-content {
  color: var(--content-muted) !important;
}

body.page-downloads .file-icon {
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08) !important;
  color: var(--content-text) !important;
}

body.page-downloads .icon-pdf { color: #ff9bb2 !important; }
body.page-downloads .icon-doc { color: #8ee8ff !important; }
body.page-downloads .icon-zip { color: #ffd36f !important; }
body.page-downloads .icon-ppt { color: #ffb16c !important; }
body.page-downloads .icon-def { color: var(--content-body) !important; }

body.page-downloads .badge,
body.page-software .badge,
body.page-wrongbook .badge,
body.page-wrongbook .question-tag,
body.page-software .page-link,
body.page-downloads .page-link {
  color: var(--content-body) !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(247,248,244,.10) !important;
  box-shadow: none !important;
}

body.page-software .badge.green { color: #d8ff6a !important; background: rgba(185,255,36,.10) !important; border-color: rgba(185,255,36,.18) !important; }
body.page-software .badge.orange { color: #ffd095 !important; background: rgba(255,177,92,.10) !important; border-color: rgba(255,177,92,.18) !important; }

body.page-downloads .action-btn,
body.page-downloads .download-link,
body.page-software .btn,
body.page-wrongbook .link-btn,
body.page-wrongbook .question-btn,
body.page-wrongbook .comment-submit {
  min-height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247,248,244,.12) !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

body.page-downloads .action-btn:not(.search-submit-btn),
body.page-downloads .download-link,
body.page-software .btn.primary,
body.page-wrongbook .link-btn.primary,
body.page-wrongbook .comment-submit {
  color: #05070b !important;
  background: var(--content-lime) !important;
  border-color: rgba(185,255,36,.42) !important;
}

body.page-downloads .search-submit-btn,
body.page-software .btn.secondary,
body.page-wrongbook .link-btn.secondary,
body.page-wrongbook .question-btn {
  color: var(--content-text) !important;
  background: rgba(255,255,255,.075) !important;
}

body.page-downloads .action-btn:hover,
body.page-downloads .download-link:hover,
body.page-software .btn:hover,
body.page-wrongbook .link-btn:hover,
body.page-wrongbook .question-btn:hover,
body.page-wrongbook .comment-submit:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(185,255,36,.34) !important;
}

body.page-downloads .pagination-wrapper,
body.page-software .pagination,
body.page-wrongbook .pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 28px !important;
  flex-wrap: wrap;
}

body.page-downloads .page-link.active,
body.page-software .page-link.active,
body.page-wrongbook .page-link.active {
  color: #05070b !important;
  background: var(--content-lime) !important;
  border-color: rgba(185,255,36,.42) !important;
}

body.page-software .modal-card {
  color: var(--content-body) !important;
  background: rgba(13,19,27,.96) !important;
  border: 1px solid rgba(247,248,244,.14) !important;
}

body.page-software .modal-head h3,
body.page-software .modal-label {
  color: var(--content-text) !important;
}

body.page-wrongbook .question-card {
  padding: 26px !important;
  margin-bottom: 16px !important;
}

body.page-wrongbook .question-top,
body.page-wrongbook .question-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.page-wrongbook .option-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.page-wrongbook .option-item {
  color: var(--content-body) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(247,248,244,.10) !important;
  border-radius: 16px !important;
}

body.page-wrongbook .analysis-box,
body.page-wrongbook .comments-box {
  color: var(--content-body) !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(247,248,244,.10) !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

body.page-wrongbook .comment-item {
  border-bottom: 1px solid rgba(247,248,244,.08) !important;
}

body.page-wrongbook .comment-meta {
  color: var(--content-cyan) !important;
}

body.page-downloads mjx-container,
body.page-software mjx-container,
body.page-wrongbook mjx-container {
  color: var(--content-text) !important;
}

@media (max-width: 980px) {
  body.page-software .hero { grid-template-columns: 1fr !important; }
  body.page-software .hero-side { border-left: 0; border-top: 1px solid rgba(247,248,244,.09); }
  body.page-wrongbook .option-list { grid-template-columns: 1fr !important; }
}

@media (max-width: 680px) {
  body.page-downloads,
  body.page-software,
  body.page-wrongbook { background-attachment: scroll !important; }
  body.page-downloads .page-header,
  body.page-downloads .container,
  body.page-software .page,
  body.page-wrongbook .page { width: calc(100vw - 22px) !important; }
  body.page-downloads .search-bar-wrapper,
  body.page-software .search-form { border-radius: 22px !important; display: grid !important; }
  body.page-downloads .search-form-actions { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; }
  body.page-downloads .action-btn { width: 100%; }
  body.page-downloads .grid,
  body.page-software .book-grid { grid-template-columns: 1fr !important; }
}