/* विद्याधाम — Premium Academic डिज़ाइन (style.css के बाद लोड होता है)
   आधार: vidyadham-premium/premium.css, मौजूदा वेबसाइट के अनुसार समायोजित।
   - --red को वैश्विक रूप से नहीं बदला: वह "अनिवार्य *", त्रुटि, GS-2 टैग जैसे अर्थपूर्ण स्थानों पर उपयोग होता है।
   - हटाने के लिए: पेजों से premium.css का <link> हटा दें — पुराना डिज़ाइन लौट आएगा। */

:root {
  --navy: #102F39;
  --navy-2: #16444A;
  --navy-3: #17635D;
  --gold: #E9BD69;
  --gold-dark: #A16C0F;
  --ivory: #F7F3E9;
  --ink: #102F39;
  --body: #344B4D;
  --muted: #617374;
  --line: #E5DFD1;
  --soft: #F7F3E9;
  --soft-blue: #EAF4F0;
  --soft-gold: #FFF3D9;
  --shadow: 0 12px 34px -15px rgba(16, 47, 57, .26);
  --shadow-lg: 0 25px 55px -20px rgba(16, 47, 57, .38);
}

body { background: #FFFDF9; }

/* हेडर */
.site-header { background: rgba(255, 253, 249, .97); border-bottom-color: #E6DCC8; }
.brand-name, .section-head h2, .page-hero h1 { color: var(--navy); }
.nav-links a:hover, .nav-links a.active { color: #966511; }
.nav-links a.active::after { background: var(--gold); }

/* बटन */
.btn-primary { background: linear-gradient(135deg, #E9BD69, #B98118); color: #102F39 !important; box-shadow: 0 8px 18px -9px rgba(150, 101, 17, .45); }
.btn-primary:hover { background: #F2CB80; }
.btn-outline { border-color: #1C5755; color: #102F39; background: #FFFDF9; }
.btn-outline:hover { background: #EAF4F0; border-color: #17635D; }

/* हीरो — गहरा Teal */
.hero { background: radial-gradient(ellipse at 80% 35%, rgba(233, 189, 105, .18), transparent 55%), linear-gradient(125deg, #092D31 0%, #075149 100%); padding: 82px 0 104px; }
.hero h1 { color: #fff; font-size: clamp(38px, 4.9vw, 65px); }
.hero h1 span { color: #F0C66F; }
.hero p.lead { color: #E0EEEB; }
.hero .eyebrow { background: #F8E6B5; border-color: #E9BD69; color: #102F39; }
.hero .eyebrow i { background: #E9BD69; color: #102F39; }
.hero-points { color: #E9F3ED; }
.hero-points svg { color: #E9BD69; }
.hero .btn-outline { background: transparent; color: #fff; border-color: #E9BD69; }
.hero .btn-outline:hover { background: rgba(255, 255, 255, .1); }
.hero .book { box-shadow: 0 32px 60px -20px rgba(0, 0, 0, .6); border: 2px solid rgba(233, 189, 105, .35); }
.float-badge { background: #FFFDF7; border-color: #EAD5A7; }
.float-badge strong { color: #102F39; }

/* आंकड़े, सेक्शन, कार्ड */
.stats { border: 1px solid #E4C88C; background: #FFFDF8; box-shadow: 0 15px 35px -22px #173F40; }
.stat strong { color: #102F39; }
.stat strong em { color: #B98118; }
.section-head .kicker, .kicker-sm { color: var(--gold-dark); }
.bg-alt { background: var(--ivory); }
.card, .daily-card, .mcq, .mains-card, .topic-list, .book-card, .auth-card, .plan { background: #FFFEFB; border-color: #E9E1D1; }
.card:hover, .book-card:hover { border-color: #D9BC7A; }
.icon { background: #FFF3D9; color: var(--gold-dark); }
.card:nth-child(3n+2) .icon { background: #EAF4F0; color: #17635D; }
.card:nth-child(3n) .icon { background: #FFF3D9; color: #966511; }

.paper.gs1 { background: linear-gradient(145deg, #0B655B, #073D3B); }
.paper.gs2 { background: linear-gradient(145deg, #D9A13C, #966511); }
.paper.essay { background: linear-gradient(145deg, #9D3544, #722232); }
.paper h3, .paper .marks, .paper li, .paper .label { color: #fff; }

.daily-quiz { background: linear-gradient(180deg, #F7F3E9, #FFFDF9 75%); }
.topic-row .count { color: var(--gold-dark); }
.bar i { background: linear-gradient(90deg, #0E6258, #D2A24B); }
.step::before { background: #D9A13C; }
.step:nth-child(2)::before { background: #0B655B; }
.step:nth-child(3)::before { background: #9D3544; }
.process-item .n { background: #102F39; box-shadow: 0 0 0 6px #EAF4F0; }
.faq summary::after { color: var(--gold-dark); }

.cta { background: linear-gradient(120deg, #073B3B, #075B50); border: 1px solid #D5A84F; }
.cta p { color: #E4EEE8; }
.site-footer { background: #092B2F; color: #C5D7D3; }
.footer-bottom { border-color: #315354; color: #AFC9C3; }
.site-footer .brand-name small { color: #AFC9C3; }

/* अर्थपूर्ण रंग वैसे ही रहें */
.opt.right { border-color: #1F7A4D !important; background: #ECF8F1; color: #14532D; }
.opt.right span { background: #1F7A4D; color: #fff; }
.opt.wrong { border-color: #C0262D !important; background: #FDF1F1; color: #9A1C22; }
.opt.wrong span { background: #C0262D; color: #fff; }
.form-msg.err { color: #B42318; }
.form-msg.ok { color: #1F7A4D; }
.status-pill.wait { background: #FEF3DC; color: #8A5A07; }
.plan.pro, .note-card.featured { border-color: #D6AA55; }
.plan.pro::before, .note-card.featured::before { background: #A16C0F; color: #fff; }

/* होम: "आज की तैयारी" + "सबसे महत्वपूर्ण टॉपिक" (स्वीकृत कॉन्सेप्ट) */
.today-strip { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; margin-top: 36px; }
.today-card { background: #FFFEFB; border: 1px solid #E9E1D1; border-radius: 20px; padding: 24px 26px; box-shadow: 0 12px 30px -22px rgba(16, 47, 57, .45); display: grid; gap: 16px; }
.today-card header { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.today-card h3 { font-size: 21px; color: var(--navy); }
.today-card header span { font-family: var(--font-latin); font-size: 13px; font-weight: 700; letter-spacing: .5px; color: var(--gold-dark); text-transform: uppercase; }
.today-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.today-tile { border-radius: 16px; padding: 16px 18px; background: var(--ivory); border: 1px solid #EAD9B2; }
.today-tile.mains { background: #EAF4F0; border-color: #CFE3DC; }
.today-tile b { display: block; font-family: var(--font-latin); font-size: 30px; line-height: 1.1; color: var(--navy); }
.today-tile span { font-size: 15px; color: var(--body); }
.today-card .btn { justify-self: start; }
.imp-list { list-style: none; display: grid; gap: 10px; }
.imp-list li { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--ivory); }
.imp-list .n { font-family: var(--font-latin); font-weight: 800; font-size: 18px; color: #B98118; }
.imp-list .t { font-weight: 600; color: var(--navy); line-height: 1.4; }
.imp-list .c { font-size: 13.5px; font-weight: 700; color: #fff; background: var(--navy); border-radius: 999px; padding: 2px 10px; white-space: nowrap; }

/* टैबलेट / मोबाइल */
@media (max-width: 980px) {
  .hero { padding: 60px 0 88px; }
  .hero-grid { gap: 30px; }
  .nav-links { background: #FFFDF9; }
  .today-strip { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .hero { padding: 46px 0 78px; }
  .hero h1 { font-size: clamp(34px, 9vw, 45px); }
  .hero p.lead { font-size: 17px; }
  .hero-actions .btn { flex: 1; min-width: 180px; }
  .stat { padding: 20px 10px; }
  .stat strong { font-size: 30px; }
  .section-head { margin-bottom: 32px; }
  .section-head h2 { font-size: 30px; }
  .paper { padding: 26px; }
  .float-badge { z-index: 1; }
  .cta { padding: 30px 22px; }
  .today-card { padding: 20px 18px; }
  /* मोबाइल कॉन्सेप्ट: हीरो → आज की तैयारी → PYQ टॉपिक; बड़ा पुस्तक-कवर केवल टैबलेट/डेस्कटॉप पर */
  .hero-visual { display: none; }
  .hero { padding-bottom: 70px; }
  .today-tile b { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }