/* ===========================================================================
   theme.css — AKTU Online site theme (loaded last in <head> by header.php,
   so it applies to EVERY page: PHP pages and the static /study/*.html pages).

   Palette ("Minimal Colors"):
     #0049B7  royal blue  — brand: top bar, footer, hero bands, links
     #FF1D58  red-pink    — call-to-action buttons, active underline
     #F75990  pink        — hover / soft highlights
     #FFF685  yellow      — small labels & figures on blue
     #00DDFF  cyan        — icons & accents on blue
   Yellow and cyan are only used ON blue (they are unreadable on white).
   Change the tokens below to re-brand the whole site.
   Selectors are prefixed with "html body" so they win over the older
   per-page <style> blocks that load later in the page.
   =========================================================================== */
:root{
  --t-brand:#0049B7;      /* royal blue */
  --t-brand-d:#003A92;    /* deeper shade for large dark surfaces */
  --t-brand-dd:#002C70;   /* deepest shade (top bar, footer bottom) */
  --t-brand-soft:#E8F0FC; /* blue tint */
  --t-cta:#FF1D58;        /* red-pink */
  --t-cta-h:#E0124B;      /* cta hover */
  --t-cta-soft:#FFE8EE;
  --t-pink:#F75990;
  --t-yellow:#FFF685;
  --t-cyan:#00DDFF;

  --t-ink:#0F1B33;        /* headings */
  --t-text:#334155;       /* body text */
  --t-muted:#64748B;      /* secondary text */
  --t-line:#E2E8F0;       /* borders */
  --t-bg:#F6F8FC;         /* page background */
  --t-on-blue:#D6E4FF;    /* body text on blue */
  --t-radius:12px;
  --t-shadow:0 1px 2px rgba(0,44,112,.05), 0 8px 24px rgba(0,44,112,.07);
  --t-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Devanagari", Arial, sans-serif;

  /* legacy names used elsewhere */
  --t-navy:var(--t-brand); --t-blue:var(--t-cta); --t-blue-d:var(--t-cta-h); --t-blue-soft:var(--t-brand-soft);
}

/* ---------- Typography ---------- */
html body, html body *{ font-family:var(--t-font); }
html body .fa, html body .fa-solid, html body .fa-regular,
html body [class^="fa-"], html body [class*=" fa-"]{ font-family:"Font Awesome 6 Free"; }
html body .fa-brands{ font-family:"Font Awesome 6 Brands"; }
html body{ background:var(--t-bg); color:var(--t-text); -webkit-font-smoothing:antialiased; }
html body h1, html body h2, html body h3, html body h4{ letter-spacing:-.01em; }
html body input, html body textarea, html body select, html body button{ font-family:var(--t-font); }
html body ::selection{ background:var(--t-yellow); color:var(--t-ink); }

/* ======================= HEADER ======================= */
html body .rb-info-bar{ background:var(--t-brand-dd); box-shadow:none; border:0; }
html body .rb-marquee-text{ color:var(--t-on-blue); font-weight:500; font-size:13px; }
html body .rb-auth a{ border-radius:8px; font-weight:600; font-size:13px; padding:6px 14px; }
html body .rb-login{ color:#fff; border:1px solid rgba(255,255,255,.4); background:transparent; }
html body .rb-login:hover{ background:#fff; color:var(--t-brand); border-color:#fff; }
html body .rb-signup{ background:var(--t-cta); color:#fff !important; box-shadow:none; }
html body .rb-signup:hover{ background:var(--t-pink); color:#fff !important; }
/* phones: the marquee is hidden, so centre Sign In / Sign Up in the top bar */
@media(max-width:576px){
  html body .rb-info-inner{ justify-content:center; }
  html body .rb-auth{ margin:0 auto; }
}

html body .rb-floating-nav{
  background:#fff;
  border-bottom:1px solid var(--t-line);
  box-shadow:0 1px 3px rgba(0,44,112,.06);
}
html body .rb-floating-nav::after{ display:none; }
html body .rb-logo img{ box-shadow:none; border:1px solid var(--t-line); padding:4px; }
html body .rb-logo span{ color:var(--t-brand); font-weight:800; letter-spacing:-.01em; }

html body .rb-menu > li > a{
  color:#1F2937; font-weight:500; font-size:14.5px;
  padding:10px 12px; border-radius:8px; background:transparent; box-shadow:none;
}
html body .rb-menu > li > a .rb-mi{ display:none; }
html body .rb-menu > li > a::after{ background:var(--t-cta); left:12px; right:12px; bottom:2px; }
html body .rb-menu > li:hover > a{ color:var(--t-brand); background:var(--t-brand-soft); }
html body .rb-menu > li > a.is-active{ color:var(--t-brand); background:transparent; box-shadow:none; font-weight:600; }
html body .rb-menu > li > a.rb-earn{
  color:#fff; background:var(--t-cta); box-shadow:none; font-weight:600; margin-left:6px;
}
html body .rb-menu > li > a.rb-earn::after{ display:none; }
html body .rb-menu > li > a.rb-earn:hover{ background:var(--t-pink); color:#fff; }
html body .rb-mobile-btn{ background:var(--t-brand); color:#fff; box-shadow:none; border-radius:10px; }

/* Mobile menu = full-height drawer that slides in from the right (header.php → rbMenu()). */
html body .rb-drawer-head, html body .rb-drawer-posts, html body .rb-drawer-auth, html body .rb-drawer-backdrop{ display:none; }
@media(max-width:991px){
  /* full screen; links laid out as a 2-column grid of tiles */
  html body .rb-menu{
    position:fixed; inset:0; left:auto;
    width:100vw; height:100vh; height:100dvh; max-height:none;
    display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:min-content; align-content:start; gap:10px;
    margin:0; padding:0 16px calc(96px + env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain;
    background:#F6F8FC; border:0; border-radius:0; box-shadow:none;
    transform:translateX(100%); visibility:hidden;
    transition:transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s linear .32s;
  }
  html body .rb-menu.active{ display:grid; transform:none; visibility:visible; transition:transform .32s cubic-bezier(.2,.8,.2,1); }
  html body .rb-menu > li{ margin:0; min-width:0; }
  html body .rb-menu > li > a{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center;
    min-height:84px; padding:14px 8px; border-radius:14px; font-size:14.5px; font-weight:600;
    background:#fff; color:#1F2937; border:1px solid var(--t-line); box-shadow:0 2px 8px rgba(0,44,112,.05);
  }
  html body .rb-menu > li > a .rb-mi{ display:inline-block; font-size:21px; color:var(--t-brand); }
  html body .rb-menu > li > a.is-active, html body .rb-menu > li:hover > a{ background:var(--t-brand-soft); color:var(--t-brand); border-color:var(--t-brand); }
  html body .rb-menu > li > a.is-active{ box-shadow:inset 0 -3px 0 var(--t-cta); }
  html body .rb-menu > li > a.rb-earn{ background:var(--t-cta); color:#fff; margin:0; border-color:var(--t-cta); }
  html body .rb-menu > li > a.rb-earn .rb-mi{ color:#fff; }

  /* drawer header: logo + close (full width) */
  html body .rb-menu > li.rb-drawer-head{
    grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:10px;
    position:sticky; top:0; z-index:3; margin:0 -16px 2px; padding:12px 16px 12px 18px;
    padding-top:calc(12px + env(safe-area-inset-top));
    background:linear-gradient(135deg, var(--t-brand-dd), var(--t-brand));
  }

  /* square post slider (full width, max 440px) */
  html body .rb-menu > li.rb-drawer-posts{ display:block; grid-column:1 / -1; }
  html body .rb-menu > li.rb-drawer-posts[hidden]{ display:none; }
  html body .rb-ps{ width:100%; max-width:440px; margin:0 auto; }
  html body .rb-ps-track{
    display:flex; aspect-ratio:1 / 1; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
    border-radius:18px; box-shadow:0 12px 30px rgba(0,44,112,.18); background:var(--t-brand);
  }
  html body .rb-ps-track::-webkit-scrollbar{ display:none; }
  html body .rb-ps-slide{
    position:relative; flex:0 0 100%; height:100%; scroll-snap-align:start; overflow:hidden;
    display:block; color:#fff; text-decoration:none; background:var(--t-brand);
  }
  html body .rb-ps-slide.noimg{ background:linear-gradient(140deg, var(--t-brand-dd), var(--t-brand) 55%, var(--t-cta)); }
  html body .rb-ps-slide img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  html body .rb-ps-cap{
    position:absolute; left:0; right:0; bottom:0; padding:48px 16px 16px; display:flex; flex-direction:column; gap:6px;
    background:linear-gradient(transparent, rgba(0,16,50,.88) 45%);
  }
  html body .rb-ps-slide.noimg .rb-ps-cap{ top:0; justify-content:flex-end; background:none; }
  html body .rb-ps-slide.bare .rb-ps-cap{ left:auto; padding:14px; background:none; }
  html body .rb-ps-slide.bare .rb-ps-more{ box-shadow:0 4px 14px rgba(0,0,0,.25); }
  html body .rb-ps-cap b{ font-size:19px; line-height:1.25; color:#fff; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  html body .rb-ps-x{ font-size:13.5px; line-height:1.45; color:#D6E4FF; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  html body .rb-ps-more{ align-self:flex-start; margin-top:4px; background:var(--t-yellow); color:var(--t-brand-dd); font-weight:700; font-size:12.5px; padding:6px 12px; border-radius:20px; }
  html body .rb-ps-dots{ display:flex; justify-content:center; gap:7px; padding:10px 0 2px; }
  html body .rb-ps-dots[hidden]{ display:none; }
  html body .rb-ps-dots button{ width:8px; height:8px; padding:0; border:0; border-radius:8px; background:#C7D2E6; cursor:pointer; transition:width .25s, background .25s; }
  html body .rb-ps-dots button[aria-selected="true"]{ width:22px; background:var(--t-cta); }
  html body .rb-drawer-brand{ display:flex; align-items:center; gap:10px; color:#fff; font-weight:800; font-size:17px; }
  html body .rb-drawer-brand img{ width:38px; height:38px; border-radius:50%; background:#fff; padding:3px; }
  html body .rb-drawer-close{
    width:40px; height:40px; border:0; border-radius:10px; cursor:pointer;
    background:rgba(255,255,255,.14); color:#fff; font-size:20px; display:flex; align-items:center; justify-content:center;
  }
  html body .rb-drawer-close:hover{ background:rgba(255,255,255,.26); }

  /* drawer footer: Sign In / Sign Up (or Dashboard / Logout) */
  /* pinned to the bottom of the screen (fixed inside the drawer, so it slides with it) */
  html body .rb-menu > li.rb-drawer-auth{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:3; margin:0;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid var(--t-line); background:#fff; box-shadow:0 -6px 20px rgba(0,44,112,.08);
  }
  html body .rb-drawer-auth .rb-auth{ max-width:440px; margin:0 auto; }
  html body .rb-drawer-auth .rb-auth{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 auto; }
  html body .rb-drawer-auth .rb-auth a{ display:flex; align-items:center; justify-content:center; padding:12px 10px; font-size:15px; border-radius:10px; text-align:center; }
  html body .rb-drawer-auth .rb-login{ color:var(--t-brand); border:1.5px solid var(--t-brand); background:#fff; }
  html body .rb-drawer-auth .rb-login:hover{ background:var(--t-brand); color:#fff; }

  /* overlay + page lock while open; the nav (which holds the drawer) goes above the overlay */
  html body .rb-drawer-backdrop{
    display:block; position:fixed; inset:0; z-index:9500; background:rgba(15,27,51,.55);
    opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  html body.rb-drawer-open .rb-drawer-backdrop{ opacity:1; pointer-events:auto; }
  html body.rb-drawer-open .rb-floating-nav{ z-index:9600; }
  html body.rb-drawer-open{ overflow:hidden; }
  html body.rb-drawer-open .rb-back-fab, html body.rb-drawer-open .eduverse-chatbot{ display:none !important; }
}
@media(max-width:991px) and (prefers-reduced-motion:reduce){
  html body .rb-menu, html body .rb-menu.active, html body .rb-drawer-backdrop{ transition:none; }
}

/* breadcrumbs */
html body .rb-breadcrumb a, html body .st-crumb a{ color:var(--t-brand); }

/* ======================= HOMEPAGE ======================= */
html body .aktu-slide-card{
  background:var(--t-brand); border:0; border-radius:16px;
  box-shadow:0 10px 30px rgba(0,44,112,.20);
}
html body .aktu-slide-card::before{ display:none; }
html body .aktu-slide-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,44,112,.28), 0 0 0 2px var(--t-cyan); }
html body .aktu-overlay{
  background:linear-gradient(180deg, rgba(0,73,183,.10) 0%, rgba(0,58,146,.62) 45%, rgba(0,44,112,.95) 100%);
}
html body .aktu-icon{ color:var(--t-cyan); background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25); border-radius:10px; }
html body .aktu-slide-content .aktu-tag{
  background:var(--t-yellow); color:var(--t-brand-dd); border:0;
  font-weight:700; letter-spacing:.06em; border-radius:6px;
}
html body .aktu-slide-content h2{ color:#fff; font-weight:700; letter-spacing:-.01em; text-shadow:none; }
html body .aktu-slide-content p{ color:var(--t-on-blue); }
html body .aktu-btn{ background:#fff; color:var(--t-brand) !important; border-radius:8px; font-weight:600; }
html body .aktu-slide-card:hover .aktu-btn{ background:var(--t-cta); color:#fff !important; }
html body .mySwiper .swiper-pagination-bullet{ background:var(--t-brand); }
html body .mySwiper .swiper-pagination-bullet-active{ background:var(--t-cta); }

/* section headings */
html body .section-title h2, html body .faq-title, html body .feedback-title,
html body .why-section h2{ color:var(--t-ink); font-weight:800; letter-spacing:-.02em; }
html body .section-title p{ color:var(--t-muted); }

/* course buttons */
html body .course-section{ background:var(--t-bg); }
html body .course-btn{
  background:#fff; color:var(--t-brand); border:1px solid var(--t-line);
  border-radius:10px; font-weight:700; box-shadow:var(--t-shadow);
}
html body .course-btn:hover{ color:#fff; background:var(--t-brand); border-color:var(--t-brand); transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,73,183,.25); }

/* about */
html body .about-section{ background:#fff; }
html body .about-left h2{ color:var(--t-ink); font-weight:800; }
html body .about-left span{ color:var(--t-brand); }
html body .about-left p{ color:var(--t-text); text-align:left; }
html body .about-btn{ background:var(--t-cta); border-radius:8px; font-weight:600; }
html body .about-btn:hover{ background:var(--t-pink); }
html body .about-card{ background:var(--t-brand); border-radius:16px; box-shadow:0 16px 36px rgba(0,73,183,.28); }
html body .about-card i{ color:var(--t-cyan); }
html body .about-card h3{ color:#fff; font-weight:700; }
html body .about-card p{ color:var(--t-on-blue); }

/* why choose */
html body .why-section{ background:var(--t-bg); }
html body .why-card{ background:#fff; backdrop-filter:none; border:1px solid var(--t-line); border-radius:var(--t-radius); box-shadow:var(--t-shadow); }
html body .why-card::before{ display:none; }
html body .why-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,44,112,.12); border-color:var(--t-cta); }
html body .why-card .icon{ background:var(--t-brand-soft); color:var(--t-brand); box-shadow:none; border-radius:12px; }
html body .why-card:hover .icon{ background:var(--t-cta); color:#fff; transform:none; }
html body .why-card h3{ color:var(--t-ink); font-weight:700; }
html body .why-card p{ color:var(--t-muted); }

/* testimonials */
html body .feedback-section{ background:#fff; }
html body .feedback-card{ border:1px solid var(--t-line); border-top:3px solid var(--t-brand); box-shadow:var(--t-shadow); border-radius:var(--t-radius); }
html body .feedback-card h4{ color:var(--t-brand); font-weight:700; }
html body .feedback-card p{ color:var(--t-text); }
html body .student img{ border-color:var(--t-pink); }
html body .feedbackSwiper .swiper-pagination-bullet-active{ background:var(--t-cta); }

/* FAQ */
html body .rb-faq-section{ background:var(--t-bg); }
html body .faq-item{ border:1px solid var(--t-line); border-radius:10px; }
html body .faq-question{ color:var(--t-ink); font-weight:600; }
html body .faq-question span{ color:var(--t-cta); }
html body .faq-item.active{ border-left:3px solid var(--t-cta); }
html body .faq-answer{ color:var(--t-text); }

/* ======================= FOOTER ======================= */
html body .rb-suggest-band{ background:#fff !important; border-top:1px solid var(--t-line) !important; }
/* full-width footer: content spans the page, aligned with the navbar's side padding */
html body .rb-footer{ width:100%; margin:0; }
html body .rb-footer .container{
  max-width:none; width:100%;
  padding-left:clamp(16px,4vw,60px); padding-right:clamp(16px,4vw,60px);
}
html body .rb-footer{ background:var(--t-brand-d); }
html body .rb-subscribe{ background:var(--t-brand); border-bottom:1px solid rgba(255,255,255,.08); }
html body .rb-sub-left h2{ color:#fff; font-weight:800; letter-spacing:-.01em; }
html body .rb-sub-left p{ color:var(--t-on-blue); opacity:1; }
html body .rb-sub-right input{ border-radius:8px; border:1px solid transparent; }
html body .rb-sub-right button{ background:var(--t-cta); color:#fff; border-radius:8px; font-weight:600; }
html body .rb-sub-right button:hover{ background:var(--t-pink); }
html body .rb-footer-col h3, html body .rb-footer-col h4{ color:#fff; font-weight:700; }
html body .rb-footer-col h4{ border-bottom:2px solid var(--t-cyan); display:inline-block; padding-bottom:6px; }
html body .rb-footer-col p{ color:var(--t-on-blue); opacity:1; }
html body .rb-footer-col ul li a{ color:#fff; opacity:.85; }
html body .rb-footer-col ul li a:hover{ color:var(--t-yellow); opacity:1; }
html body .rb-footer-bottom{ color:var(--t-on-blue); opacity:1; background:var(--t-brand-dd); border-top:0; }

/* floating buttons */
html body .rb-back-fab{ background:var(--t-brand); box-shadow:0 8px 20px rgba(0,73,183,.30); }
html body .rb-back-fab:hover{ background:var(--t-cta); color:#fff; transform:translateY(-2px); }
html body .eduverse-chat-toggle{ background:var(--t-cta); color:#fff; box-shadow:0 10px 24px rgba(255,29,88,.35); }
html body .eduverse-chat-toggle:hover{ background:var(--t-pink); }

/* ======================= STUDY PAGES ======================= */
html body .st-hero{ background:var(--t-brand); }
html body .st-hero h1{ color:#fff; font-weight:800; letter-spacing:-.02em; }
html body .st-hero p{ color:var(--t-on-blue); opacity:1; }
html body .st-section{ font-weight:800; color:var(--t-ink); }
html body .st-card{ border-radius:var(--t-radius); box-shadow:var(--t-shadow); }
html body .st-card h3{ font-weight:600; color:var(--t-ink); }
html body .st-card.soon .badge{ background:#F1F5F9; color:var(--t-muted); }
html body .dl-btn{ background:var(--t-cta); border-radius:8px; font-weight:600; }
html body .dl-btn:hover{ background:var(--t-pink); }
/* PYQ "business form" */
html body .pyq-doc{ border-color:var(--t-line); box-shadow:var(--t-shadow); border-radius:var(--t-radius); }
html body .pyq-doc-head{ background:var(--t-brand); }
html body .pyq-doc-head p{ color:var(--t-on-blue); }
html body .pyq-stamp{ border-color:var(--t-yellow); color:var(--t-yellow); transform:none; border-radius:6px; font-weight:700; }
html body .pyq-table th{ color:var(--t-brand); }
html body .pyq-table .act a.d{ background:var(--t-cta); border-color:var(--t-cta); border-radius:6px; }
html body .pyq-table .act a.d:hover{ background:var(--t-pink); border-color:var(--t-pink); }
html body .pyq-table .act a.v{ color:var(--t-brand); border-color:#C9D9F5; border-radius:6px; }
html body .pyq-table .act a.v:hover{ background:var(--t-brand); color:#fff; }
/* notes call-outs */
html body .note-article .note-tip{ background:#FFFDE3; border-color:#F3E98A; border-left-color:var(--t-pink); }
html body .note-article .note-key{ background:var(--t-brand-soft); border-color:#CFDDF7; border-left-color:var(--t-brand); }
html body .note-article .note-def{ background:#E6FBFF; border-color:#B3F1FF; border-left-color:#00B4D8; }
html body .note-article h2{ border-left-color:var(--t-cta); }
html body .st-related a{ background:#fff; border:1px solid var(--t-line); color:var(--t-brand); border-radius:8px; font-weight:500; }
html body .st-related a:hover{ border-color:var(--t-cta); color:#fff; background:var(--t-cta); }

/* ---------- Study pages: photos, per-type accent, icon tiles ---------- */
/* each material type takes one palette colour (cyan deepened a little so it reads on white) */
html body .st-type-notes   { --acc:#0049B7; --acc-soft:#E8F0FC; --ico:"\f518"; --hero:url(/images/aktu-notes.jpg?v=2);    --eyebrow:"Study Notes"; }
html body .st-type-pyq     { --acc:#FF1D58; --acc-soft:#FFE8EE; --ico:"\f15c"; --hero:url(/images/aktu-pyq.jpg?v=2);      --eyebrow:"Previous Year Papers"; }
html body .st-type-quantum { --acc:#F75990; --acc-soft:#FEEEF4; --ico:"\f0e7"; --hero:url(/images/aktu-quantum.jpg?v=2);  --eyebrow:"Quantum Series"; }
html body .st-type-syllabus{ --acc:#00B4D8; --acc-soft:#E3FAFF; --ico:"\f0ae"; --hero:url(/images/aktu-syllabus.jpg?v=2); --eyebrow:"Official Syllabus"; }
/* course pages use the course photo instead (every course has /images/course-<key>.jpg) */
html body .st-course-btech { --hero:url(/images/course-btech.jpg?v=2); }
html body .st-course-mba { --hero:url(/images/course-mba.jpg?v=2); }
html body .st-course-mca { --hero:url(/images/course-mca.jpg?v=2); }
html body .st-course-bca { --hero:url(/images/course-bca.jpg?v=2); }
html body .st-course-bba { --hero:url(/images/course-bba.jpg?v=2); }
html body .st-course-bpharm { --hero:url(/images/course-bpharm.jpg?v=2); }
html body .st-course-bfa { --hero:url(/images/course-bfa.jpg?v=2); }
html body .st-course-mtech { --hero:url(/images/course-mtech.jpg?v=2); }
html body .st-course-mtechpt { --hero:url(/images/course-mtechpt.jpg?v=2); }
html body .st-course-mpharm { --hero:url(/images/course-mpharm.jpg?v=2); }
html body .st-course-pharmd { --hero:url(/images/course-pharmd.jpg?v=2); }
html body .st-course-barch { --hero:url(/images/course-barch.jpg?v=2); }
html body .st-course-march { --hero:url(/images/course-march.jpg?v=2); }
html body .st-course-bplan { --hero:url(/images/course-bplan.jpg?v=2); }
html body .st-course-murp { --hero:url(/images/course-murp.jpg?v=2); }
html body .st-course-mplan { --hero:url(/images/course-mplan.jpg?v=2); }
html body .st-course-bdes { --hero:url(/images/course-bdes.jpg?v=2); }
html body .st-course-mdes { --hero:url(/images/course-mdes.jpg?v=2); }
html body .st-course-bfad { --hero:url(/images/course-bfad.jpg?v=2); }
html body .st-course-aac { --hero:url(/images/course-aac.jpg?v=2); }
html body .st-course-bhmct { --hero:url(/images/course-bhmct.jpg?v=2); }
html body .st-course-bvoc { --hero:url(/images/course-bvoc.jpg?v=2); }
html body .st-course-mca3 { --hero:url(/images/course-mca3.jpg?v=2); }
html body .st-course-mbaint { --hero:url(/images/course-mbaint.jpg?v=2); }
html body .st-course-mcaint { --hero:url(/images/course-mcaint.jpg?v=2); }
html body .st-course-mcadual { --hero:url(/images/course-mcadual.jpg?v=2); }
html body .st-course-mit { --hero:url(/images/course-mit.jpg?v=2); }
html body .st-course-mam { --hero:url(/images/course-mam.jpg?v=2); }

/* hero band with photo under a royal-blue wash */
html body .st-page .st-hero{
  position:relative;
  padding-top:56px; padding-bottom:56px;
  background:
    linear-gradient(90deg, rgba(0,44,112,.96) 0%, rgba(0,58,146,.86) 45%, rgba(0,73,183,.50) 100%),
    var(--hero, none) center/cover no-repeat,
    var(--t-brand);
  border-bottom:4px solid var(--acc, var(--t-cta));
}
html body .st-page .st-hero::before{
  content:var(--eyebrow, "AKTU Online");
  display:inline-block; margin-bottom:12px;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--t-brand-dd); background:var(--t-yellow); border:0;
  padding:5px 10px; border-radius:6px;
}

/* section heading accent */
html body .st-page .st-section::before{ background:var(--acc, var(--t-cta)); width:4px; }

/* cards with an icon tile */
html body .st-page .st-card{ position:relative; padding:20px 20px 20px 78px; min-height:96px; }
html body .st-page .st-card::before{
  content:var(--ico, "\f02d");
  font-family:"Font Awesome 6 Free"; font-weight:900; font-size:17px;
  position:absolute; left:20px; top:20px; width:42px; height:42px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  color:var(--acc, var(--t-brand)); background:var(--acc-soft, var(--t-brand-soft));
  transition:background .2s, color .2s;
}
html body .st-page .st-card:hover::before{ background:var(--acc, var(--t-brand)); color:#fff; }
html body .st-page .st-card:hover{ border-color:var(--acc, var(--t-brand)); box-shadow:0 12px 26px rgba(0,44,112,.12); }
html body .st-page .st-card .tag{ background:var(--acc-soft, var(--t-brand-soft)); color:var(--t-brand); font-weight:600; }

/* "choose your course" grid: last row centred instead of a gap on the right */
html body .st-page.st-hub .st-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
html body .st-page.st-hub .st-grid > .st-card{ flex:0 1 calc(25% - 15px); min-width:240px; }
@media(max-width:1100px){ html body .st-page.st-hub .st-grid > .st-card{ flex-basis:calc(33.333% - 14px); } }
@media(max-width:760px){  html body .st-page.st-hub .st-grid > .st-card{ flex-basis:calc(50% - 10px); } }
@media(max-width:560px){  html body .st-page.st-hub .st-grid > .st-card{ flex-basis:100%; } }

/* "choose your course" cards: course photo on top */
html body .st-page.st-hub .st-card{ padding:0 0 18px; overflow:hidden; }
/* courses without a photo show a graduation-cap icon on a blue gradient */
html body .st-page.st-hub .st-card::before{
  content:var(--card-ico, "\f19d"); font-family:"Font Awesome 6 Free"; font-weight:900; font-size:46px;
  color:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center;
  position:static; width:100%; height:130px; border-radius:0; margin-bottom:14px;
  background:var(--card-img, linear-gradient(135deg, #0049B7 0%, #003A92 60%, #002C70 100%)) center/cover no-repeat;
}
html body .st-page.st-hub .st-card:hover::before{
  background:var(--card-img, linear-gradient(135deg, #FF1D58 0%, #F75990 100%)) center/cover no-repeat; color:#fff; filter:brightness(1.05);
}
html body .st-page.st-hub .st-card > *{ margin-left:18px; margin-right:18px; }
/* every course card gets its photo (and hides the fallback icon) */
html body .st-page.st-hub .st-card[href*="/study/btech-"]   { --card-img:url(/images/course-btech.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mba-"]     { --card-img:url(/images/course-mba.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mca-"]     { --card-img:url(/images/course-mca.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bca-"]     { --card-img:url(/images/course-bca.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bba-"]     { --card-img:url(/images/course-bba.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bpharm-"]  { --card-img:url(/images/course-bpharm.jpg?v=2);  --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bfa-"]     { --card-img:url(/images/course-bfa.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mtech-"]   { --card-img:url(/images/course-mtech.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mtechpt-"] { --card-img:url(/images/course-mtechpt.jpg?v=2); --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mpharm-"]  { --card-img:url(/images/course-mpharm.jpg?v=2);  --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/pharmd-"]  { --card-img:url(/images/course-pharmd.jpg?v=2);  --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/barch-"]   { --card-img:url(/images/course-barch.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/march-"]   { --card-img:url(/images/course-march.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bplan-"]   { --card-img:url(/images/course-bplan.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/murp-"]    { --card-img:url(/images/course-murp.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mplan-"]   { --card-img:url(/images/course-mplan.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bdes-"]    { --card-img:url(/images/course-bdes.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mdes-"]    { --card-img:url(/images/course-mdes.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bfad-"]    { --card-img:url(/images/course-bfad.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/aac-"]     { --card-img:url(/images/course-aac.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bhmct-"]   { --card-img:url(/images/course-bhmct.jpg?v=2);   --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/bvoc-"]    { --card-img:url(/images/course-bvoc.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mca3-"]    { --card-img:url(/images/course-mca3.jpg?v=2);    --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mbaint-"]  { --card-img:url(/images/course-mbaint.jpg?v=2);  --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mcaint-"]  { --card-img:url(/images/course-mcaint.jpg?v=2);  --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mcadual-"] { --card-img:url(/images/course-mcadual.jpg?v=2); --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mit-"]     { --card-img:url(/images/course-mit.jpg?v=2);     --card-ico:""; }
html body .st-page.st-hub .st-card[href*="/study/mam-"]     { --card-img:url(/images/course-mam.jpg?v=2);     --card-ico:""; }

/* PYQ form + notes sidebar pick up the page accent */
html body .st-page .pyq-doc-head{ border-top:4px solid var(--acc, var(--t-cta)); }
html body .st-page .st-side a.active{ color:var(--t-brand); border-left-color:var(--acc, var(--t-cta)); background:var(--acc-soft, var(--t-brand-soft)); }

/* ---------- Notes: read-only viewer + share bar ---------- */
html body .nv-share{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--t-line); border-radius:var(--t-radius);
  padding:12px 14px; margin:16px 0 12px; box-shadow:var(--t-shadow);
}
html body .nv-share-lbl{ font-weight:700; color:var(--t-ink); margin-right:auto; }
html body .nv-btn{
  display:inline-flex; align-items:center; gap:7px; border:1px solid var(--t-line); background:#fff;
  color:var(--t-brand); font-weight:600; font-size:14px; padding:8px 14px; border-radius:8px; cursor:pointer; text-decoration:none;
}
html body .nv-btn:hover{ border-color:var(--t-brand); background:var(--t-brand-soft); }
html body .nv-btn.nv-primary{ background:var(--t-cta); border-color:var(--t-cta); color:#fff; }
html body .nv-btn.nv-primary:hover{ background:var(--t-pink); border-color:var(--t-pink); }
html body .nv-btn.nv-wa{ color:#128C7E; }
html body .nv{
  border:1px solid var(--t-line); border-radius:var(--t-radius); background:#E9EEF7; overflow:hidden;
  -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
}
html body .nv-bar{
  position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between;
  background:var(--t-brand); color:#fff; padding:8px 14px; font-size:13.5px; font-weight:600;
}
html body .nv-zoom button{
  width:32px; height:30px; margin-left:6px; border:1px solid rgba(255,255,255,.35); background:transparent;
  color:#fff; border-radius:6px; font-size:18px; line-height:1; cursor:pointer;
}
html body .nv-zoom button:hover{ background:rgba(255,255,255,.15); }
html body .nv-pages{ max-height:80vh; overflow:auto; padding:14px; display:flex; flex-direction:column; align-items:safe center; gap:14px; }
html body .nv-page{
  position:relative; width:100%; display:flex; justify-content:center; align-items:center;
  background:#fff; box-shadow:0 2px 10px rgba(0,44,112,.12);
}
html body .nv-page canvas{ display:block; max-width:none; pointer-events:none; }
html body .nv-pno{ color:var(--t-muted); font-size:13px; }
html body .nv-msg{ padding:20px; color:var(--t-muted); text-align:center; }
@media print{ html body .nv, html body .nv-share{ display:none !important; } }

/* auth / contribute pages */
html body .auth-btn, html body .ct-btn.blue{ background:var(--t-brand); border-radius:8px; }
html body .auth-btn:hover, html body .ct-btn.blue:hover{ background:var(--t-brand-d); }
html body .ct-btn{ background:var(--t-cta); border-radius:8px; }
html body .ct-btn:hover{ background:var(--t-pink); }