html,body{min-height:100vh;background:linear-gradient(#b29f94,#603813);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.hs-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px!important;margin-left:40px!important;width:100%;max-width:100%;padding:18px;box-sizing:border-box;background:var(--study-page-bg) fixed no-repeat center/cover!important}.hs-card{background:#f2f3f5;border:1px solid #e5e7eb;border-radius:10px;padding-top:10px;transition:.2s ease}.hs-link{display:flex;align-items:flex-start;gap:10px;padding:1px 12px;text-decoration:none;color:#1f2937;font-size:14px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:unset;outline:none;box-shadow:none}.hs-num{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#4f46e5;color:#fff;border-radius:7px;font-size:12px;font-weight:600;flex-shrink:0}.hs-card:hover{transform:translateY(-2px);border-color:#c7d2fe}@media(max-width:1024px){.hs-container{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:6px!important}}@media(max-width:640px){.hs-container{grid-template-columns:1fr;margin-left:0!important}.hs-link{font-size:13.5px}}



/* =========================
   HISTORY SUBJECTS DARK MODE
========================= */

body.dark-mode {
    background: linear-gradient(
        #111827,
        #1f2937,
        #374151
    ) !important;
}

body.dark-mode .hs-container {
    background: transparent !important;
}

body.dark-mode .hs-card {
    background: #1f2937;
    border: 1px solid #374151;
}

body.dark-mode .hs-link {
    color: #e5e7eb;
}

body.dark-mode .hs-num {
    background: #6366f1;
    color: #ffffff;
}

body.dark-mode .hs-card:hover {
    border-color: #6366f1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}