@import url("/css/hudra.css");

:root {
  --blue-950: #281052;
  --blue-900: #5425a8;
  --blue-800: #5425a8;
  --blue-700: #6d35d8;
  --blue-50: #f8f3ff;
  --soft: #f8f3ff;
  --line: #eadfff;
}

.lildra-reading-window { transform: rotate(1deg); }
.reading-shell { min-height: 430px; background: #f3eefb; }
.reading-title { padding: 13px 24px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #5425a8, #281052); font-size: .8rem; font-weight: 800; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.reading-page { width: min(72%, 620px); margin: 30px auto; padding: 30px; border-radius: 10px; background: #fff; box-shadow: 0 14px 35px rgba(40,16,82,.1); }
.reading-page h2 { width: 67%; height: 18px; margin: 0 0 24px; border-radius: 6px; background: #281052; }
.reading-page p { height: 8px; margin: 12px 0; border-radius: 5px; background: #d7ccec; }
.reading-page p:nth-child(3) { width: 86%; }
.reading-page p:nth-child(4) { width: 70%; }
.reading-media { height: 110px; margin-top: 24px; border-radius: 10px; background: linear-gradient(135deg, #eadfff, #cdb4ff); }
.reading-version { padding: 10px 14px; color: #6d35d8; font-size: .68rem; font-weight: 800; text-align: right; }
.feature-card-accent, .cta-card { background: radial-gradient(circle at 80% 20%, #8250e8 0, transparent 34%), linear-gradient(135deg, #6d35d8, #281052); }
.site-footer { background: #1d0b3d; }

@media (max-width: 760px) {
  .lildra-reading-window { transform: none; }
  .reading-page { width: calc(100% - 34px); padding: 22px; }
}
