/* ── Stream / Chapter Views ── */
    #subject-grid-view, .chapter-view {display:none;}
    #subject-grid-view.active-view, .chapter-view.active-view {display:block;animation:fadeSlide .35s ease both;}
    @keyframes fadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

    /* ── Subject Cards ── */
    .subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;}
    .subject-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem 1.2rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-glass);cursor:pointer;transition:var(--transition);gap:.7rem;position:relative;overflow:hidden;}
    .subject-card::before{content:'';position:absolute;inset:0;background:var(--gradient-brand);opacity:0;transition:opacity .3s;}
    .subject-card:hover{border-color:var(--brand-primary);transform:translateY(-4px);box-shadow:0 12px 32px rgba(108,99,255,.25);}
    .subject-card:hover::before{opacity:.06;}
    .subject-emoji{font-size:2.2rem;line-height:1;}
    .subject-name{font-size:.95rem;font-weight:700;color:var(--text-primary);}
    .subject-desc{font-size:.78rem;color:var(--text-muted);}
    .subject-badge{position:absolute;top:.6rem;right:.6rem;font-size:.62rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;background:var(--gradient-brand);color:#fff;letter-spacing:.03em;}

    /* ── Section Header inside content ── */
    .content-section-header{font-size:1rem;font-weight:700;color:var(--brand-secondary);margin:1.5rem 0 .75rem;padding:.3rem 0 .3rem .75rem;border-left:3px solid var(--brand-secondary);}

    /* ── Chapter Grid ── */
    .chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin-bottom:1.5rem;}
    .chapter-card{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border:1.5px solid var(--border-subtle);border-radius:12px;background:var(--bg-glass);text-decoration:none;color:var(--text-primary);transition:var(--transition);gap:.5rem;}
    .chapter-card:hover{border-color:var(--brand-primary);background:var(--bg-glass-hover);transform:translateX(3px);}
    .chapter-card h4{font-size:.88rem;font-weight:600;margin:0 0 .2rem;color:var(--text-primary);}
    .chapter-card span{font-size:.75rem;color:var(--text-muted);}
    .badge{font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:999px;white-space:nowrap;flex-shrink:0;}
    .badge.ready{background:rgba(72,209,204,.12);color:var(--brand-secondary);border:1px solid rgba(72,209,204,.3);}
    .badge.soon{background:rgba(255,107,107,.1);color:#FF6B6B;border:1px solid rgba(255,107,107,.25);}
    .badge.hot{background:rgba(255,215,0,.12);color:var(--brand-gold);border:1px solid rgba(255,215,0,.3);}
    .badge.extra{background:#e3f2fd;color:#2980b9;border:1px solid rgba(41,128,185,.3);}
    .dark-mode .badge.extra{background:rgba(41,128,185,.15);color:#5dade2;}

    /* ── Back button ── */
    .back-btn{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.5rem 1rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-glass);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit;}
    .back-btn:hover{border-color:var(--brand-primary);color:var(--text-primary);}

    /* ── Stats row ── */
    .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:2.5rem;}
    .stat-pill{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .75rem;border:1.5px solid var(--border-subtle);border-radius:14px;background:var(--bg-glass);gap:.25rem;}
    .stat-pill-val{font-size:1.5rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .stat-pill-label{font-size:.72rem;color:var(--text-muted);font-weight:500;}

    /* ── Special resource cards ── */
    .special-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-radius:14px;border:1.5px solid var(--brand-accent);background:linear-gradient(135deg,rgba(255,107,107,.07),rgba(255,215,0,.04));text-decoration:none;color:var(--text-primary);margin-bottom:.85rem;transition:var(--transition);}
    .special-card:hover{transform:translateX(4px);border-color:var(--brand-gold);box-shadow:0 6px 20px rgba(255,107,107,.15);}
    .special-card h4{font-size:.9rem;font-weight:700;margin:0 0 .25rem;}
    .special-card span{font-size:.78rem;color:var(--text-muted);}

    /* ── Hero ── */
    .page-hero{padding:2.5rem 0 2rem;margin-bottom:2rem;}
    .page-hero-label{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:999px;background:rgba(108,99,255,.12);border:1px solid rgba(108,99,255,.25);color:var(--brand-primary);font-size:.78rem;font-weight:700;margin-bottom:.9rem;letter-spacing:.03em;}
    .page-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(1.75rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin:0 0 .75rem;background:var(--hero-h1-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .page-hero p{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 0 1.5rem;}
    .hero-cta-row{display:flex;gap:.75rem;flex-wrap:wrap;}
    .btn-hero-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:var(--radius-pill);background:var(--gradient-brand);color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;transition:var(--transition);box-shadow:0 4px 18px rgba(108,99,255,.3);}
    .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(108,99,255,.45);}
    .btn-hero-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:var(--radius-pill);background:var(--bg-glass);border:1.5px solid var(--border-subtle);color:var(--text-secondary);font-weight:600;font-size:.9rem;text-decoration:none;transition:var(--transition);}
    .btn-hero-secondary:hover{border-color:var(--brand-primary);color:var(--text-primary);}

    /* ── Feature pills ── */
    .feature-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;}
    .feature-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.78rem;}

    /* ── FAQ Section ── */
    .faq-section{margin-top:3rem;}
    .faq-item{border:1.5px solid var(--border-subtle);border-radius:12px;margin-bottom:.6rem;overflow:hidden;background:var(--bg-glass);}
    .faq-q{padding:.9rem 1.1rem;font-weight:600;font-size:.9rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s;}
    .faq-q:hover{background:var(--bg-glass-hover);}
    .faq-arrow{font-size:.75rem;color:var(--text-muted);transition:transform .3s;flex-shrink:0;}
    .faq-item.open .faq-arrow{transform:rotate(180deg);}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;padding:0 1.1rem;font-size:.88rem;color:var(--text-secondary);line-height:1.7;}
    .faq-item.open .faq-a{max-height:500px;padding:.75rem 1.1rem 1rem;}

    /* ── Content editorial section ── */
    .editorial{margin-top:3rem;padding:2rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-glass);}
    .editorial h2{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:800;margin:0 0 .75rem;color:var(--text-primary);}
    .editorial h3{font-size:1rem;font-weight:700;color:var(--brand-secondary);margin:1.25rem 0 .5rem;}
    .editorial p{font-size:.93rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.85rem;}

    /* ── Related links (hidden, SEO) ── */
    .seo-links{margin-top:2.5rem;}
    .seo-links h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;}
    .seo-links ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.3rem;list-style:none;padding:0;}
    .seo-links li a{font-size:.8rem;color:var(--text-muted);text-decoration:none;padding:.2rem 0;display:block;transition:color .2s;}
    .seo-links li a:hover{color:var(--brand-secondary);}

    /* ── Responsive ── */
    @media(max-width:640px){
      .subject-grid{grid-template-columns:repeat(2,1fr);}
      .chapter-grid{grid-template-columns:1fr;}
      .stats-row{grid-template-columns:repeat(2,1fr);}
    }