/* Academic Hub premium design system */
:root{
  color-scheme:light;
  --ink:#172b27;--muted:#687a73;--line:#e4e8df;--paper:#fffefa;--canvas:#f5f5ef;
  --forest:#123c32;--forest-2:#1b5846;--leaf:#2c8062;--gold:#dfb65e;--coral:#e78b72;
  --blue:#4c78a8;--violet:#7767b8;--mint:#e8f3e8;--shadow:0 18px 45px rgba(27,55,43,.08);
  --radius:18px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font-size:18px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 8% 12%,#f3f0e4 0,transparent 28%),linear-gradient(180deg,#faf9f4,#f3f5ef 72%,#faf9f5);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dfb65e;outline-offset:3px}
::selection{background:#e3d5ad;color:#173c32}
.topbar{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,254,250,.9);border-bottom:1px solid rgba(220,225,214,.8);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#245c48,#10372f);color:#f2d68f;box-shadow:0 8px 18px rgba(18,60,50,.18);font:800 18px Manrope,sans-serif}
.brand-copy{display:grid;line-height:1.2}.brand-copy strong{font:800 19.2px Manrope,sans-serif;letter-spacing:-.4px;color:var(--forest)}.brand-copy small{font-size:12px;color:#78867c;letter-spacing:.08em;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:clamp(8px,1.5vw,22px);color:#68766e;font-size:14.4px;font-weight:700}
.nav-links a{padding:9px 11px;border-radius:9px;transition:background .18s,color .18s}.nav-links a:hover{background:#edf2e9;color:var(--forest)}
.nav-cta{padding:11px 15px;border-radius:10px;background:var(--forest);color:#fff9ea;box-shadow:0 7px 16px rgba(18,60,50,.14);font-size:14.4px;font-weight:800;white-space:nowrap;transition:transform .18s,background .18s}.nav-cta:hover{transform:translateY(-1px);background:#1d5946}.nav-cta span{margin-left:8px}
main{max-width:1380px;margin:auto;padding:0 clamp(16px,3.7vw,52px)}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:38px;margin-top:22px;padding:clamp(30px,4.5vw,62px);min-height:440px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:radial-gradient(ellipse at 82% 18%,rgba(222,184,99,.22),transparent 34%),linear-gradient(118deg,#11372f 0%,#174a3a 57%,#246147 100%);box-shadow:0 26px 65px rgba(22,62,47,.16);color:#fff}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 4% 100%,rgba(225,183,91,.15),transparent 29%),linear-gradient(90deg,rgba(7,31,25,.14),transparent 68%)}
.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10.8px;letter-spacing:1.65px;font-weight:800;color:#9a8352}.hero .eyebrow{color:#e7d7b2}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(223,182,94,.2)}
.dashboard-breadcrumb{display:flex;align-items:center;gap:9px;margin-top:20px;color:#c5d7ca;font-size:10.8px;letter-spacing:1.2px;font-weight:800}.dashboard-breadcrumb i{font-size:18px;color:var(--gold);font-style:normal}
.hero h1{margin:19px 0 15px;color:#fffdf7;font:800 clamp(45.6px,4.3vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-2.8px}.hero h1 span{background:linear-gradient(90deg,#f3d58c,#d8b15e 75%,#f3d58c);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{max-width:530px;color:#d9e5dc;font-size:16.8px;line-height:1.8}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;border-radius:10px;font-size:14.4px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#e0b75e,#f0d28a);color:#173c31;box-shadow:0 9px 21px rgba(5,23,18,.2)}.button-primary:hover{box-shadow:0 14px 26px rgba(5,23,18,.24)}.button-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fffdf7;backdrop-filter:blur(8px)}
.hero-footnote{margin-top:19px;color:#d2dfd4;font-size:10px}.check-icon{margin-right:5px;color:#f0d28a;font-weight:900}
.dashboard-overview{display:flex;height:auto;min-height:285px;flex-direction:column;justify-content:center;gap:16px;padding:23px;background:rgba(255,254,250,.98);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 24px 60px rgba(6,28,21,.24);transform:rotate(1deg)}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-heading>div>span{font-size:9.6px;letter-spacing:1.2px;color:#97804d;font-weight:800}.overview-heading h2{margin-top:4px;color:var(--forest);font:800 22.8px Manrope,sans-serif;letter-spacing:-.5px}
.semester-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#eaf3e9;color:#31745b;font-size:9.6px;font-weight:800;white-space:nowrap}.semester-chip i{width:6px;height:6px;border-radius:50%;background:#49a77b}
.overview-highlight{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(110deg,#eff5ea,#fbf7e9);border:1px solid #e8ebdd;border-radius:14px}
.highlight-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#dcebdd;color:#24654e;font-size:23px}
.overview-highlight>div{display:grid;gap:2px;flex:1}.overview-highlight small{color:#907b4a;font-size:9.6px;letter-spacing:1px;font-weight:800}.overview-highlight strong{color:#214536;font:800 13px Manrope,sans-serif}.overview-highlight div span{color:#78867b;font-size:9px}.overview-highlight>a{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff;color:#28674f;font-size:17px}
.overview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.overview-metrics>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #eceee7;border-radius:12px}.metric-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-weight:900}.metric-lilac{background:#f0eafa;color:#7d66a9}.metric-peach{background:#fff0dd;color:#b77e32}.overview-metrics>div>div{display:grid}.overview-metrics strong{color:#28493a;font-size:14.4px;font-weight:800}.overview-metrics small{color:#8b948a;font-size:9px}
.overview-footer{display:flex;align-items:center;justify-content:space-between}.overview-footer>span{color:#808c80;font-size:9px}.overview-footer b{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#e59a6f}.overview-footer>a{color:#28654f;font-size:12px;font-weight:800}.overview-footer>a span{margin-left:5px}
.quick-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:17px 10px 0;padding:20px 23px;background:var(--paper);border:1px solid #e7e8df;border-radius:17px;box-shadow:0 12px 30px rgba(28,57,43,.05)}
.stat{display:flex;align-items:center;gap:11px;padding:0 14px;border-right:1px solid #eceee7}.stat:first-child{padding-left:0}.stat:last-child{padding-right:0;border:0}.stat-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;font-size:19.2px;font-weight:900}.stat>div{display:grid}.stat strong{color:#29493b;font-size:11px}.stat small{margin-top:3px;color:#879087;font-size:9px}.stat-purple{background:#f1ecfa;color:#7562a3}.stat-blue{background:#e9f0f6;color:#547ca0}.stat-orange{background:#fff0dd;color:#bd7b2b}.stat-green{background:#e4f1e4;color:#36805d}
.section-block{padding:68px 0 55px;scroll-margin-top:92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin-top:6px;color:var(--forest);font:800 clamp(30px,3vw,40.8px)/1.2 Manrope,sans-serif;letter-spacing:-1.15px}.section-heading p{margin-top:7px;color:#77847a;font-size:12px}
.search-wrap{display:flex;align-items:center;gap:10px;width:245px;padding:10px 13px;background:#fffefa;border:1px solid #e1e6dc;border-radius:11px;color:#8a9389;box-shadow:0 4px 14px rgba(29,54,42,.025);transition:border .18s,box-shadow .18s}.search-wrap span{font-size:24px;line-height:1}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:12px 'DM Sans',sans-serif}.search-wrap:focus-within{border-color:#9eb9a6;box-shadow:0 0 0 4px rgba(36,107,83,.09)}
.subjects-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.subject-card{position:relative;overflow:hidden;min-width:0;padding:21px;background:#fffefa;border:1px solid #e5e9df;border-radius:16px;box-shadow:0 7px 20px rgba(29,54,42,.035);transition:transform .22s,box-shadow .22s,border-color .22s}.subject-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--forest),var(--gold))}.subject-card:nth-child(6n+1):before{background:linear-gradient(90deg,#c55f70,#e9a88e)}.subject-card:nth-child(6n+2):before{background:linear-gradient(90deg,#487aa6,#8eb8ce)}.subject-card:nth-child(6n+3):before{background:linear-gradient(90deg,#6f61a7,#ab91cf)}.subject-card:nth-child(6n+4):before{background:linear-gradient(90deg,#2c8664,#8dc7a0)}.subject-card:nth-child(6n+5):before{background:linear-gradient(90deg,#c68132,#e8bd72)}.subject-card:nth-child(6n):before{background:linear-gradient(90deg,#43877c,#91c9bd)}.subject-card:hover{transform:translateY(-3px);border-color:#cdd9c9;box-shadow:var(--shadow)}
.subject-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.subject-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font:800 18px Manrope,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.icon-rose{background:#fae9ea;color:#a74f5e}.icon-blue{background:#e7f0f8;color:#47769e}.icon-purple{background:#efebf7;color:#6e609f}.icon-mint{background:#e5f2e8;color:#2d7958}.icon-orange{background:#fff0dc;color:#ad732b}.icon-green{background:#e8f2e4;color:#4e8251}.subject-tag{color:#8a8c7a;font-size:9.6px;letter-spacing:1.1px;font-weight:800}
.subject-card h3,.test-card h3{color:#234536;font:800 19.2px/1.35 Manrope,sans-serif;letter-spacing:-.25px}.subject-card>p{min-height:36px;margin:7px 0 14px;color:#77847a;font-size:12px;line-height:1.7}.resource-list{display:grid;gap:5px}.resource-list a{display:flex;align-items:center;gap:9px;padding:7px 9px;background:#f6f7f1;border:1px solid transparent;border-radius:9px;color:#52645a;font-size:12px;font-weight:700;transition:transform .16s,background .16s,border-color .16s}
.resource-list a>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:7px;background:#e5efe5;color:#28674f;font-size:13.2px;font-weight:900}.resource-list a:nth-child(5n+2)>span{background:#efebf7;color:#74619e}.resource-list a:nth-child(5n+3)>span{background:#fff0dc;color:#b5762d}.resource-list a:nth-child(5n+4)>span{background:#e6eef5;color:#4d779b}.resource-list a:nth-child(5n)>span{background:#fae9ea;color:#aa5964}.resource-list a b{margin-left:auto;color:#8b9a8e;font-size:16.8px;font-weight:500}.resource-list a:hover{transform:translateX(2px);background:#eef4ea;border-color:#dfe9dd}.no-results{padding:28px;text-align:center;color:var(--muted)}[hidden]{display:none!important}
.tests-section{padding:28px 0 54px;scroll-margin-top:90px}.tests-section .section-heading{margin-bottom:22px}.tests-pill{padding:7px 11px;border-radius:999px;background:#e7f1e6;color:#347657;font-size:9.6px;font-weight:900;letter-spacing:1px;box-shadow:inset 0 0 0 1px #d7e8d5}.test-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.test-card{position:relative;overflow:hidden;display:flex;min-width:0;min-height:280px;flex-direction:column;align-items:flex-start;padding:14px;background:#fffefa;border:1px solid #e5e9df;border-radius:15px;box-shadow:0 7px 20px rgba(29,54,42,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.test-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#28674f,#d6af5d);z-index:1}.test-card:nth-child(5n+2):before{background:linear-gradient(90deg,#6f61a7,#b49cd1)}.test-card:nth-child(5n+3):before{background:linear-gradient(90deg,#be7933,#e8b86d)}.test-card:nth-child(5n+4):before{background:linear-gradient(90deg,#3e809b,#8fc2c5)}.test-card:nth-child(5n):before{background:linear-gradient(90deg,#37805d,#a3c98f)}.test-card:hover{transform:translateY(-3px);border-color:#cfdbcd;box-shadow:var(--shadow)}
.test-image{display:block;width:calc(100% + 28px);height:108px;object-fit:cover;margin:-14px -14px 12px;filter:saturate(.82)}.test-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 0 9px;border-radius:10px;font:800 14px Manrope,sans-serif}.test-blue{background:#e7f0f8;color:#47769e}.test-purple{background:#efebf7;color:#6e609f}.test-orange{background:#fff0dc;color:#ad732b}.test-mint{background:#e5f2e8;color:#2d7958}.test-green{background:#e8f2e4;color:#4e8251}.test-label{color:#898b79;font-size:9.6px;letter-spacing:.9px;font-weight:900}.test-card h3{margin:6px 0;font-size:12px}.test-card p{flex:1;margin-bottom:12px;color:#77847a;font-size:10.8px;line-height:1.65}.test-card>a{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding:9px 10px;border-radius:8px;background:#edf3e9;color:#28634c;font-size:10.8px;font-weight:800;transition:background .18s}.test-card>a:hover{background:#e2ecdd}.test-card>a span{font-size:14px}
.study-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:17px;margin-bottom:48px;padding:25px 27px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:radial-gradient(circle at 90% 8%,rgba(223,182,94,.2),transparent 32%),linear-gradient(115deg,#143c32,#245c46);box-shadow:0 16px 36px rgba(20,58,45,.14);color:#fff}.study-banner:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:10%;top:-150px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 64px rgba(255,255,255,.025)}.banner-symbol{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.12);color:#f0d18a;font-size:22px}.study-banner>div:nth-child(2){position:relative;z-index:1;flex:1}.study-banner>div:nth-child(2)>span{color:#e8d08d;font-size:9.6px;letter-spacing:1.5px;font-weight:900}.study-banner h2{margin:4px 0;color:#fffdf7;font:800 17px Manrope,sans-serif}.study-banner p{color:#d0dfd4;font-size:10px}.study-banner>a{position:relative;z-index:1;padding:10px 13px;border-radius:9px;background:#e6bd68;color:#173b30;font-size:12px;font-weight:800;white-space:nowrap}.study-banner>a span{margin-left:9px}
.community-section{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:30px;margin:0 0 38px;padding:28px;background:linear-gradient(135deg,#f0f2e8,#f8f7ed 58%,#f4eee0);border:1px solid #e2e5d9;border-radius:20px}.community-intro h2{margin:8px 0;color:#183e32;font:800 clamp(27.6px,2.8vw,37.2px)/1.2 Manrope,sans-serif;letter-spacing:-.8px}.community-intro>p{color:#6f7e73;font-size:13.2px;line-height:1.75}.community-note{display:flex;align-items:center;gap:10px;margin-top:20px}.community-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0dc;color:#b1782c}.community-note>div{display:grid;gap:2px}.community-note strong{color:#415d4c;font-size:10.8px;font-weight:800}.community-note small{color:#858d82;font-size:8px}
.chat-panel{min-width:0;padding:16px;background:#fffefa;border:1px solid #e4e7dc;border-radius:16px;box-shadow:0 14px 32px rgba(40,62,43,.07)}.chat-header{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid #eceee6}.chat-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e5efe2;color:#236248}.chat-header>div:nth-child(2){display:grid;gap:2px;flex:1}.chat-header strong{color:#294c3b;font-size:13.2px;font-weight:800}.chat-header small{display:flex;align-items:center;gap:5px;color:#849086;font-size:8px}.chat-header small i{width:6px;height:6px;border-radius:50%;background:#43a879}.chat-live{padding:5px 7px;border-radius:6px;background:#e8f3e8;color:#347b5a;font-size:8.4px;letter-spacing:.8px;font-weight:900}
.chat-messages{display:flex;flex-direction:column;gap:11px;height:185px;overflow:auto;padding:12px 3px;scrollbar-color:#d8dfd2 transparent;scrollbar-width:thin}.chat-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#899188;text-align:center}.chat-empty>span{color:#a3b294;font-size:19px}.chat-empty strong{color:#5a6c5e;font-size:12px;font-weight:800}.chat-empty small{font-size:8px}.chat-message{display:flex;align-items:flex-start;gap:8px}.message-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#e8f0e5;color:#347455;font-size:10.8px;font-weight:800}.chat-message:nth-child(3n+2) .message-avatar{background:#fff0dc;color:#b1782c}.chat-message:nth-child(3n) .message-avatar{background:#efebf7;color:#6e609f}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px}.message-meta strong{color:#475d4e;font-size:10.8px;font-weight:800}.message-meta time{color:#9aa197;font-size:7px}.message-body p{margin-top:3px;color:#6e7b70;font-size:10.8px;line-height:1.5;overflow-wrap:anywhere}
.chat-form{padding-top:10px;border-top:1px solid #eceee6}.chat-form>label{display:block;margin:0 0 4px;color:#718075;font-size:9.6px;font-weight:800}.chat-form>input,.chat-compose textarea{width:100%;padding:8px 9px;border:1px solid #e4e8df;border-radius:8px;background:#fbfbf6;color:#294638;font:500 12px 'DM Sans',sans-serif;outline:0;resize:vertical}.chat-form>input{margin-bottom:7px}.chat-compose{display:flex;align-items:flex-end;gap:7px}.chat-compose textarea{min-height:48px;max-height:95px}.chat-form>input:focus,.chat-compose textarea:focus{border-color:#98b29b;box-shadow:0 0 0 3px rgba(44,128,98,.09)}.chat-compose button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:0;border-radius:9px;background:linear-gradient(135deg,#235f48,#397d5d);color:#fff;font-size:19.2px;cursor:pointer;transition:transform .18s,opacity .18s}.chat-compose button:hover{transform:translateY(-1px)}.chat-compose button:disabled{opacity:.55;cursor:wait}.chat-form-footer{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#969e92;font-size:7px}.chat-form-footer #chat-status{color:#78877b}
.support-section{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:19px;background:#fffefa;border:1px solid #e6e9e0;border-radius:15px;box-shadow:0 9px 24px rgba(36,57,43,.035)}.support-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#e8f1e6;color:#2f7353;font-size:22.8px;font-weight:800}.support-section>div:nth-child(2){flex:1}.support-section h2{color:#294a3a;font:800 13px Manrope,sans-serif}.support-section p{margin-top:3px;color:#79857b;font-size:9px}.support-section>a{padding:10px 12px;border-radius:9px;background:#eaf3e7;color:#2d704f;font-size:10.8px;font-weight:800;transition:transform .18s}.support-section>a:hover{transform:translateY(-2px)}
footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px clamp(18px,5vw,72px);background:#102f29;border-top:1px solid rgba(255,255,255,.08);color:#bfcfc3;font-size:9px}.footer-brand{color:#fff5da;font-size:12px;font-weight:800}footer a:last-child{color:#e0c478;font-weight:700}footer a:hover{opacity:.8}
@media(max-width:1050px){main{padding-inline:24px}.hero{gap:20px;padding:36px}.quick-stats{margin-inline:0}.stat{padding-inline:9px}.subjects-container{grid-template-columns:repeat(2,minmax(0,1fr))}.test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-section{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:10px 16px;gap:10px;flex-wrap:wrap}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:9px}.nav-links{order:3;width:100%;justify-content:space-between;gap:2px;padding-top:7px;border-top:1px solid #e9ece4}.nav-links a{padding:7px 4px;font-size:9px}.nav-cta{padding:9px 10px;font-size:10px}main{padding-inline:15px}.hero{grid-template-columns:1fr;gap:15px;margin-top:12px;padding:25px 19px;border-radius:21px}.hero h1{font-size:46.8px;letter-spacing:-1.8px}.hero-description{font-size:12px}.dashboard-breadcrumb{font-size:9.6px;gap:6px}.hero-actions{gap:8px}.button{padding:11px 12px;font-size:10px}.dashboard-overview{min-height:0;padding:17px;gap:13px;transform:none}.overview-heading h2{font-size:16px}.overview-highlight{padding:11px}.overview-highlight strong{font-size:11px}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px}.stat{border:0;padding:0}.stat:nth-child(odd){border:0}.stat-icon{width:34px;height:34px}.stat strong{font-size:10px}.stat small{font-size:8px}.section-block{padding:48px 0 38px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading h2{font-size:26px}.section-heading p{font-size:11px}.search-wrap{width:100%}.subjects-container{grid-template-columns:1fr;gap:11px}.subject-card{padding:19px}.subject-card>p{min-height:0}.resource-list a{padding:8px 9px;font-size:10px}.tests-section{padding:20px 0 42px}.tests-section .section-heading{gap:12px}.tests-pill{align-self:flex-start}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.test-card{min-height:255px;padding:11px}.test-image{width:calc(100% + 22px);height:88px;margin:-11px -11px 10px}.test-card h3{font-size:11px}.test-card p{font-size:8px}.study-banner{align-items:flex-start;flex-wrap:wrap;gap:11px;margin-bottom:32px;padding:20px}.banner-symbol{width:39px;height:39px}.study-banner>div:nth-child(2){min-width:calc(100% - 50px)}.study-banner h2{font-size:15px}.study-banner>a{margin-left:50px}.community-section{gap:15px;margin-bottom:28px;padding:17px;border-radius:16px}.community-intro h2{font-size:24px}.community-note{margin-top:13px}.chat-panel{padding:12px}.chat-messages{height:170px}.support-section{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:16px}.support-section>div:nth-child(2){min-width:calc(100% - 53px)}.support-section>a{margin-left:51px}footer{padding:16px;flex-wrap:wrap}footer span{order:3;width:100%}}
@media(max-width:390px){.hero h1{font-size:35px}.nav-links a{font-size:9.6px;padding-inline:2px}.test-grid{grid-template-columns:1fr}.test-card{min-height:235px}.test-image{height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* NoteSphere-inspired language tabs */
.resource-list a.language-tab{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:66px;
  padding:9px 10px;
  background:#fffefa;
  border:1px solid #e4e9df;
  border-radius:13px;
  color:#29493b;
  box-shadow:0 3px 10px rgba(30,57,43,.025);
  transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;
}
.resource-list a.language-tab>.language-badge{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:11px;
  font:800 13.2px Manrope,sans-serif;
  letter-spacing:.35px;
}
.resource-list a.language-tab--english>.language-badge{background:#eaf1f6;color:#527694}
.resource-list a.language-tab--malayalam>.language-badge{background:#fff0dd;color:#b5742e}
.resource-list a.language-tab--arabic>.language-badge{background:#efebf7;color:#74619e}
.language-copy{display:grid;min-width:0;gap:3px}
.resource-list a.language-tab .language-copy strong{overflow:hidden;color:#284638;font:800 12px/1.35 Manrope,sans-serif;text-overflow:ellipsis}
.language-copy small{color:#899287;font-size:9.6px;line-height:1.4}
.resource-list a.language-tab .language-choice{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border-radius:8px;
  background:#f2f4ed;
  color:#6e7e70;
  font-size:9.6px;
  font-weight:800;
  white-space:nowrap;
}
.resource-list a.language-tab .language-choice b{margin:0;color:#67836d;font-size:12px}
.resource-list a.language-tab:hover{
  transform:translateY(-2px);
  background:#fffdf7;
  border-color:#dfbd72;
  box-shadow:0 8px 18px rgba(87,73,40,.09);
}
.resource-list a.language-tab:hover .language-choice{background:#f5e9c9;color:#6b5120}
.resource-list a.language-tab:focus-visible{outline:3px solid rgba(209,166,76,.34);outline-offset:2px;border-color:#c3953d}
@media(max-width:700px){
  .resource-list a.language-tab{min-height:68px;gap:9px;padding:9px}
  .resource-list a.language-tab>.language-badge{width:39px;height:39px;flex-basis:39px}
  .resource-list a.language-tab .language-choice{padding:7px 6px;gap:5px}
}

/* Keep the text and action chip separate from the compact resource icon sizing. */
.resource-list a.language-tab>.language-copy{
  display:grid;
  flex:1 1 auto;
  width:auto;
  height:auto;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:initial;
  font-weight:initial;
  place-items:initial;
}
.resource-list a.language-tab>.language-choice{
  display:inline-flex;
  flex:0 0 auto;
  width:auto;
  height:auto;
  border-radius:8px;
}

/* Compact language tabs for a calmer subject-card layout. */
.resource-list a.language-tab{
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:8px;
  min-height:49px;
  padding:6px 8px;
  border-radius:11px;
}
.resource-list a.language-tab>.language-badge{
  width:32px;
  height:32px;
  flex-basis:32px;
  border-radius:9px;
  font-size:10.8px;
}
.resource-list a.language-tab .language-copy strong{
  font-size:10.8px;
  line-height:1.25;
  white-space:nowrap;
}
.language-copy small{
  font-size:8.4px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.resource-list a.language-tab .language-choice{
  gap:5px;
  padding:5px 6px;
  border-radius:7px;
  font-size:8.4px;
}
.resource-list a.language-tab .language-choice b{font-size:10px}
@media(max-width:700px){
  .resource-list a.language-tab{
    min-height:47px;
    grid-template-columns:30px minmax(0,1fr) auto;
    gap:7px;
    padding:6px 7px;
  }
  .resource-list a.language-tab>.language-badge{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .resource-list a.language-tab .language-choice{padding:5px;gap:4px}
}

/* Four subject cards per row on wide screens, with compact spacing. */
.subjects-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.subject-card{padding:17px}
@media(max-width:1200px){
  .subjects-container{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  .subjects-container{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .subjects-container{grid-template-columns:1fr}
}


/* Clear module browser for files stored in Academic Hub */
.resource-list a.language-tab .language-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#f1f3eb;
  color:#69816d;
  font-size:19.2px;
  font-weight:800;
}
.module-dialog{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px}
.module-backdrop{position:absolute;inset:0;background:rgba(15,35,29,.62);backdrop-filter:blur(6px)}
.module-panel{position:relative;display:flex;flex-direction:column;width:min(820px,100%);max-height:min(88vh,900px);overflow:auto;padding:clamp(20px,4vw,34px);border:1px solid #e2e8df;border-radius:24px;background:#fffefa;box-shadow:0 26px 90px rgba(8,26,21,.3)}
.module-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e9ece5}
.module-eyebrow{color:#8c8062;font-size:13.2px;letter-spacing:1.4px;font-weight:900}
.module-header h2{margin-top:5px;color:#173f35;font:800 clamp(30px,3vw,40.8px)/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.module-header p{margin-top:8px;color:#66776c;font-size:18px;line-height:1.6}
.module-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e5e9e0;border-radius:12px;background:#f7f8f2;color:#334c3d;font-size:33.6px;cursor:pointer}
.module-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 0 13px}
.module-tabs button,.module-subtabs button{border:1px solid #dfe6dc;border-radius:11px;background:#f5f7f0;color:#506457;font:800 16.8px/1.35 Manrope,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.module-tabs button{min-height:48px;padding:10px 12px}
.module-tabs button[aria-selected="true"]{border-color:#265f49;background:#205842;color:#fff}
.module-subtabs{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 17px}
.module-subtabs:empty{display:none}
.module-subtabs button{padding:9px 12px;font-size:13px}
.module-subtabs button[aria-selected="true"]{border-color:#d9b760;background:#fbf1d5;color:#634e1e}
.module-content{min-height:150px;padding-top:4px}
.module-empty{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;border:1px dashed #d6dfd2;border-radius:16px;background:linear-gradient(135deg,#f8f9f4,#f1f5ed);text-align:center}
.module-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7efe3;color:#3f7658;font-size:21px}
.module-empty strong{color:#385542;font-size:16px}
.module-empty p{color:#728174;font-size:14px}
.module-empty code{max-width:100%;padding:7px 10px;border-radius:8px;background:#e8eee3;color:#3d5b46;font:600 14.4px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.module-pdf-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid #e1e8dc;border-radius:16px;background:#fbfcf7;box-shadow:0 8px 22px rgba(29,54,42,.045)}
.module-pdf-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e8f0e4;color:#32704f;font-size:14.4px;font-weight:900}
.module-pdf-copy{min-width:0}
.module-pdf-copy h3{color:#2d4b3a;font:800 17px/1.45 Manrope,sans-serif}
.module-pdf-copy p{margin-top:4px;color:#788579;font-size:15.6px;line-height:1.5}
.module-pdf-actions{display:flex;flex-wrap:wrap;gap:8px}
.module-pdf-actions a{padding:10px 12px;border-radius:9px;background:#205842;color:#fff;font-size:15.6px;font-weight:800;white-space:nowrap}
.module-pdf-actions a+ a{background:#edf2e9;color:#315a43}
.module-pdf-reader{margin-top:16px;overflow:hidden;border:1px solid #dfe7dd;border-radius:16px;background:#f6f8f4}
.module-pdf-reader-heading{padding:12px 15px;border-bottom:1px solid #e0e7df;color:#315845;font-size:15px;font-weight:800}
.module-pdf-frame{display:block;width:100%;height:min(68vh,760px);min-height:480px;border:0;background:#e9eee8}
.language-tab[role="button"]{cursor:pointer}
.module-pdf-frame{color-scheme:light}
@media(max-width:600px){
  .module-pdf-frame{height:62vh;min-height:360px}
  .module-dialog{align-items:end;padding:8px}
  .module-panel{max-height:92vh;padding:18px 14px;border-radius:20px}
  .module-tabs{gap:6px}
  .module-tabs button{min-height:44px;padding:8px 6px}
  .module-subtabs{gap:6px}
  .module-subtabs button{padding:8px 9px}
  .module-pdf-card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px}
  .module-pdf-badge{width:40px;height:40px}
  .module-pdf-actions{grid-column:1/-1}
  .module-pdf-actions a{flex:1;text-align:center}
}

/* AI study help stays separate from the public community conversation. */
.ai-study-section{display:grid;grid-template-columns:.83fr 1.17fr;gap:30px;margin:0 0 38px;padding:30px;border:1px solid #dce4d5;border-radius:22px;background:linear-gradient(135deg,#eef3e8,#f8f7ee 60%,#f5eddc);scroll-margin-top:18px}
.ai-study-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(223,182,94,.23),transparent 50%),linear-gradient(135deg,#123c32,#245d46);color:#dbe9dc}
.ai-study-eyebrow{display:flex;align-items:center;gap:9px;color:#ebcc85;font-size:10px;letter-spacing:1.2px;font-weight:800;line-height:1.6}.ai-study-eyebrow>span{font-size:20px}
.ai-study-intro h2{margin:13px 0 12px;color:#fffaf0;font:800 clamp(28px,3vw,39px)/1.14 Manrope,sans-serif;letter-spacing:-.9px}
.ai-study-intro>p{font-size:14px;line-height:1.8;color:#d0e1d4}
.ai-study-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.ai-study-features>span{padding:6px 9px;border:1px solid rgba(255,255,255,.17);border-radius:7px;color:#f3eed8;background:rgba(255,255,255,.06);font-size:11px;font-weight:600}
.ai-study-note{display:flex;gap:11px;margin-top:27px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.ai-study-note>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:rgba(230,189,104,.14);color:#ebcc85}.ai-study-note strong{color:#fff7df;font-size:12px;font-weight:700}.ai-study-note p{margin-top:3px;color:#bfd4c4;font-size:12px;line-height:1.65}
.ai-study-privacy{width:100%;margin-top:18px;font-size:11px;line-height:1.75;color:#c1d6c7}.ai-study-privacy summary{cursor:pointer;color:#e1eadc;text-decoration:underline;text-decoration-color:rgba(225,234,220,.35);text-underline-offset:3px}.ai-study-privacy summary:focus-visible{outline:2px solid #dfb65e;outline-offset:4px}.ai-study-privacy p{padding-top:8px}
.ai-study-intro>p.ai-study-caution{margin-top:16px;color:#b7cebf;font-size:11px;line-height:1.75}
.ai-study-panel{min-width:0;padding:18px;border:1px solid #e0e6d9;border-radius:17px;background:#fffefa;box-shadow:0 13px 32px rgba(32,60,43,.055)}
.ai-study-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e9ecdf}.ai-study-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e7f0e1;color:#2f7252;font-size:21px}.ai-study-header>div:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.ai-study-header strong{color:#294c3b;font:800 15px/1.3 Manrope,sans-serif}.ai-study-header small{color:#7b897d;font-size:10px}
.ai-study-clear{flex-shrink:0;padding:6px 8px;border:1px solid #e5e8de;border-radius:7px;background:#f7f8f1;color:#677b6d;font-size:10px;font-weight:700;cursor:pointer}.ai-study-clear:disabled{opacity:.5;cursor:default}
.ai-study-options{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;padding-top:15px}.ai-study-options label{display:grid;gap:5px;min-width:0;color:#617767;font-size:11px;font-weight:700}.ai-study-options select{width:100%;min-width:0;min-height:39px;padding:7px 8px;border:1px solid #dfe6d9;border-radius:8px;background:#f7f9f2;color:#314e3e;font:500 12px 'DM Sans',Arial,sans-serif;text-overflow:ellipsis}.ai-study-options select:focus-visible{outline:3px solid #dfb65e;outline-offset:2px}
.ai-study-messages{display:flex;flex-direction:column;gap:12px;height:260px;overflow:auto;overscroll-behavior:contain;margin:16px 0 12px;padding:12px;border:1px solid #e9eddf;border-radius:12px;background:linear-gradient(140deg,#f9faf4,#f6f8f1);scrollbar-color:#cbd9c8 transparent;scrollbar-width:thin}.ai-study-messages:focus-visible{outline:3px solid #dfb65e;outline-offset:2px}
.ai-study-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.ai-study-empty>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#ebf1e4;color:#4d7c5b;font-size:25px}.ai-study-empty strong{color:#52705b;font:700 14px/1.6 Manrope,sans-serif}.ai-study-empty p{max-width:260px;color:#80917e;font-size:12px;line-height:1.7}
.ai-study-message{display:flex;flex-direction:column;align-self:flex-start;gap:6px;width:min(94%,100%);padding:12px;border:1px solid #e1e8d9;border-radius:12px 12px 12px 3px;background:#fffefa}.ai-study-message--user{align-self:flex-end;border-color:#dce5d3;border-radius:12px 12px 3px 12px;background:#eaf1e3}.ai-study-message--error{border-color:#e8d9bc;background:#fff9eb}.ai-study-message>strong{display:flex;align-items:center;gap:5px;color:#396044;font-size:10px;font-weight:800}.ai-study-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#354f3d;font-size:13px;line-height:1.8}.ai-study-message--pending p{color:#7e8a78}.ai-study-message--error p{color:#80653d}
.ai-study-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.ai-study-prompts button{padding:7px 9px;border:1px solid #e1e6d7;border-radius:8px;background:#f5f7ed;color:#56734d;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.ai-study-prompts button:hover{background:#edf1e2;border-color:#cbd9bc}.ai-study-prompts button>span{padding-left:5px;color:#89935f}
.ai-study-form>label{display:block;margin-bottom:6px;color:#5a715e;font-size:11px;font-weight:700}.ai-study-form textarea{display:block;width:100%;min-height:88px;max-height:210px;resize:vertical;padding:11px 12px;border:1px solid #dce4d5;border-radius:10px;background:#fffdf7;color:#294638;font:500 13px/1.7 'DM Sans',Arial,sans-serif}.ai-study-form textarea::placeholder{color:#93a18c}.ai-study-form textarea:focus{border-color:#9bb290;outline:2px solid rgba(66,120,68,.15);outline-offset:1px}
.ai-study-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px}.ai-study-compose-footer>span{display:grid;gap:4px;color:#81917c;font-size:9px;line-height:1.4}.ai-study-compose-footer #ai-count{color:#9aa58f}.ai-study-compose-footer button{flex-shrink:0;min-height:39px;padding:9px 13px;border:0;border-radius:9px;background:linear-gradient(135deg,#215842,#36764f);color:#fff9e5;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.ai-study-compose-footer button:hover{transform:translateY(-1px)}.ai-study-compose-footer button>span{margin-left:7px}.ai-study-compose-footer button:disabled,.ai-study-prompts button:disabled{opacity:.55;cursor:default;transform:none}
.ai-study-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:10px;min-height:20px}.ai-study-status-row p{color:#72866d;font-size:10px;line-height:1.65}.ai-study-status-row p[data-state="error"]{color:#9a7031}.ai-study-status-row button{flex-shrink:0;border:0;border-bottom:1px solid #b2c2a2;background:transparent;color:#4b7244;font-size:10px;cursor:pointer}.ai-study-status-row button[hidden]{display:none}.ai-study-noscript{margin-top:9px;color:#916735;font-size:12px}
@media(min-width:701px) and (max-width:1250px){.topbar{gap:10px;padding-inline:24px}.nav-links{gap:3px;font-size:12px}.nav-links a{padding-inline:7px}.nav-cta{padding-inline:10px;font-size:12px}}
@media(max-width:1050px){.ai-study-section{grid-template-columns:1fr;gap:20px;padding:24px}.ai-study-intro{padding:24px}.ai-study-intro h2{font-size:31px}.ai-study-note{margin-top:20px;padding-top:16px}.ai-study-messages{height:280px}}
@media(max-width:700px){.nav-links{flex-wrap:wrap;justify-content:flex-start;gap:1px 8px}.nav-links a{font-size:10px;padding:6px 3px}.ai-study-section{gap:14px;margin-bottom:28px;padding:14px;border-radius:17px}.ai-study-intro{padding:20px 17px;border-radius:13px}.ai-study-eyebrow{font-size:8px;letter-spacing:.8px}.ai-study-intro h2{font-size:29px}.ai-study-intro>p{font-size:13px}.ai-study-features{margin-top:15px}.ai-study-features>span{font-size:10px}.ai-study-panel{padding:14px;border-radius:13px}.ai-study-header strong{font-size:13px}.ai-study-clear{font-size:9px}.ai-study-options{grid-template-columns:1fr;gap:9px}.ai-study-options select{font-size:13px}.ai-study-messages{height:280px;margin-top:12px;padding:9px}.ai-study-empty{padding:8px}.ai-study-empty strong{font-size:13px}.ai-study-prompts{gap:5px}.ai-study-prompts button{padding:7px 8px;font-size:10px}.ai-study-form textarea{font-size:16px}.ai-study-compose-footer{gap:8px}.ai-study-compose-footer>span{font-size:8px}.ai-study-compose-footer button{padding:9px 10px;font-size:11px}}/* Keep every Malayalam subject library consistent with the colorful AI chapter page. */
.module-dialog--malayalam .module-backdrop{
  background:rgba(49,46,129,.48);
}
.module-dialog--malayalam .module-panel{
  width:min(960px,100%);
  max-height:min(92vh,960px);
  border:1px solid #c7d2fe;
  border-radius:26px;
  background:#fff;
  color:#172554;
  box-shadow:0 26px 90px rgba(49,46,129,.24);
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
}
.module-dialog--malayalam .module-header{
  align-items:flex-start;
  padding:18px;
  border:1px solid #c7d2fe;
  border-radius:20px;
  background:linear-gradient(115deg,#e0f2fe 0%,#eef2ff 52%,#fdf2f8 100%);
}
.module-dialog--malayalam .module-eyebrow{
  color:#4f46e5;
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  font-size:14px;
  letter-spacing:0;
}
.module-dialog--malayalam .module-header h2{
  color:#312e81;
  font:700 clamp(26px,3vw,38px)/1.55 'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  letter-spacing:0;
}
.module-dialog--malayalam .module-header p{
  color:#334155;
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  font-size:15px;
  line-height:1.85;
}
.module-dialog--malayalam .module-close{
  border-color:#c7d2fe;
  background:#fff;
  color:#312e81;
}
.module-dialog--malayalam .module-tabs{
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
}
.module-dialog--malayalam .module-tabs button,
.module-dialog--malayalam .module-subtabs button{
  border-color:#c7d2fe;
  border-radius:13px;
  background:linear-gradient(120deg,#eff6ff,#f5f3ff,#fdf2f8);
  color:#312e81;
  font:700 15px/1.65 'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
}
.module-dialog--malayalam .module-tabs button[aria-selected="true"]{
  border-color:#4f46e5;
  background:linear-gradient(135deg,#4f46e5,#7c3aed);
  color:#fff;
  box-shadow:0 5px 14px rgba(79,70,229,.2);
}
.module-dialog--malayalam .module-subtabs button[aria-selected="true"]{
  border-color:#be185d;
  background:#fce7f3;
  color:#9d174d;
}
.module-dialog--malayalam .module-empty{
  border-color:#c7d2fe;
  background:linear-gradient(135deg,#eff6ff,#f5f3ff,#fdf2f8);
}
.module-dialog--malayalam .module-empty-icon{
  background:#ede9fe;
  color:#4f46e5;
}
.module-dialog--malayalam .module-empty strong,
.module-dialog--malayalam .module-empty p{
  color:#334155;
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  line-height:1.8;
}
.module-dialog--malayalam .module-pdf-card{
  border-color:#d9d6fe;
  background:linear-gradient(120deg,#fff,#f8f7ff);
  box-shadow:0 8px 22px rgba(79,70,229,.08);
}
.module-dialog--malayalam .module-pdf-badge{
  background:linear-gradient(135deg,#4f46e5,#a855f7);
  color:#fff;
}
.module-dialog--malayalam .module-pdf-copy h3{
  color:#312e81;
  font:700 17px/1.75 'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
}
.module-dialog--malayalam .module-pdf-copy p{
  color:#334155;
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  line-height:1.8;
}
.module-dialog--malayalam .module-pdf-actions a{
  border:1px solid #4f46e5;
  background:linear-gradient(135deg,#4f46e5,#7c3aed);
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
}
.module-dialog--malayalam .module-pdf-actions a+a{
  border-color:#c7d2fe;
  background:#fff;
  color:#4338ca;
}
.module-dialog--malayalam .module-pdf-reader{
  border-color:#c7d2fe;
  background:#fff;
}
.module-dialog--malayalam .module-pdf-reader-heading{
  border-bottom-color:#d9d6fe;
  background:linear-gradient(120deg,#eff6ff,#f5f3ff,#fdf2f8);
  color:#312e81;
  font-family:'Noto Sans Malayalam','Noto Sans Malayalam UI',sans-serif;
  line-height:1.8;
}
.module-dialog--malayalam .module-pdf-frame{
  background:#fff;
}
@media(max-width:600px){
  .module-dialog--malayalam .module-panel{max-height:94vh;padding:16px}
  .module-dialog--malayalam .module-header{padding:14px}
  .module-dialog--malayalam .module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .module-dialog--malayalam .module-pdf-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px}
  .module-dialog--malayalam .module-pdf-badge{width:40px;height:40px}
  .module-dialog--malayalam .module-pdf-actions{grid-column:1/-1}
}


/* Match the hub's larger study text, especially for Malayalam answers. */
.ai-study-intro>p,.ai-study-message p,.ai-study-options select,.ai-study-form textarea{font-size:16px;line-height:1.75}
.ai-study-header strong{font-size:19px}.ai-study-empty strong{font-size:17px}
.ai-study-note strong,.ai-study-options label,.ai-study-form>label,.ai-study-clear,.ai-study-prompts button,.ai-study-compose-footer button{font-size:14px}
.ai-study-eyebrow,.ai-study-features>span,.ai-study-privacy,.ai-study-caution,.ai-study-empty p,.ai-study-header small,.ai-study-note p,.ai-study-message>strong,.ai-study-status-row p,.ai-study-status-row button{font-size:13px;line-height:1.65}
.ai-study-compose-footer>span{font-size:12px}.ai-study-compose-footer{flex-wrap:wrap}
.ai-study-messages{height:300px}.ai-study-section select,.ai-study-section button{min-height:42px}
.ai-study-section{scroll-margin-top:24px}


/* Subject photographs and clear heading hierarchy. */
.subject-card{--subject-card-padding:17px;padding:var(--subject-card-padding)}
.subject-cover{display:block;width:calc(100% + 2 * var(--subject-card-padding));height:auto;aspect-ratio:16/9;object-fit:cover;margin:calc(-1 * var(--subject-card-padding)) calc(-1 * var(--subject-card-padding)) 16px;background:#e5ebe0;filter:saturate(.94)}
.subject-card:before{z-index:1}
h1,h2,h3,h4,h5,h6{font-weight:800!important}
strong,b,summary,.eyebrow,.subject-tag,.test-label,.module-eyebrow,.ai-study-eyebrow,.language-copy strong,.chat-header strong,.brand-copy strong{font-weight:800!important}
.section-heading p,.hero-description,.subject-card>p,.test-card>p,.community-intro>p,.support-section p,.module-header p,.ai-study-intro>p,.overview-highlight small,.brand-copy small,.language-copy small,.chat-header small,.ai-study-header small{font-weight:700}
@media(max-width:700px){.subject-cover{aspect-ratio:16/8}}

.subject-card[data-subject="Malayalam"] .subject-cover{object-position:center 35%}




/* Centered semester ticker and distinct brand chip. */
.semester-context{
  display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:9px;
  box-sizing:border-box;width:100%;max-width:1280px;min-height:36px;margin:8px auto 0;padding:6px 10px;
  border:1px solid #d7e6dd;border-radius:12px;
  background:linear-gradient(100deg,#edf7f1 0%,#f8f3e8 100%);
  box-shadow:0 4px 12px rgba(31,81,57,.07);
  color:#596579;font-size:calc(.8rem + 4px);line-height:1.45;letter-spacing:.01em;text-align:center;
}
.semester-context-logo{
  display:grid;place-items:center;flex:none;width:24px;height:24px;
  border-radius:8px;background:linear-gradient(145deg,#287052,#174b3a);color:#fff;
}
.semester-context-logo svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.semester-context::after{
  content:"";display:block;justify-self:center;width:9px;height:9px;border-radius:50%;
  background:#2c9b65;box-shadow:0 0 0 4px rgba(44,155,101,.14);
  animation:semester-context-live 1.6s ease-in-out infinite;
}
.semester-context p{min-width:0;margin:0;overflow:hidden;font:inherit;text-align:center;white-space:nowrap}
.semester-context-marquee{display:flex;width:max-content;animation:semester-context-scroll 28s linear infinite;will-change:transform}
.semester-context-marquee span{display:block;flex:none;padding-right:3.5rem;white-space:nowrap}
.semester-context:hover .semester-context-marquee{animation-play-state:paused}
@keyframes semester-context-scroll{to{transform:translateX(-50%)}}
@keyframes semester-context-live{50%{box-shadow:0 0 0 7px rgba(44,155,101,.04);opacity:.68}}
/* Give the site identity its own soft mint highlight. */
.brand{gap:10px;padding:5px 10px;border:1px solid #d6e5da;border-radius:15px;background:#e9f3ec}
.brand-copy strong{font-size:21.2px}
.brand-copy small{margin-top:3px;color:#63786c;font-size:14px}
@media(max-width:700px){
  .brand{gap:9px;padding:4px 8px}
  .brand-copy strong{font-size:16px}
  .brand-copy small{margin-top:3px;font-size:11px}
  .semester-context{grid-template-columns:22px minmax(0,1fr) 22px;gap:8px;padding:7px 8px}
  .semester-context-logo{width:22px;height:22px}
  .semester-context::after{width:8px;height:8px}
}
@media(prefers-reduced-motion:reduce){
  .semester-context::after{animation:none}
  .semester-context-marquee{display:block;width:100%;animation:none;transform:none;will-change:auto}
  .semester-context-marquee span{display:block;padding:0;white-space:normal}
  .semester-context-marquee span+span{display:none}
  .semester-context p{overflow:visible;white-space:normal}
}


/* Compact chat panels: reduce vertical space while keeping controls touch-friendly. */
.community-section{gap:22px;margin-bottom:28px;padding:22px}
.chat-panel{padding:12px}
.chat-header{gap:7px;padding-bottom:8px}
.chat-avatar{width:31px;height:31px}
.chat-messages{height:145px;gap:8px;padding:9px 3px}
.chat-form{padding-top:8px}
.chat-form>input{margin-bottom:6px}
.chat-form>input,.chat-compose textarea{padding:7px 8px}
.chat-compose textarea{min-height:42px;max-height:76px}
.ai-study-section{gap:20px;margin-bottom:28px;padding:22px}
.ai-study-intro{padding:20px}
.ai-study-intro h2{font-size:clamp(25px,2.6vw,34px);margin:9px 0}
.ai-study-intro>p{font-size:14px;line-height:1.65}
.ai-study-features{margin-top:14px}
.ai-study-note{margin-top:18px;padding-top:14px}
.ai-study-panel{padding:14px}
.ai-study-header{gap:8px;padding-bottom:10px}
.ai-study-avatar{flex-basis:32px;height:32px;border-radius:10px;font-size:18px}
.ai-study-options{gap:8px;padding-top:10px}
.ai-study-options select{min-height:36px}
.ai-study-messages{height:160px;gap:9px;margin:10px 0 8px;padding:9px}
.ai-study-empty{padding:10px}
.ai-study-prompts{gap:5px;margin-bottom:10px}
.ai-study-prompts button{padding:6px 8px}
.ai-study-form textarea{height:64px;min-height:64px;max-height:120px;padding:9px 10px}
.ai-study-compose-footer{gap:8px;padding-top:7px}
.ai-study-compose-footer button{min-height:38px;padding:7px 10px}
.ai-study-status-row{min-height:16px;margin-top:7px}
@media(max-width:700px){
  .community-section{gap:12px;margin-bottom:20px;padding:13px}
  .community-intro h2{font-size:22px}
  .community-intro>p{font-size:12px;line-height:1.6}
  .community-note{margin-top:10px}
  .chat-panel{padding:10px}
  .chat-messages{height:118px}
  .chat-compose textarea{min-height:40px;max-height:68px}
  .ai-study-section{gap:10px;margin-bottom:20px;padding:12px;border-radius:14px}
  .ai-study-intro{padding:14px 13px;border-radius:11px}
  .ai-study-intro h2{font-size:23px;margin:8px 0}
  .ai-study-intro>p{font-size:14px;line-height:1.55}
  .ai-study-features{margin-top:10px}
  .ai-study-note{gap:8px;margin-top:12px;padding-top:10px}
  .ai-study-privacy{margin-top:10px;font-size:11px}
  .ai-study-panel{padding:10px;border-radius:11px}
  .ai-study-header{gap:7px;padding-bottom:8px}
  .ai-study-avatar{flex-basis:29px;height:29px}
  .ai-study-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}
  .ai-study-options label{gap:4px}
  .ai-study-options select{min-height:38px;padding:6px;font-size:14px}
  .ai-study-messages{height:125px;gap:8px;margin:9px 0 7px;padding:8px}
  .ai-study-empty{padding:7px}
  .ai-study-empty>span{width:36px;height:36px;font-size:21px}
  .ai-study-empty strong{font-size:15px}
  .ai-study-empty p{font-size:13px}
  .ai-study-message{padding:9px}
  .ai-study-prompts{gap:5px;margin-bottom:8px}
  .ai-study-prompts button{padding:6px 7px;font-size:13px}
  .ai-study-form>label{margin-bottom:4px}
  .ai-study-form textarea{height:60px;min-height:60px;max-height:110px;padding:8px 9px;font-size:16px}
  .ai-study-compose-footer{gap:6px;padding-top:6px}
  .ai-study-compose-footer>span{font-size:11px}
  .ai-study-compose-footer button{min-height:40px;padding:7px 9px}
  .ai-study-status-row{gap:7px;margin-top:6px}
}
/* A focused, readable chapter library for the Mathematics LMS. */
.module-dialog--mathematics .module-backdrop{
  background:rgba(15,23,42,.66);
}
.module-dialog--mathematics .module-panel{
  width:min(1040px,100%);
  max-height:min(92vh,980px);
  border:1px solid #cbdaf0;
  border-radius:26px;
  background:#f7faff;
  box-shadow:0 28px 100px rgba(15,23,42,.28);
}
.module-dialog--mathematics .module-header{
  padding:20px;
  border:1px solid #d6e3f5;
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 0,rgba(45,212,191,.20),transparent 34%),
    linear-gradient(118deg,#eff6ff 0%,#eef2ff 54%,#ecfeff 100%);
}
.module-dialog--mathematics .module-eyebrow{
  color:#2563a8;
  letter-spacing:1.2px;
}
.module-dialog--mathematics .module-header h2{
  color:#142b4b;
}
.module-dialog--mathematics .module-header p{
  color:#526782;
}
.module-dialog--mathematics .module-close{
  border-color:#cbdaf0;
  background:#fff;
  color:#23476f;
}
.module-dialog--mathematics .module-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.module-dialog--mathematics .module-tabs button,
.module-dialog--mathematics .module-subtabs button{
  border-color:#d3dfef;
  background:#fff;
  color:#355573;
}
.module-dialog--mathematics .module-tabs button[aria-selected="true"]{
  border-color:#2563a8;
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
  color:#fff;
  box-shadow:0 6px 16px rgba(29,78,216,.18);
}
.module-dialog--mathematics .module-subtabs button{
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
}
.module-dialog--mathematics .module-subtabs button[aria-selected="true"]{
  border-color:#99d5dc;
  background:#e6fbfa;
  color:#0e5962;
}
.module-dialog--mathematics .module-pdf-card{
  border-color:#d7e4f4;
  border-radius:18px;
  background:linear-gradient(120deg,#fff,#f1f7ff);
  box-shadow:0 10px 26px rgba(30,64,110,.08);
}
.module-dialog--mathematics .module-pdf-badge{
  border:1px solid #bfdbfe;
  border-radius:15px;
  background:linear-gradient(145deg,#dbeafe,#ccfbf1);
  color:#1d4ed8;
  font-size:21px;
}
.module-dialog--mathematics .module-pdf-copy h3{
  color:#17365b;
}
.module-dialog--mathematics .module-pdf-copy p{
  color:#61758d;
}
.module-dialog--mathematics .module-pdf-actions a{
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
}
.module-dialog--mathematics .module-pdf-actions a+a{
  background:#e9f1fb;
  color:#23476f;
}
.module-dialog--mathematics .module-pdf-reader{
  border-color:#cbdaf0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(30,64,110,.07);
}
.module-dialog--mathematics .module-pdf-reader-heading{
  padding:14px 17px;
  border-bottom-color:#dce7f4;
  background:linear-gradient(100deg,#eff6ff,#ecfeff);
  color:#23476f;
}
.module-dialog--mathematics .module-pdf-frame{
  height:min(70vh,780px);
  background:#eaf1f8;
}
@media(max-width:600px){
  .module-dialog--mathematics .module-panel{max-height:94vh;padding:16px}
  .module-dialog--mathematics .module-header{padding:14px}
  .module-dialog--mathematics .module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .module-dialog--mathematics .module-pdf-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px}
  .module-dialog--mathematics .module-pdf-badge{width:40px;height:40px}
  .module-dialog--mathematics .module-pdf-actions{grid-column:1/-1}
}

/* Highlight the four portal features as their own polished cards. */
.quick-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin:20px 10px 0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.quick-stats .stat{
  --feature-accent:#7655b8;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:104px;
  overflow:hidden;
  padding:18px 17px 18px 19px;
  border:1px solid #e9e2f3;
  border-radius:19px;
  background:linear-gradient(145deg,#fff 0%,#f8f4ff 100%);
  box-shadow:0 10px 24px rgba(41,44,63,.055),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.quick-stats .stat::before{
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:5px;
  border-radius:19px 0 0 19px;
  background:linear-gradient(180deg,var(--feature-accent),rgba(255,255,255,.35));
  content:"";
}
.quick-stats .stat::after{
  position:absolute;
  z-index:-1;
  top:-48px;
  right:-37px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(118,85,184,.07);
  content:"";
}
.quick-stats .stat:hover{
  transform:translateY(-3px);
  border-color:rgba(118,85,184,.27);
  box-shadow:0 15px 30px rgba(41,44,63,.1),inset 0 1px 0 rgba(255,255,255,.95);
}
.quick-stats .stat-icon{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border:1px solid rgba(118,85,184,.12);
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#eee5ff);
  color:var(--feature-accent);
  box-shadow:0 7px 16px rgba(48,39,73,.09),inset 0 1px 0 rgba(255,255,255,.9);
  font-size:23px;
  line-height:1;
}
.quick-stats .stat>div{display:grid;gap:3px;min-width:0}
.quick-stats .stat strong{
  color:#283a35;
  font:800 14px/1.25 Manrope,'DM Sans',sans-serif;
  letter-spacing:-.2px;
}
.quick-stats .stat small{
  margin-top:0;
  color:#687970;
  font:500 11px/1.4 'DM Sans',sans-serif;
}
.quick-stats .stat:nth-child(1){--feature-accent:#7655b8;border-color:#e9e1f5;background:linear-gradient(145deg,#fff 0%,#f7f2ff 100%)}
.quick-stats .stat:nth-child(1)::after{background:rgba(118,85,184,.08)}
.quick-stats .stat:nth-child(1) .stat-icon{border-color:#e5d9fa;background:linear-gradient(145deg,#fff,#eee5ff)}
.quick-stats .stat:nth-child(2){--feature-accent:#3273b8;border-color:#dce8f5;background:linear-gradient(145deg,#fff 0%,#f0f7ff 100%)}
.quick-stats .stat:nth-child(2)::after{background:rgba(50,115,184,.08)}
.quick-stats .stat:nth-child(2) .stat-icon{border-color:#d7e7f8;background:linear-gradient(145deg,#fff,#e2f0ff)}
.quick-stats .stat:nth-child(3){--feature-accent:#bc7623;border-color:#f0e4ce;background:linear-gradient(145deg,#fff 0%,#fff7e9 100%)}
.quick-stats .stat:nth-child(3)::after{background:rgba(188,118,35,.09)}
.quick-stats .stat:nth-child(3) .stat-icon{border-color:#f0dfc1;background:linear-gradient(145deg,#fff,#ffefd1)}
.quick-stats .stat:nth-child(4){--feature-accent:#287955;border-color:#dcece1;background:linear-gradient(145deg,#fff 0%,#eff9f1 100%)}
.quick-stats .stat:nth-child(4)::after{background:rgba(40,121,85,.08)}
.quick-stats .stat:nth-child(4) .stat-icon{border-color:#d6ebdc;background:linear-gradient(145deg,#fff,#def2e4)}
@media(max-width:1050px){
  .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:0}
  .quick-stats .stat{min-height:98px}
}
@media(max-width:700px){
  .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding:0}
  .quick-stats .stat{gap:10px;min-height:92px;padding:13px 11px 13px 14px}
  .quick-stats .stat-icon{flex-basis:39px;width:39px;height:39px;border-radius:12px;font-size:19px}
  .quick-stats .stat strong{font-size:12px}
  .quick-stats .stat small{font-size:9.5px}
}
@media(max-width:390px){
  .quick-stats{gap:8px}
  .quick-stats .stat{gap:8px;min-height:88px;padding:11px 9px 11px 12px}
  .quick-stats .stat-icon{flex-basis:35px;width:35px;height:35px;font-size:17px}
  .quick-stats .stat strong{font-size:11px}
  .quick-stats .stat small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.quick-stats .stat{transition:none}}