/* =========================================================
   Muklib personal themes — v3.5.0
   هر بسته رنگ، نسخه روشن و تاریک مستقل دارد.
   ========================================================= */
html[data-theme="classic"] body{
  --navy:#0d3557;--navy2:#174d78;--gold:#b88a2f;--cream:#faf8f3;--paper:#fff;--ink:#172330;--muted:#6e7781;--line:#e0e6ea;--soft:#edf3f6;
  --theme-hero-1:#0b2f4f;--theme-hero-2:#16517b;--theme-hero-3:#8b6824;--theme-footer:#0c2d49;--theme-glow-a:rgba(184,138,47,.10);--theme-glow-b:rgba(13,53,87,.07);--theme-focus:rgba(23,77,120,.14);
}
html.dark[data-theme="classic"] body{
  --navy:#65b4e1;--navy2:#297ca7;--gold:#e3ba61;--cream:#0b1420;--paper:#111f2c;--ink:#eef4f7;--muted:#a7b3bd;--line:#263847;--soft:#162735;
  --theme-hero-1:#071722;--theme-hero-2:#0e3b57;--theme-hero-3:#574316;--theme-footer:#071722;--theme-glow-a:rgba(227,186,97,.08);--theme-glow-b:rgba(101,180,225,.07);--theme-focus:rgba(101,180,225,.17);
}
html[data-theme="hello-pink"] body{
  --navy:#d93f7c;--navy2:#f36d9d;--gold:#ff9d8e;--cream:#fff7fb;--paper:#fffefe;--ink:#3b2632;--muted:#806a75;--line:#f0dbe5;--soft:#fdebf3;--green:#258264;--red:#c72858;
  --shadow:0 16px 46px rgba(194,55,113,.10);--theme-hero-1:#b82d69;--theme-hero-2:#e95e91;--theme-hero-3:#ffad9f;--theme-footer:#8c2855;--theme-glow-a:rgba(255,157,142,.16);--theme-glow-b:rgba(217,63,124,.10);--theme-focus:rgba(217,63,124,.14);
}
html.dark[data-theme="hello-pink"] body{
  --navy:#ff8fba;--navy2:#d94f84;--gold:#ffae9f;--cream:#1d1018;--paper:#281621;--ink:#fff3f8;--muted:#d8afc2;--line:#523044;--soft:#38202e;--green:#75d2af;--red:#ff7c9d;
  --shadow:0 16px 48px rgba(0,0,0,.32);--theme-hero-1:#331525;--theme-hero-2:#702342;--theme-hero-3:#91453f;--theme-footer:#24101b;--theme-glow-a:rgba(255,174,159,.09);--theme-glow-b:rgba(255,143,186,.08);--theme-focus:rgba(255,143,186,.18);
}
html[data-theme="mint-lilac"] body{
  --navy:#197f73;--navy2:#3aa99d;--gold:#8a65c7;--cream:#f5fbfa;--paper:#ffffff;--ink:#193631;--muted:#657b77;--line:#d9ebe7;--soft:#e7f5f2;--green:#197f73;--red:#b94162;
  --shadow:0 16px 46px rgba(25,127,115,.09);--theme-hero-1:#12695f;--theme-hero-2:#32998e;--theme-hero-3:#8060b6;--theme-footer:#11564f;--theme-glow-a:rgba(138,101,199,.12);--theme-glow-b:rgba(58,169,157,.10);--theme-focus:rgba(25,127,115,.14);
}
html.dark[data-theme="mint-lilac"] body{
  --navy:#72d8cb;--navy2:#35a99b;--gold:#c2a5f1;--cream:#091715;--paper:#10231f;--ink:#effbf8;--muted:#a8c9c2;--line:#294941;--soft:#17342e;--green:#72d8cb;--red:#ff88a7;
  --shadow:0 16px 48px rgba(0,0,0,.31);--theme-hero-1:#0a2723;--theme-hero-2:#145f56;--theme-hero-3:#4d3a70;--theme-footer:#071c19;--theme-glow-a:rgba(194,165,241,.08);--theme-glow-b:rgba(114,216,203,.07);--theme-focus:rgba(114,216,203,.17);
}
html[data-theme="ocean-coral"] body{
  --navy:#0b5f80;--navy2:#168bac;--gold:#f26f63;--cream:#f4fbfd;--paper:#ffffff;--ink:#18333d;--muted:#667d85;--line:#d8e9ee;--soft:#e8f4f7;--green:#168364;--red:#c54448;
  --shadow:0 16px 46px rgba(11,95,128,.10);--theme-hero-1:#084a67;--theme-hero-2:#127f9e;--theme-hero-3:#e8665d;--theme-footer:#073f57;--theme-glow-a:rgba(242,111,99,.13);--theme-glow-b:rgba(22,139,172,.10);--theme-focus:rgba(11,95,128,.14);
}
html.dark[data-theme="ocean-coral"] body{
  --navy:#6fcbea;--navy2:#168bac;--gold:#ff9389;--cream:#07171e;--paper:#0e242d;--ink:#eefaff;--muted:#a4c4cf;--line:#274955;--soft:#15343f;--green:#72d6b0;--red:#ff8d91;
  --shadow:0 16px 48px rgba(0,0,0,.32);--theme-hero-1:#08232e;--theme-hero-2:#0b566b;--theme-hero-3:#7a3734;--theme-footer:#061b24;--theme-glow-a:rgba(255,147,137,.08);--theme-glow-b:rgba(111,203,234,.07);--theme-focus:rgba(111,203,234,.17);
}
html[data-theme="plum-gold"] body{
  --navy:#5f356f;--navy2:#85509a;--gold:#d7a83e;--cream:#fbf7fc;--paper:#ffffff;--ink:#34283a;--muted:#796b7d;--line:#e9ddeb;--soft:#f3eaf5;--green:#397c62;--red:#b53d59;
  --shadow:0 16px 46px rgba(95,53,111,.10);--theme-hero-1:#4c2859;--theme-hero-2:#75428a;--theme-hero-3:#b88725;--theme-footer:#42234e;--theme-glow-a:rgba(215,168,62,.13);--theme-glow-b:rgba(133,80,154,.10);--theme-focus:rgba(95,53,111,.14);
}
html.dark[data-theme="plum-gold"] body{
  --navy:#d5a8e3;--navy2:#915aaa;--gold:#edc76a;--cream:#160d19;--paper:#221529;--ink:#fbf2fd;--muted:#cbb5d0;--line:#493252;--soft:#311e39;--green:#84d3ac;--red:#ff819c;
  --shadow:0 16px 48px rgba(0,0,0,.32);--theme-hero-1:#24102b;--theme-hero-2:#542566;--theme-hero-3:#725418;--theme-footer:#1a0d20;--theme-glow-a:rgba(237,199,106,.08);--theme-glow-b:rgba(213,168,227,.07);--theme-focus:rgba(213,168,227,.17);
}

html[data-theme] body{
  background-image:radial-gradient(circle at 95% -10%,var(--theme-glow-a),transparent 28%),radial-gradient(circle at 0 15%,var(--theme-glow-b),transparent 24%);
}
html[data-theme] .hero-panel,
html[data-theme] .quiz-hero-panel{background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.13),transparent 25%),linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2) 62%,var(--theme-hero-3) 132%)}
html[data-theme] .page-hero-box,
html[data-theme] .user-menu-featured,
html[data-theme] .student-quickbar-primary,
html[data-theme] .study-dashboard-action{background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2))!important}
html[data-theme] .site-footer{background:var(--theme-footer)}
html[data-theme] .primary-action,
html[data-theme] .download-button,
html[data-theme] .quiz-filter-bar button,
html[data-theme] .quiz-card-action,
html[data-theme] .close-day-strip button{background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2));color:#fff}
html[data-theme] .brand-mark{background:linear-gradient(145deg,var(--theme-hero-1),var(--theme-hero-2));box-shadow:0 10px 28px color-mix(in srgb,var(--navy) 25%,transparent)}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 4px var(--theme-focus)!important}
html[data-theme] input[type="checkbox"],html[data-theme] input[type="radio"],html[data-theme] input[type="range"]{accent-color:var(--navy)}
html[data-theme] .student-quickbar a:hover{box-shadow:0 9px 24px color-mix(in srgb,var(--navy) 13%,transparent)}
html[data-theme="hello-pink"] .brand-mark,
html[data-theme="hello-pink"] .theme-preview-top{border-radius:16px 16px 20px 20px}
html[data-theme="hello-pink"] .resource-label,
html[data-theme="hello-pink"] .mini-label{background:color-mix(in srgb,var(--gold) 18%,var(--paper));color:color-mix(in srgb,var(--navy) 80%,var(--ink))}

/* Theme selection inside profile */
.theme-preferences{display:grid;gap:17px;padding:19px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 4%,var(--paper)),var(--paper))}
.theme-preferences-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.theme-preferences-head h3{margin:0;font-size:16px}.theme-preferences-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.theme-live-badge{flex:none;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--navy) 10%,var(--paper));color:var(--navy);font-size:9px;font-weight:900}
.theme-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-choice-card{position:relative;min-height:170px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--paper);cursor:pointer;transition:.18s;overflow:hidden}.theme-choice-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.theme-choice-card.selected,.theme-choice-card:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 3px color-mix(in srgb,var(--navy) 10%,transparent),var(--shadow)}.theme-choice-card input{position:absolute;opacity:0;pointer-events:none}.theme-card-check{position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:transparent;font-size:11px;font-weight:900}.theme-choice-card.selected .theme-card-check,.theme-choice-card:has(input:checked) .theme-card-check{background:var(--navy);color:#fff}.theme-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--soft);font-size:20px;margin-bottom:10px}.theme-choice-card strong,.theme-choice-card small{display:block}.theme-choice-card strong{font-size:11px}.theme-choice-card small{font-size:8px;color:var(--muted);line-height:1.8;margin-top:3px}.theme-swatches{display:flex;direction:ltr;gap:0;margin-top:12px}.theme-swatches i{width:24px;height:24px;background:var(--swatch);border:2px solid var(--paper);border-radius:50%;margin-left:-5px;box-shadow:0 2px 8px rgba(0,0,0,.10)}
.theme-mode-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-radius:16px;background:var(--soft)}.theme-mode-panel>div:first-child strong,.theme-mode-panel>div:first-child small{display:block}.theme-mode-panel>div:first-child strong{font-size:11px}.theme-mode-panel>div:first-child small{font-size:8px;color:var(--muted)}.theme-mode-options{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.theme-mode-options label{cursor:pointer}.theme-mode-options input{position:absolute;opacity:0}.theme-mode-options span{display:block;padding:7px 12px;border-radius:9px;font-size:9px;font-weight:900;color:var(--muted)}.theme-mode-options input:checked+span{background:var(--navy);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--navy) 22%,transparent)}
.theme-preview-card{min-height:112px;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden;display:grid;grid-template-columns:150px 1fr}.theme-preview-top{background:linear-gradient(145deg,var(--theme-hero-1),var(--theme-hero-2));display:flex;align-items:flex-start;gap:5px;padding:14px}.theme-preview-top span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.68)}.theme-preview-content{padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.theme-preview-content b,.theme-preview-content small{display:block}.theme-preview-content b{font-size:12px}.theme-preview-content small{font-size:8px;color:var(--muted);margin:2px 0 8px}.theme-preview-content i{font-style:normal;padding:6px 11px;border-radius:9px;background:var(--navy);color:#fff;font-size:8px;font-weight:900}
body[data-theme-save="failed"]:after{content:"ذخیره سریع تم انجام نشد؛ از صفحه پروفایل ذخیره کن.";position:fixed;z-index:9999;left:18px;bottom:18px;max-width:300px;padding:11px 14px;border-radius:13px;background:var(--red);color:#fff;font-size:10px;font-weight:900;box-shadow:var(--shadow)}

@media(max-width:1050px){.theme-choice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.theme-preferences{padding:14px}.theme-preferences-head{display:block}.theme-live-badge{display:inline-flex;margin-top:8px}.theme-choice-grid{grid-template-columns:1fr 1fr}.theme-choice-card{min-height:158px}.theme-mode-panel{display:grid}.theme-mode-options{display:grid;grid-template-columns:repeat(3,1fr)}.theme-mode-options span{text-align:center;padding-inline:7px}.theme-preview-card{grid-template-columns:78px 1fr}}
@media(max-width:420px){.theme-choice-grid{grid-template-columns:1fr}.theme-choice-card{min-height:135px}.theme-preview-card{display:none}}

/* هماهنگ‌سازی اجزایی که در نسخه‌های قبلی رنگ ثابت داشتند */
html[data-theme] .learning-page{--learn-blue:var(--navy2);--learn-cyan:color-mix(in srgb,var(--navy2) 74%,#7fe1dd);--learn-gold:var(--gold);--learn-green:var(--green);--learn-red:var(--red);--learn-purple:color-mix(in srgb,var(--navy) 68%,var(--gold))}
html[data-theme] .learning-hero-grid,
html[data-theme] .learning-subhero>.container,
html[data-theme] .personal-result-hero>.container,
html[data-theme] .learning-next-exam{background:linear-gradient(128deg,var(--theme-hero-1),var(--theme-hero-2) 68%,var(--theme-hero-3) 145%)}
html[data-theme] .study-flashcard-back{background:linear-gradient(145deg,var(--theme-hero-1),var(--theme-hero-2))}
html[data-theme] .quiz-dashboard-action{background:linear-gradient(135deg,var(--theme-hero-2),var(--theme-hero-3))!important}
html[data-theme] .quiz-catalog-head span,
html[data-theme] .quiz-section-head>div>span{color:color-mix(in srgb,var(--navy) 75%,var(--gold))}
html[data-theme] .online-quiz-card:hover{border-color:color-mix(in srgb,var(--navy) 40%,var(--line))}

html.dark[data-theme] body{color-scheme:dark}
html.dark[data-theme] body .site-header{background:color-mix(in srgb,var(--cream) 90%,transparent);border-bottom-color:var(--line)}
html.dark[data-theme] body .nav-wrap nav a{color:var(--muted)}
html.dark[data-theme] body .nav-wrap nav a:hover{background:var(--soft);color:var(--ink);box-shadow:none}
html.dark[data-theme] body .icon-button,
html.dark[data-theme] body .mobile-menu,
html.dark[data-theme] body .user-chip{background:var(--paper);border-color:var(--line);color:var(--ink)}
html.dark[data-theme] body .user-menu-panel,
html.dark[data-theme] body .student-quickbar,
html.dark[data-theme] body .student-quickbar a:not(.student-quickbar-primary){background:color-mix(in srgb,var(--paper) 94%,transparent);border-color:var(--line)}
html.dark[data-theme] body input,
html.dark[data-theme] body select,
html.dark[data-theme] body textarea,
html.dark[data-theme] body .field input,
html.dark[data-theme] body .field select,
html.dark[data-theme] body .filters input,
html.dark[data-theme] body .filters select,
html.dark[data-theme] body .quiz-filter-bar input,
html.dark[data-theme] body .quiz-filter-bar select,
html.dark[data-theme] body .gpa-grade-field input{background:color-mix(in srgb,var(--paper) 78%,var(--cream))!important;color:var(--ink)!important;border-color:var(--line)!important}
html.dark[data-theme] body select option{background:var(--paper);color:var(--ink)}
html.dark[data-theme] body input::placeholder,
html.dark[data-theme] body textarea::placeholder{color:var(--muted);opacity:1}
html.dark[data-theme] body .next-exam-card.empty-next,
html.dark[data-theme] body .upcoming-panel,
html.dark[data-theme] body .notice-board,
html.dark[data-theme] body .stat,
html.dark[data-theme] body .resource-card,
html.dark[data-theme] body .course-card,
html.dark[data-theme] body .detail-card,
html.dark[data-theme] body .news-list,
html.dark[data-theme] body .exam-list,
html.dark[data-theme] body .auth-card,
html.dark[data-theme] body .profile-card,
html.dark[data-theme] body .filters,
html.dark[data-theme] body .empty-state,
html.dark[data-theme] body .learning-panel,
html.dark[data-theme] body .learning-stat-grid article,
html.dark[data-theme] body .online-quiz-card,
html.dark[data-theme] body .qa-question-list article,
html.dark[data-theme] body .qa-detail-question,
html.dark[data-theme] body .qa-answer-list article{background:var(--paper);border-color:var(--line)}
html.dark[data-theme] body .resource-view-button{background:var(--soft);border-color:var(--line);color:var(--navy)}
html.dark[data-theme] body .resource-view-button:hover{background:color-mix(in srgb,var(--soft) 70%,var(--paper))}
html.dark[data-theme] body .course-topline small,
html.dark[data-theme] body .resource-professor-note,
html.dark[data-theme] body .professor-card p,
html.dark[data-theme] body .professor-card small{color:var(--muted)!important}
html.dark[data-theme] body .professor-card h2,
html.dark[data-theme] body .professor-card h3,
html.dark[data-theme] body .resource-card h3{color:var(--ink)!important}
html.dark[data-theme] body .smart-review-card{background:var(--paper);border-color:var(--line)}
html.dark[data-theme] body .smart-review-card h2{color:var(--ink)}
html.dark[data-theme] body .smart-review-options>div{background:var(--soft);border-color:var(--line)}
html.dark[data-theme] body .smart-review-options span{background:color-mix(in srgb,var(--paper) 75%,var(--cream));color:var(--ink);border-color:var(--line)}
html.dark[data-theme] body .smart-review-options p{color:var(--ink)}
html.dark[data-theme] body .reveal-answer{background:color-mix(in srgb,var(--navy) 16%,var(--paper));color:var(--navy);border-color:color-mix(in srgb,var(--navy) 45%,var(--line));box-shadow:0 7px 18px rgba(0,0,0,.2)}
html.dark[data-theme] body .reveal-answer:hover{background:color-mix(in srgb,var(--navy) 24%,var(--paper))}
html.dark[data-theme] body .smart-review-answer{background:color-mix(in srgb,var(--green) 12%,var(--paper));border-right-color:var(--green);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 28%,var(--line))}
html.dark[data-theme] body .smart-review-answer strong{color:var(--ink)}
html.dark[data-theme] body .smart-review-answer p{color:var(--muted)}
html.dark[data-theme] body .bookmark-button,
html.dark[data-theme] body .review-grade-buttons button{background:var(--soft);border-color:var(--line);color:var(--ink)}
html.dark[data-theme] body .learning-hero-grid,
html.dark[data-theme] body .learning-subhero>.container,
html.dark[data-theme] body .personal-result-hero>.container,
html.dark[data-theme] body .learning-next-exam{background:linear-gradient(125deg,var(--theme-hero-1),var(--theme-hero-2))}
html.dark[data-theme] body .personal-score-ring:after{background:var(--paper)}
html.dark[data-theme] body .theme-preferences{background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 6%,var(--paper)),var(--paper))}

/* =========================================================
   Muklib visual experience — v3.6.0
   تم‌های تازه، آیکون‌های هماهنگ، حالت‌های بارگذاری و موبایل
   ========================================================= */

/* 6. شکوفه گیلاس */
html[data-theme="cherry-blossom"] body{
  --navy:#D95D82;--navy2:#6F7EBB;--gold:#F3B8C8;--cream:#FFF7FA;--paper:#FFFFFF;--ink:#382832;--muted:#7C6974;--line:#EEDDE5;--soft:#FBEAF1;--green:#3B866A;--red:#C74365;
  --shadow:0 16px 42px rgba(130,72,99,.10);--theme-hero-1:#C64D73;--theme-hero-2:#6F7EBB;--theme-hero-3:#EAA9BC;--theme-footer:#553342;--theme-glow-a:rgba(243,184,200,.24);--theme-glow-b:rgba(111,126,187,.10);--theme-focus:rgba(217,93,130,.16);
  --chart-primary:#D95D82;--chart-secondary:#6F7EBB;--chart-accent:#F3B8C8;--theme-radius:22px;
}
html.dark[data-theme="cherry-blossom"] body{
  --navy:#F18AA8;--navy2:#9B8BDD;--gold:#F3B8C8;--cream:#1F1720;--paper:#30232D;--ink:#FFF2F6;--muted:#CEB4C0;--line:#513B4B;--soft:#3B2B37;--green:#7BC5A8;--red:#FF829F;
  --shadow:0 18px 48px rgba(0,0,0,.31);--theme-hero-1:#512439;--theme-hero-2:#4D416F;--theme-hero-3:#8B4B62;--theme-footer:#170F18;--theme-glow-a:rgba(241,138,168,.10);--theme-glow-b:rgba(155,139,221,.08);--theme-focus:rgba(241,138,168,.19);
  --chart-primary:#F18AA8;--chart-secondary:#A78BFA;--chart-accent:#F3B8C8;
}

/* 7. ماچا لاته */
html[data-theme="matcha-latte"] body{
  --navy:#66856A;--navy2:#7E9D7D;--gold:#C78F62;--cream:#F6F5EC;--paper:#FFFEF8;--ink:#2F382E;--muted:#6F796D;--line:#DFE3D6;--soft:#EDF1E6;--green:#66856A;--red:#AE5B53;
  --shadow:0 17px 42px rgba(80,103,77,.10);--theme-hero-1:#506D55;--theme-hero-2:#789679;--theme-hero-3:#B97F54;--theme-footer:#33483A;--theme-glow-a:rgba(168,195,163,.23);--theme-glow-b:rgba(199,143,98,.09);--theme-focus:rgba(102,133,106,.17);
  --chart-primary:#66856A;--chart-secondary:#C78F62;--chart-accent:#A8C3A3;--theme-radius:18px;
}
html.dark[data-theme="matcha-latte"] body{
  --navy:#9FBE98;--navy2:#769B7A;--gold:#D8A173;--cream:#18211B;--paper:#253128;--ink:#F3F5E9;--muted:#B9C5B5;--line:#3C4E40;--soft:#303F34;--green:#9FBE98;--red:#E7897F;
  --shadow:0 18px 48px rgba(0,0,0,.30);--theme-hero-1:#23362A;--theme-hero-2:#47644B;--theme-hero-3:#7A5338;--theme-footer:#111813;--theme-glow-a:rgba(159,190,152,.09);--theme-glow-b:rgba(216,161,115,.07);--theme-focus:rgba(159,190,152,.18);
  --chart-primary:#9FBE98;--chart-secondary:#D8A173;--chart-accent:#C7D6B8;
}

/* 8. شفق قطبی */
html[data-theme="aurora"] body{
  --navy:#247F91;--navy2:#7656B5;--gold:#59C4BA;--cream:#F3F8FA;--paper:#FFFFFF;--ink:#213640;--muted:#657B84;--line:#D9E8EC;--soft:#E8F3F5;--green:#2B8C73;--red:#C54F6B;
  --shadow:0 18px 48px rgba(36,127,145,.10);--theme-hero-1:#1D6F80;--theme-hero-2:#5D4BA2;--theme-hero-3:#51BEB6;--theme-footer:#153B4B;--theme-glow-a:rgba(89,196,186,.18);--theme-glow-b:rgba(118,86,181,.12);--theme-focus:rgba(36,127,145,.17);
  --chart-primary:#247F91;--chart-secondary:#7656B5;--chart-accent:#59C4BA;--theme-radius:20px;
}
html.dark[data-theme="aurora"] body{
  --navy:#53D4CC;--navy2:#A78BFA;--gold:#7BE7D9;--cream:#0D1722;--paper:#172536;--ink:#EEF8FF;--muted:#A9C2D2;--line:#2D4358;--soft:#203348;--green:#64D6B4;--red:#FF82A0;
  --shadow:0 19px 54px rgba(0,0,0,.34);--theme-hero-1:#0B3944;--theme-hero-2:#3A2E70;--theme-hero-3:#176A69;--theme-footer:#07111B;--theme-glow-a:rgba(83,212,204,.10);--theme-glow-b:rgba(167,139,250,.10);--theme-focus:rgba(83,212,204,.19);
  --chart-primary:#53D4CC;--chart-secondary:#A78BFA;--chart-accent:#F472B6;
}

/* 9. کاپوچینو */
html[data-theme="cappuccino"] body{
  --navy:#8A5F45;--navy2:#A27353;--gold:#B88654;--cream:#F8F2EA;--paper:#FFFDF9;--ink:#3B2D25;--muted:#7C6B60;--line:#E8DCCF;--soft:#F2E8DC;--green:#6A8463;--red:#AE5C55;
  --shadow:0 16px 40px rgba(104,75,56,.11);--theme-hero-1:#6F4935;--theme-hero-2:#9B6C4C;--theme-hero-3:#C09260;--theme-footer:#493327;--theme-glow-a:rgba(218,185,144,.20);--theme-glow-b:rgba(138,95,69,.08);--theme-focus:rgba(138,95,69,.16);
  --chart-primary:#8A5F45;--chart-secondary:#B88654;--chart-accent:#DAB990;--theme-radius:17px;
}
html.dark[data-theme="cappuccino"] body{
  --navy:#D5A36C;--navy2:#B27B57;--gold:#E0B77E;--cream:#211A17;--paper:#302521;--ink:#FFF4E8;--muted:#CDB9A8;--line:#503E35;--soft:#3C2F29;--green:#A6C08F;--red:#E68A7B;
  --shadow:0 18px 48px rgba(0,0,0,.31);--theme-hero-1:#39251D;--theme-hero-2:#704A34;--theme-hero-3:#815E3A;--theme-footer:#17110F;--theme-glow-a:rgba(213,163,108,.09);--theme-glow-b:rgba(178,123,87,.07);--theme-focus:rgba(213,163,108,.18);
  --chart-primary:#D5A36C;--chart-secondary:#E0B77E;--chart-accent:#C89A7A;
}

/* 10. شب نئونی؛ فقط حالت تاریک */
html[data-theme="neon-night"] body,
html.dark[data-theme="neon-night"] body{
  --navy:#5EEAD4;--navy2:#818CF8;--gold:#F472B6;--cream:#090D18;--paper:#12192A;--ink:#F8FAFC;--muted:#A9B4C9;--line:#29334A;--soft:#192237;--green:#5EEAD4;--red:#FB7185;
  --shadow:0 18px 52px rgba(0,0,0,.42);--theme-hero-1:#0E3542;--theme-hero-2:#312B6D;--theme-hero-3:#632B58;--theme-footer:#050811;--theme-glow-a:rgba(94,234,212,.08);--theme-glow-b:rgba(129,140,248,.08);--theme-focus:rgba(94,234,212,.20);
  --chart-primary:#5EEAD4;--chart-secondary:#818CF8;--chart-accent:#F472B6;--theme-radius:18px;
}

/* متغیرهای تکمیلی تم‌های قبلی */
html[data-theme="classic"] body{--chart-primary:#0d3557;--chart-secondary:#174d78;--chart-accent:#b88a2f;--theme-radius:18px}
html.dark[data-theme="classic"] body{--chart-primary:#65b4e1;--chart-secondary:#297ca7;--chart-accent:#e3ba61}
html[data-theme="hello-pink"] body{--chart-primary:#d93f7c;--chart-secondary:#f36d9d;--chart-accent:#ff9d8e;--theme-radius:28px}
html.dark[data-theme="hello-pink"] body{--chart-primary:#ff8fba;--chart-secondary:#d94f84;--chart-accent:#ffae9f}
html[data-theme="mint-lilac"] body{--chart-primary:#197f73;--chart-secondary:#8a65c7;--chart-accent:#3aa99d;--theme-radius:20px}
html.dark[data-theme="mint-lilac"] body{--chart-primary:#72d8cb;--chart-secondary:#c2a5f1;--chart-accent:#35a99b}
html[data-theme="ocean-coral"] body{--chart-primary:#0b5f80;--chart-secondary:#168bac;--chart-accent:#f26f63;--theme-radius:20px}
html.dark[data-theme="ocean-coral"] body{--chart-primary:#6fcbea;--chart-secondary:#168bac;--chart-accent:#ff9389}
html[data-theme="plum-gold"] body{--chart-primary:#5f356f;--chart-secondary:#85509a;--chart-accent:#d7a83e;--theme-radius:20px}
html.dark[data-theme="plum-gold"] body{--chart-primary:#d5a8e3;--chart-secondary:#915aaa;--chart-accent:#edc76a}
html[data-theme="cherry-blossom"] body,
html[data-theme="matcha-latte"] body,
html[data-theme="aurora"] body,
html[data-theme="cappuccino"] body,
html[data-theme="neon-night"] body{--ui-version:3.6}

/* شخصیت بصری متمایز، بدون تغییر معماری صفحه */
html[data-theme="hello-pink"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card,.theme-preferences){border-radius:28px}
html[data-theme="hello-pink"] :is(.icon-button,.primary-action,.download-button,.resource-view-button,.student-quickbar a){border-radius:16px}
html[data-theme="hello-pink"] .ui-icon{stroke-width:1.65}
html[data-theme="aurora"] body{background-image:radial-gradient(circle at 93% 0,var(--theme-glow-a),transparent 31%),radial-gradient(circle at 5% 18%,var(--theme-glow-b),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--cream) 96%,#53D4CC),var(--cream) 54%,color-mix(in srgb,var(--cream) 96%,#A78BFA))}
html[data-theme="aurora"] :is(.hero-panel,.page-hero-box,.learning-hero-grid,.learning-subhero>.container){background-image:radial-gradient(circle at 85% 12%,rgba(83,212,204,.18),transparent 28%),radial-gradient(circle at 8% 100%,rgba(167,139,250,.18),transparent 30%),linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2) 68%,var(--theme-hero-3))!important}
html[data-theme="matcha-latte"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card){box-shadow:0 11px 34px color-mix(in srgb,var(--navy) 10%,transparent);border-color:color-mix(in srgb,var(--navy) 15%,var(--line))}
html[data-theme="matcha-latte"] :is(.resource-card,.course-card,.learning-panel){background-image:linear-gradient(145deg,color-mix(in srgb,var(--paper) 98%,var(--gold)),var(--paper))}
html[data-theme="cappuccino"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card,.detail-card){background-color:var(--paper);background-image:linear-gradient(90deg,rgba(138,95,69,.018) 1px,transparent 1px),linear-gradient(rgba(138,95,69,.015) 1px,transparent 1px);background-size:22px 22px}
html[data-theme="cappuccino"] :is(.resource-card,.course-card,.learning-panel){border-color:color-mix(in srgb,var(--gold) 20%,var(--line))}
html[data-theme="plum-gold"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card){border-color:color-mix(in srgb,var(--gold) 36%,var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold) 18%,transparent),var(--shadow)}
html[data-theme="classic"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card){border-radius:18px;box-shadow:0 10px 28px color-mix(in srgb,var(--navy) 7%,transparent)}
html[data-theme="neon-night"] :is(.resource-card,.course-card,.professor-card,.learning-panel,.profile-card,.detail-card){box-shadow:0 18px 52px rgba(0,0,0,.30),inset 0 1px 0 rgba(94,234,212,.035);border-color:#29334A}
html[data-theme="neon-night"] :is(.primary-action,.download-button,.student-quickbar-primary,.learning-primary){box-shadow:0 0 0 1px rgba(94,234,212,.10),0 9px 26px rgba(94,234,212,.08)}

/* آیکون‌های خطی یکپارچه */
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;pointer-events:none}
#mainNav>a{display:inline-flex;align-items:center;gap:7px}
#mainNav>a .ui-icon{width:17px;height:17px;opacity:.78}
#mainNav>a:hover .ui-icon{opacity:1;transform:translateY(-1px)}
.student-quickbar a{display:flex;align-items:center;gap:10px}
.student-quickbar a>.ui-icon{width:23px;height:23px;padding:4px;border-radius:9px;background:color-mix(in srgb,var(--navy) 9%,var(--paper));color:var(--navy)}
.student-quickbar-primary>.ui-icon{background:rgba(255,255,255,.14);color:#fff}
.student-quickbar a>span{display:block;min-width:0}
.resource-actions a{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.resource-actions .ui-icon{width:16px;height:16px}
.course-card-features a{position:relative;display:grid!important;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:5px}
.course-card-features .ui-icon{width:18px;height:18px;color:var(--navy)}

/* Hover نرم و کنترل‌شده */
:is(.resource-card,.course-card,.professor-card,.home-professor-card,.learning-panel,.flashcard-deck-grid article,.quiz-card,.news-list,.exam-list){transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s,background-color .24s}
@media(hover:hover){
  :is(.resource-card,.course-card,.professor-card,.home-professor-card,.flashcard-deck-grid article,.quiz-card):hover{transform:translateY(-5px);box-shadow:0 23px 55px color-mix(in srgb,var(--navy) 14%,transparent);border-color:color-mix(in srgb,var(--navy) 28%,var(--line))}
  :is(.resource-card,.course-card,.professor-card,.home-professor-card):hover .ui-icon{transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.theme-transitioning *,:is(.resource-card,.course-card,.professor-card,.home-professor-card,.learning-panel){transition:none!important;animation:none!important}}

/* Badgeهای جدید، محبوب و پیشنهادی */
.resource-card{position:relative;isolation:isolate}
.content-badges{position:absolute;z-index:3;top:11px;left:11px;display:flex;gap:5px;direction:rtl}
.content-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:950;border:1px solid transparent;backdrop-filter:blur(8px)}
.content-badge.new{background:color-mix(in srgb,#36A98A 14%,var(--paper));color:#21775F;border-color:color-mix(in srgb,#36A98A 25%,var(--line))}
.content-badge.popular{background:color-mix(in srgb,#F28B49 15%,var(--paper));color:#9C4F1D;border-color:color-mix(in srgb,#F28B49 27%,var(--line))}
.content-badge.recommended{background:color-mix(in srgb,var(--navy) 13%,var(--paper));color:var(--navy);border-color:color-mix(in srgb,var(--navy) 25%,var(--line))}
html.dark .content-badge.new{color:#7FE0BE}html.dark .content-badge.popular{color:#FFB67E}
.has-content-badges{padding-top:43px}

/* طرح اختصاصی دسته‌های درس */
.course-cover{position:relative;overflow:hidden;isolation:isolate}
.course-cover:before,.course-cover:after{content:"";position:absolute;pointer-events:none}
.course-cover:before{width:150px;height:150px;border-radius:50%;left:-58px;top:-68px;background:rgba(255,255,255,.09);box-shadow:0 0 0 28px rgba(255,255,255,.025)}
.course-cover:after{inset:auto -18px -42px auto;width:120px;height:120px;border:1px solid rgba(255,255,255,.14);border-radius:38% 62% 55% 45%}
.course-cover-illustration{position:absolute!important;left:18px;bottom:18px;width:72px!important;height:72px!important;display:grid!important;place-items:center;border-radius:24px!important;background:rgba(255,255,255,.12)!important;color:#fff;backdrop-filter:blur(6px);z-index:2}
.course-cover-illustration .ui-icon{width:42px;height:42px;stroke-width:1.45}
.course-cover-initial{position:absolute!important;right:18px;top:18px;width:40px!important;height:40px!important;display:grid!important;place-items:center;border-radius:13px!important;background:rgba(255,255,255,.13)!important;color:#fff;font-size:17px;font-weight:950;z-index:2}
.course-cover-category{position:absolute;right:18px;bottom:19px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff!important;font-size:8px;font-weight:900}
.course-category-anatomy .course-cover{background:linear-gradient(135deg,#B64F72,#7A5BA8)!important}
.course-category-physiology .course-cover{background:linear-gradient(135deg,#167A89,#2AA59B)!important}
.course-category-chemistry .course-cover{background:linear-gradient(135deg,#5368A7,#7958A9)!important}
.course-category-language .course-cover{background:linear-gradient(135deg,#B06B42,#D69A61)!important}
.course-category-clinical .course-cover{background:linear-gradient(135deg,#2B6E74,#3B8B70)!important}
.course-category-general .course-cover{background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2))!important}

/* Empty state زیباتر */
.empty-state,.learning-empty,.small-empty,.gpa-empty,.chat-empty{position:relative;overflow:hidden;isolation:isolate}
.empty-state-art{width:76px;height:62px;display:grid;place-items:center;margin:0 auto 12px;position:relative}
.empty-state-art i{position:absolute;border:1px solid color-mix(in srgb,var(--navy) 22%,var(--line));border-radius:50%}
.empty-state-art i:first-child{width:58px;height:58px}.empty-state-art i:nth-child(2){width:38px;height:38px;transform:translate(15px,-8px);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.empty-state-art b{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--navy) 11%,var(--paper));color:var(--navy);font-size:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--navy) 12%,transparent)}
.empty-state:after,.learning-empty:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;right:-100px;bottom:-145px;background:color-mix(in srgb,var(--navy) 4%,transparent)}

/* Skeleton و وضعیت بارگذاری */
.page-loading-bar{position:fixed;z-index:9999;top:0;right:0;height:3px;width:0;opacity:0;background:linear-gradient(90deg,var(--navy),var(--gold),var(--navy2));box-shadow:0 0 14px color-mix(in srgb,var(--navy) 50%,transparent);transition:width .25s,opacity .2s}
body.is-navigating .page-loading-bar{width:72%;opacity:1;animation:page-loading 1.3s ease-in-out infinite}
@keyframes page-loading{0%{transform:translateX(35%)}50%{transform:translateX(-15%)}100%{transform:translateX(-55%)}}
.ui-pending{position:relative;overflow:hidden!important;pointer-events:none}
.ui-pending:after,.skeleton:after{content:"";position:absolute;z-index:10;inset:0;background:linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--paper) 75%,transparent) 42%,transparent 64%);transform:translateX(100%);animation:skeleton-shimmer 1s linear infinite}
.ui-pending{opacity:.72}
@keyframes skeleton-shimmer{to{transform:translateX(-100%)}}
.button-loading{position:relative;color:transparent!important;pointer-events:none}
.button-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;color:#fff;animation:button-spin .7s linear infinite}
@keyframes button-spin{to{transform:rotate(360deg)}}

/* انیمیشن تعویض تم */
html.theme-transitioning body{animation:theme-soft-switch .42s ease both}
@keyframes theme-soft-switch{0%{opacity:.72;filter:saturate(.85)}100%{opacity:1;filter:saturate(1)}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(root){animation-name:theme-fade-out}::view-transition-new(root){animation-name:theme-fade-in}
@keyframes theme-fade-out{to{opacity:0;transform:scale(.995)}}@keyframes theme-fade-in{from{opacity:0;transform:scale(1.005)}}

/* نمودارها با رنگ تم فعال */
.learning-page{--learn-blue:var(--chart-primary)!important;--learn-cyan:var(--chart-secondary)!important;--learn-gold:var(--chart-accent)!important;--learn-purple:var(--chart-secondary)!important}
.learning-chart{background:linear-gradient(to top,transparent,color-mix(in srgb,var(--chart-primary) 5%,transparent))!important}
.learning-chart-bars i{background:linear-gradient(180deg,var(--chart-secondary),var(--chart-primary))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--chart-primary) 16%,transparent)}
.learning-chart-bars u,.learning-chart-legend u{background:var(--chart-accent)!important;box-shadow:0 0 0 1px var(--chart-accent)!important}
.learning-chart-legend i{background:var(--chart-primary)!important}
.quiz-progress-chart-wrap svg{color:var(--chart-secondary)!important}
.quiz-chart-line{filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--chart-secondary) 25%,transparent))}
.quiz-analysis-bar i,.quiz-chapter-bars u,.quiz-topic-analysis-list u{background:linear-gradient(90deg,var(--chart-secondary),var(--chart-primary))!important}

/* کارت انتخاب تم و پیش‌نمایش کامل‌تر */
.theme-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.theme-choice-card{min-height:178px}
.theme-card-badge{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,var(--paper));color:color-mix(in srgb,var(--navy) 75%,var(--ink));font-size:7px;font-weight:950}
.theme-choice-card[data-theme-card="neon-night"]{background:linear-gradient(145deg,#12192A,#090D18);border-color:#29334A;color:#F8FAFC}
.theme-choice-card[data-theme-card="neon-night"] small{color:#A9B4C9}.theme-choice-card[data-theme-card="neon-night"] .theme-card-icon{background:#192237;color:#5EEAD4}
.theme-dark-only-selected .theme-mode-options label:not(:last-child){opacity:.38;pointer-events:none}
.theme-dark-only-selected .theme-mode-panel small:after{content:" · تم شب نئونی به‌طور خودکار روی حالت شب می‌ماند.";color:var(--navy)}
.theme-preview-card{grid-template-columns:145px 1fr;min-height:140px}
.theme-preview-top{position:relative;align-content:flex-start;flex-wrap:wrap}.theme-preview-top b{display:block;width:100%;margin-top:auto;color:#fff;font-size:12px}
.theme-preview-content{gap:10px}.theme-preview-mini-card{width:100%;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}
.theme-preview-mini-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--paper);color:var(--navy)}
.theme-preview-mini-card b,.theme-preview-mini-card small{display:block}.theme-preview-mini-card b{font-size:9px}.theme-preview-mini-card small{font-size:7px;margin:0;color:var(--muted)}.theme-preview-mini-card em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,var(--paper));color:var(--navy)}
.theme-preview-content>i{align-self:flex-start}

/* نوار دسترسی پایین موبایل */
.mobile-bottom-nav{display:none}
@media(max-width:760px){
  body.has-mobile-bottom-nav{padding-bottom:82px}
  .mobile-bottom-nav{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));min-height:65px;padding:7px 6px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:21px;background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(20px);box-shadow:0 14px 44px rgba(0,0,0,.17)}
  .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:49px;border-radius:14px;color:var(--muted);font-size:8px;font-weight:900}
  .mobile-bottom-nav a .ui-icon{width:21px;height:21px}
  .mobile-bottom-nav a.active{color:var(--navy);background:color-mix(in srgb,var(--navy) 9%,var(--paper))}
  .mobile-bottom-nav .mobile-bottom-primary{transform:translateY(-10px);min-height:58px;border-radius:19px;background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2));color:#fff;box-shadow:0 12px 27px color-mix(in srgb,var(--navy) 25%,transparent)}
  .mobile-bottom-nav .mobile-bottom-primary.active{color:#fff;background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2))}
  .mobile-bottom-nav .mobile-bottom-primary .ui-icon{width:24px;height:24px}
  .site-footer{margin-bottom:0}
  .student-quickbar{display:none!important}
  #mainNav>a .ui-icon{display:block}
}
@media(max-width:1050px){.theme-choice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.theme-choice-grid{grid-template-columns:1fr 1fr}.content-badges{top:9px;left:9px}.course-cover-illustration{width:60px!important;height:60px!important}.course-cover-illustration .ui-icon{width:35px;height:35px}}
@media(max-width:420px){.theme-choice-grid{grid-template-columns:1fr}.theme-choice-card{min-height:142px}.mobile-bottom-nav{left:6px;right:6px}.mobile-bottom-nav a{font-size:7px}}

.user-menu-featured,.user-menu-grid a{display:flex!important;align-items:center;gap:10px}.user-menu-featured>span,.user-menu-grid a>span{min-width:0}.user-menu-featured .ui-icon{width:25px;height:25px;flex:none}.user-menu-grid .ui-icon{width:20px;height:20px;color:var(--navy)}

/* v3.6.1 — بازطراحی کارت درس و هدر کارت */
.course-hub-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden}
.course-hub-card .course-card-link{display:flex;flex-direction:column;flex:1;min-height:0}
.course-hub-card .course-cover{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:164px;padding:20px 18px 16px!important}
.course-hub-card .course-cover:after{right:22px;bottom:-36px;width:136px;height:136px;opacity:.72}
.course-hub-card .course-cover-main,.course-hub-card .course-cover-side{position:relative;z-index:2;display:flex;flex-direction:column}
.course-hub-card .course-cover-main{align-items:flex-start;gap:14px;max-width:62%}
.course-hub-card .course-cover-side{align-items:flex-end;gap:10px;min-width:92px}
.course-hub-card .course-cover-illustration{position:relative!important;inset:auto!important;left:auto!important;bottom:auto!important;width:86px!important;height:86px!important;border-radius:28px!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.course-hub-card .course-cover-illustration .ui-icon{width:46px;height:46px;stroke-width:1.5}
.course-hub-card .course-cover-copy{display:grid;gap:4px}
.course-hub-card .course-cover-category{position:relative!important;right:auto!important;bottom:auto!important;display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff!important;font-size:10px;font-weight:900}
.course-hub-card .course-cover-subtitle{font-size:10px;color:rgba(255,255,255,.82);font-weight:700}
.course-hub-card .course-term-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(7,16,34,.18);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900}
.course-hub-card .course-count{min-width:84px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);box-shadow:none}
.course-hub-card .course-count strong{font-size:20px;line-height:1.1}
.course-hub-card .course-count small{font-size:10px;opacity:.92}
.course-hub-card .course-card-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 14px}
.course-hub-card .course-topline{min-height:24px;display:block;margin-bottom:8px}
.course-hub-card .course-professors{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:11px;line-height:1.9;color:var(--muted)}
.course-hub-card .course-professors.empty{opacity:.7}
.course-hub-card h3{margin:0 0 8px;font-size:27px;line-height:1.55;min-height:84px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.course-hub-card .course-card-body>p{min-height:56px;font-size:12px;line-height:1.95;-webkit-line-clamp:2}
.course-hub-card .course-types{margin:13px 0 16px;min-height:34px;align-items:flex-start}
.course-hub-card .course-types span{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--soft) 78%,var(--paper));font-size:10px;font-weight:800}
.course-hub-card .course-card-foot{margin-top:auto;align-items:center;padding-top:14px;font-size:11px}
.course-hub-card .course-card-foot strong{font-size:13px}
.course-card-features{margin-top:auto;padding:10px!important;gap:8px;background:color-mix(in srgb,var(--soft) 48%,var(--paper))!important}
.course-card-features a{min-height:60px;padding:10px 10px!important;border-radius:15px!important;background:transparent}
.course-card-features a span{font-size:9px!important}
.course-card-features a b{font-size:12px!important}
.course-card-features a small{font-size:7px!important;margin-top:1px}
.course-card-features .ui-icon{width:17px;height:17px}
.course-feature-flashcards{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--learn-purple) 16%,transparent)}

.course-category-neuro .course-cover{background:linear-gradient(135deg,#304D8C,#5D6AD7)!important}
.course-category-head-neck .course-cover{background:linear-gradient(135deg,#375A70,#5C88A7)!important}
.course-category-genetics .course-cover{background:linear-gradient(135deg,#2E4A9D,#725BCA)!important}
.course-category-physics .course-cover{background:linear-gradient(135deg,#2E5975,#4A7AAE)!important}
.course-category-virus .course-cover{background:linear-gradient(135deg,#284B86,#5D6AD8)!important}
.course-category-fungus .course-cover{background:linear-gradient(135deg,#5C4F96,#8A5FC5)!important}
.course-category-parasite .course-cover{background:linear-gradient(135deg,#2A6B6F,#38A18C)!important}
.course-category-embryology .course-cover{background:linear-gradient(135deg,#B5658D,#D183A2)!important}
.course-category-histology .course-cover{background:linear-gradient(135deg,#366C78,#5A93A1)!important}
.course-category-pharma .course-cover{background:linear-gradient(135deg,#8A4A66,#C76A95)!important}
.course-category-kidney .course-cover{background:linear-gradient(135deg,#246A6A,#3D9E92)!important}
.course-category-lungs .course-cover{background:linear-gradient(135deg,#35728A,#43A5B6)!important}
.course-category-biochemistry .course-cover{background:linear-gradient(135deg,#4E62A7,#7A64C1)!important}

@media(max-width:700px){
  .course-hub-card .course-cover{min-height:146px;padding:16px!important}
  .course-hub-card .course-cover-main{max-width:58%}
  .course-hub-card .course-cover-illustration{width:72px!important;height:72px!important;border-radius:24px!important}
  .course-hub-card .course-cover-illustration .ui-icon{width:38px;height:38px}
  .course-hub-card h3{font-size:22px;min-height:auto}
  .course-hub-card .course-card-body>p{min-height:auto}
}

/* v3.6.2 — سربرگ و فوتر کارت درس بازطراحی‌شده */
.course-hub-card{display:flex;flex-direction:column;min-height:100%;border-radius:26px!important;overflow:hidden}
.course-hub-card .course-card-link{display:flex;flex-direction:column;flex:1;min-height:0}
.course-hub-card .course-cover{min-height:196px!important;padding:16px 16px 14px!important;display:grid!important;grid-template-rows:auto 1fr auto;gap:12px;align-items:stretch}
.course-hub-card .course-cover:before{left:-48px;top:-72px;width:140px;height:140px;opacity:.9}
.course-hub-card .course-cover:after{left:28px;right:auto;bottom:-26px;width:126px;height:126px;border-radius:50%;opacity:.45}
.course-hub-card .course-cover-head,.course-hub-card .course-cover-bottom{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.course-hub-card .course-cover-main{position:relative;z-index:2;display:grid;place-items:center}
.course-hub-card .course-cover-illustration{position:relative!important;inset:auto!important;width:108px!important;height:108px!important;margin:auto;border-radius:32px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.course-hub-card .course-cover-illustration .ui-icon{width:52px;height:52px;stroke-width:1.55}
.course-hub-card .course-term-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;background:rgba(13,23,42,.18);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);font-size:11px;font-weight:900;color:#fff}
.course-hub-card .course-count{display:grid;place-items:center;min-width:102px;min-height:72px;padding:10px 12px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);box-shadow:none}
.course-hub-card .course-count strong{font-size:24px;line-height:1;color:#fff}
.course-hub-card .course-count small{margin-top:6px;font-size:11px;color:rgba(255,255,255,.92)}
.course-hub-card .course-cover-category{position:relative!important;right:auto!important;bottom:auto!important;display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:900;color:#fff!important}
.course-hub-card .course-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 16px}
.course-hub-card .course-topline{min-height:28px;margin-bottom:6px}
.course-hub-card .course-professors{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:11px;line-height:2;color:var(--muted)}
.course-hub-card .course-professors.empty{opacity:.65}
.course-hub-card h3{margin:0 0 8px;font-size:26px;line-height:1.55;min-height:84px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}
.course-hub-card .course-card-body>p{margin:0;color:var(--muted);font-size:12px;line-height:2;min-height:54px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.course-hub-card .course-types{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;min-height:36px}
.course-hub-card .course-types span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--soft) 70%,var(--paper));font-size:10px;font-weight:800;color:var(--muted)}
.course-hub-card .course-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}
.course-hub-card .course-card-foot strong{font-size:13px;color:var(--navy)}

.course-card-features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px!important;background:color-mix(in srgb,var(--soft) 52%,var(--paper))!important;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.course-card-features a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:86px;padding:12px 8px!important;border-radius:18px!important;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;background:rgba(255,255,255,.34);text-align:center;box-shadow:none}
.course-card-features a:hover{transform:translateY(-2px);background:var(--paper)}
.course-card-features .course-feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--navy) 9%,var(--paper));color:var(--navy);font-style:normal}
.course-card-features .course-feature-icon .ui-icon{width:20px;height:20px;color:currentColor}
.course-card-features span{font-size:10px!important;font-weight:900;line-height:1.4;color:var(--ink);white-space:normal}
.course-card-features b{font-size:12px!important;line-height:1;color:var(--navy)}
.course-card-features small{display:block;font-size:8px!important;color:var(--muted);line-height:1.4}
.course-card-features .course-feature-flashcards{background:color-mix(in srgb,var(--learn-purple) 8%,var(--paper))!important;border-color:color-mix(in srgb,var(--learn-purple) 22%,var(--line))!important}
.course-card-features .course-feature-flashcards .course-feature-icon{background:color-mix(in srgb,var(--learn-purple) 12%,var(--paper));color:var(--learn-purple)}
.course-card-features .course-feature-flashcards b{color:var(--learn-purple)!important}

.course-category-genetics .course-cover{background:linear-gradient(135deg,#4D63C9,#7962D2)!important}
.course-category-physics .course-cover{background:linear-gradient(135deg,#3F719B,#5488B6)!important}
.course-category-fungus .course-cover{background:linear-gradient(135deg,#8660C1,#9B75D7)!important}
.course-category-virus .course-cover{background:linear-gradient(135deg,#4E6ED0,#5B84D8)!important}
.course-category-neuro .course-cover{background:linear-gradient(135deg,#475BC3,#6B6CE0)!important}
.course-category-head-neck .course-cover{background:linear-gradient(135deg,#45627E,#698BAE)!important}
.course-category-histology .course-cover{background:linear-gradient(135deg,#397384,#4B95A3)!important}
.course-category-parasite .course-cover{background:linear-gradient(135deg,#2F7A72,#3F9C8D)!important}
.course-category-embryology .course-cover{background:linear-gradient(135deg,#B4648B,#CF84A3)!important}
.course-category-anatomy .course-cover{background:linear-gradient(135deg,#4A67C3,#6D77D6)!important}
.course-category-physiology .course-cover{background:linear-gradient(135deg,#287D8A,#37A1A7)!important}
.course-category-biochemistry .course-cover{background:linear-gradient(135deg,#4E67B6,#6F74CA)!important}
.course-category-pharma .course-cover{background:linear-gradient(135deg,#A55782,#C76D96)!important}
.course-category-kidney .course-cover{background:linear-gradient(135deg,#307D7B,#44A49B)!important}
.course-category-lungs .course-cover{background:linear-gradient(135deg,#2F7891,#47A9BF)!important}
.course-category-language .course-cover{background:linear-gradient(135deg,#A06647,#C98A57)!important}
.course-category-clinical .course-cover{background:linear-gradient(135deg,#3D7A73,#58A189)!important}
.course-category-general .course-cover{background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2))!important}

body.dark .course-card-features a{background:rgba(11,18,33,.24)}
body.dark .course-card-features .course-feature-icon{background:color-mix(in srgb,var(--navy) 18%,var(--paper))}
body.dark .course-hub-card .course-types span{background:color-mix(in srgb,var(--soft) 78%,var(--paper))}

@media(max-width:760px){
  .course-hub-card .course-cover{min-height:174px!important}
  .course-hub-card .course-cover-illustration{width:92px!important;height:92px!important;border-radius:28px!important}
  .course-hub-card .course-cover-illustration .ui-icon{width:46px;height:46px}
  .course-hub-card h3{font-size:23px;min-height:auto}
  .course-card-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .course-card-features a{min-height:78px}
}

/* v3.6.3 — نسخه نهایی و لوکس کارت‌های درس */
.course-hub-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:30px!important;
  overflow:hidden;
  background:var(--paper);
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  box-shadow:0 18px 48px color-mix(in srgb,var(--navy) 10%,transparent), inset 0 1px 0 rgba(255,255,255,.05);
}
.course-hub-card .course-card-link{display:flex;flex-direction:column;flex:1;min-height:0}
.course-hub-card .course-cover{
  min-height:214px!important;
  padding:18px 18px 16px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto;
  gap:14px;
  position:relative;
  overflow:hidden;
}
.course-hub-card .course-cover::before{
  content:"";
  position:absolute;
  top:-60px;left:-48px;
  width:155px;height:155px;border-radius:50%;
  background:rgba(255,255,255,.10);
  box-shadow:0 0 0 32px rgba(255,255,255,.028),0 0 0 70px rgba(255,255,255,.02);
}
.course-hub-card .course-cover::after{
  content:"";
  position:absolute;
  bottom:-26px;right:-14px;
  width:140px;height:140px;
  border-radius:44% 56% 58% 42%/45% 40% 60% 55%;
  border:1px solid rgba(255,255,255,.16);
  opacity:.7;
}
.course-hub-card .course-cover-head,
.course-hub-card .course-cover-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.course-hub-card .course-cover-main{position:relative;z-index:2;display:grid;place-items:center}
.course-hub-card .course-cover-spotlight{
  width:min(100%,240px);
  display:grid;
  gap:10px;
  justify-items:center;
  text-align:center;
}
.course-hub-card .course-cover-illustration{
  position:relative!important;
  width:108px!important;
  height:108px!important;
  display:grid!important;
  place-items:center;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(16,24,40,.12);
  backdrop-filter:blur(10px);
}
.course-hub-card .course-cover-illustration .ui-icon{width:54px;height:54px;stroke-width:1.65;color:#fff}
.course-hub-card .course-cover-text{display:grid;gap:2px}
.course-hub-card .course-cover-kicker{font-size:10px;letter-spacing:.02em;color:rgba(255,255,255,.78);font-weight:800}
.course-hub-card .course-cover-title{font-size:17px;line-height:1.35;color:#fff;font-weight:950}
.course-hub-card .course-term-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 13px;
  border-radius:999px;
  color:#fff;font-size:11px;font-weight:900;
  background:rgba(13,23,42,.18);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
.course-hub-card .course-count{
  min-width:98px;min-height:74px;padding:10px 12px;
  display:grid;place-items:center;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
}
.course-hub-card .course-count strong{font-size:26px;line-height:1;color:#fff}
.course-hub-card .course-count small{margin-top:5px;font-size:10px;font-weight:800;color:rgba(255,255,255,.92)}
.course-hub-card .course-cover-bottom{align-items:flex-end}
.course-hub-card .course-cover-category{
  position:relative!important;right:auto!important;bottom:auto!important;
  display:inline-flex;align-items:center;min-height:30px;padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);
  color:#fff!important;font-size:10px;font-weight:900;
}
.course-hub-card .course-cover-status{
  max-width:54%;
  text-align:left;
  font-size:9px;
  line-height:1.7;
  color:rgba(255,255,255,.84);
  font-weight:700;
}
.course-hub-card .course-card-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 16px}
.course-hub-card .course-topline{min-height:26px;margin-bottom:8px}
.course-hub-card .course-professors{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:11px;line-height:1.95;color:var(--muted)}
.course-hub-card .course-professors.empty{opacity:.68}
.course-hub-card h3{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.5;
  min-height:86px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-wrap:balance;
}
.course-hub-card .course-card-body>p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:2.05;
  min-height:54px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.course-hub-card .course-types{
  display:flex;gap:8px;flex-wrap:wrap;
  margin:15px 0 18px;
  min-height:36px;
}
.course-hub-card .course-types span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;padding:0 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  background:color-mix(in srgb,var(--soft) 74%,var(--paper));
  color:var(--muted);
  font-size:10px;font-weight:800;
}
.course-hub-card .course-card-foot{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  display:flex;align-items:center;justify-content:space-between;
  font-size:11px;color:var(--muted);
}
.course-hub-card .course-card-foot strong{font-size:13px;color:var(--navy)}

.course-card-features{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 48%,var(--paper)),color-mix(in srgb,var(--soft) 64%,var(--paper)))!important;
  border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}
.course-card-features a{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:92px;
  padding:12px 8px!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.32));
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;
}
.course-card-features a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px color-mix(in srgb,var(--navy) 10%,transparent);
  background:var(--paper);
  border-color:color-mix(in srgb,var(--navy) 22%,var(--line))!important;
}
.course-card-features .course-feature-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 11%,var(--paper)),color-mix(in srgb,var(--navy) 7%,var(--paper)));
  color:var(--navy);
  font-style:normal;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.course-card-features .course-feature-icon .ui-icon{width:21px;height:21px;color:currentColor}
.course-card-features span{font-size:10px!important;font-weight:900;line-height:1.35;color:var(--ink);white-space:normal}
.course-card-features b{font-size:13px!important;line-height:1;color:var(--navy)}
.course-card-features small{display:block;font-size:8px!important;color:var(--muted);line-height:1.45}
.course-card-features .course-feature-flashcards{
  background:linear-gradient(180deg,color-mix(in srgb,var(--learn-purple) 8%,var(--paper)),color-mix(in srgb,var(--learn-purple) 4%,var(--paper)))!important;
  border-color:color-mix(in srgb,var(--learn-purple) 20%,var(--line))!important;
}
.course-card-features .course-feature-flashcards .course-feature-icon{
  background:linear-gradient(180deg,color-mix(in srgb,var(--learn-purple) 14%,var(--paper)),color-mix(in srgb,var(--learn-purple) 10%,var(--paper)));
  color:var(--learn-purple);
}
.course-card-features .course-feature-flashcards b{color:var(--learn-purple)!important}

/* پالت هدر برای دسته‌های درسی */
.course-category-neuro .course-cover{background:linear-gradient(135deg,#4565C9 0%,#6C79E8 100%)!important}
.course-category-head-neck .course-cover{background:linear-gradient(135deg,#4A6581 0%,#7392B6 100%)!important}
.course-category-genetics .course-cover{background:linear-gradient(135deg,#5667D3 0%,#7A6EE3 100%)!important}
.course-category-physics .course-cover{background:linear-gradient(135deg,#42769E 0%,#5A95C4 100%)!important}
.course-category-virus .course-cover{background:linear-gradient(135deg,#4D6CD3 0%,#6990E5 100%)!important}
.course-category-fungus .course-cover{background:linear-gradient(135deg,#8964C6 0%,#A47ADE 100%)!important}
.course-category-parasite .course-cover{background:linear-gradient(135deg,#2F8075 0%,#4AA793 100%)!important}
.course-category-embryology .course-cover{background:linear-gradient(135deg,#BC688F 0%,#D88CAE 100%)!important}
.course-category-histology .course-cover{background:linear-gradient(135deg,#3D7A89 0%,#56A0AE 100%)!important}
.course-category-anatomy .course-cover{background:linear-gradient(135deg,#4C68C8 0%,#7180DB 100%)!important}
.course-category-physiology .course-cover{background:linear-gradient(135deg,#2A838E 0%,#3AAAB1 100%)!important}
.course-category-biochemistry .course-cover{background:linear-gradient(135deg,#566FC2 0%,#7A7BD4 100%)!important}
.course-category-pharma .course-cover{background:linear-gradient(135deg,#A95B87 0%,#CC729D 100%)!important}
.course-category-kidney .course-cover{background:linear-gradient(135deg,#34867F 0%,#49AEA0 100%)!important}
.course-category-lungs .course-cover{background:linear-gradient(135deg,#2F7C94 0%,#4CB0C6 100%)!important}
.course-category-language .course-cover{background:linear-gradient(135deg,#A56D49 0%,#CD9260 100%)!important}
.course-category-clinical .course-cover{background:linear-gradient(135deg,#437D76 0%,#62A990 100%)!important}
.course-category-general .course-cover{background:linear-gradient(135deg,var(--theme-hero-1),var(--theme-hero-2))!important}

html.dark .course-hub-card{
  box-shadow:0 18px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03);
}
html.dark .course-card-features a{
  background:linear-gradient(180deg,rgba(13,20,36,.40),rgba(13,20,36,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
html.dark .course-card-features a:hover{background:rgba(15,24,42,.48)}
html.dark .course-card-features .course-feature-icon{background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 18%,var(--paper)),color-mix(in srgb,var(--navy) 12%,var(--paper)))}
html.dark .course-hub-card .course-types span{background:color-mix(in srgb,var(--soft) 78%,var(--paper))}

@media(max-width:760px){
  .course-hub-card .course-cover{min-height:192px!important;padding:16px 16px 14px!important}
  .course-hub-card .course-cover-illustration{width:94px!important;height:94px!important;border-radius:28px!important}
  .course-hub-card .course-cover-illustration .ui-icon{width:46px;height:46px}
  .course-hub-card .course-cover-status{display:none}
  .course-hub-card h3{font-size:23px;min-height:auto}
  .course-card-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .course-card-features a{min-height:82px}
}

/* v3.6.4 — بازگشت به حرف اول و فوتر جمع‌وجور موبایل */
.course-hub-card .course-cover-illustration{display:none!important}
.course-hub-card .course-cover-initial-luxe{
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(16,24,40,.12);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:52px;
  line-height:1;
  font-weight:950;
  font-family:inherit;
}

@media(max-width:760px){
  .course-hub-card .course-cover{min-height:182px!important}
  .course-hub-card .course-cover-initial-luxe{
    width:88px;
    height:88px;
    border-radius:26px;
    font-size:42px;
  }
  .course-hub-card .course-cover-kicker{font-size:9px}
  .course-hub-card .course-cover-title{font-size:15px}

  .course-card-features{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    padding:8px!important;
  }
  .course-card-features a{
    min-height:58px!important;
    padding:6px 3px!important;
    gap:3px!important;
    border-radius:13px!important;
  }
  .course-card-features .course-feature-icon{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
  }
  .course-card-features .course-feature-icon .ui-icon{
    width:15px!important;
    height:15px!important;
  }
  .course-card-features span{
    font-size:8px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .course-card-features b{
    font-size:9px!important;
    line-height:1!important;
  }
  .course-card-features small{display:none!important}
  .course-hub-card .course-card-body{padding-bottom:14px}
}

@media(max-width:420px){
  .course-card-features{gap:4px!important;padding:7px!important}
  .course-card-features a{min-height:54px!important;padding:5px 2px!important}
  .course-card-features .course-feature-icon{width:26px!important;height:26px!important}
  .course-card-features span{font-size:7.5px!important}
  .course-card-features b{font-size:8.5px!important}
}