/* अध्ययनसार निबंध अध्याय — स्वतंत्र पठन शैलियाँ। मुख्य साइट की डिज़ाइन प्रणाली सुरक्षित। */
    body.essay-chapter-page {
      --essay-bg: #f1f5f9;
      --essay-surface: #ffffff;
      --essay-surface-soft: #f8fafc;
      --essay-surface-elevated: #e2e8f0;
      --essay-heading: #0f172a;
      --essay-text: #1e293b;
      --essay-text-muted: #64748b;
      --essay-border: #e2e8f0;
      --essay-border-strong: #cbd5e1;

      --essay-accent: #1d4ed8;
      --essay-accent-hover: #1e40af;
      --essay-accent-soft: #eff6ff;
      --essay-accent-border: #bfdbfe;

      --essay-amber: #b45309;
      --essay-amber-soft: #fffbeb;
      --essay-amber-border: #fde68a;

      --essay-emerald: #047857;
      --essay-emerald-soft: #ecfdf5;
      --essay-emerald-border: #a7f3d0;

      --essay-rose: #be123c;
      --essay-rose-soft: #fff1f2;
      --essay-rose-border: #fecdd3;

      --essay-speaking-bg: #fef08a;
      --essay-speaking-border: #ca8a04;

      --essay-shell-max: 1140px;
      --essay-reading-max: 680px; /* Optimal line length: 55-68 characters per line */
      --essay-layout-gap: 2.5rem;
      --essay-gutter: 1.25rem;
      --essay-radius: 12px;
      --essay-radius-sm: 8px;
      --essay-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.03);
      --essay-shadow-hover: 0 4px 16px rgba(15, 23, 42, 0.08);

      --essay-font-sans: 'Noto Sans Devanagari', 'Inter', system-ui, -apple-system, sans-serif;
      --essay-font-serif: 'Noto Serif Devanagari', 'Noto Sans Devanagari', Georgia, serif;
      --essay-reading-font-size: 1.08rem;
      --essay-reading-line-height: 1.85;
    }

    html[data-theme="sepia"] body.essay-chapter-page {
      --essay-bg: #efe6d5;
      --essay-surface: #fbf6ec;
      --essay-surface-soft: #f5ecdc;
      --essay-surface-elevated: #e5d7be;
      --essay-heading: #2b2118;
      --essay-text: #3d3024;
      --essay-text-muted: #6e5a47;
      --essay-border: #dfd1b8;
      --essay-border-strong: #c9b79c;

      --essay-accent: #8c3b08;
      --essay-accent-hover: #6e2d04;
      --essay-accent-soft: #f3e5cf;
      --essay-accent-border: #d9b88c;

      --essay-amber: #92400e;
      --essay-amber-soft: #f5e6c8;
      --essay-amber-border: #d6b67c;

      --essay-emerald: #115e59;
      --essay-emerald-soft: #e2ece9;
      --essay-emerald-border: #99c2b9;

      --essay-rose: #9f1239;
      --essay-rose-soft: #f4dfe3;
      --essay-rose-border: #dbaab3;

      --essay-speaking-bg: #f3d478;
      --essay-speaking-border: #92400e;
      --essay-shadow: 0 1px 3px rgba(43, 33, 24, 0.07), 0 4px 12px rgba(43, 33, 24, 0.04);
    }

    html[data-theme="dark"] body.essay-chapter-page {
      --essay-bg: #0b1120;
      --essay-surface: #131c31;
      --essay-surface-soft: #1a2640;
      --essay-surface-elevated: #263554;
      --essay-heading: #f8fafc;
      --essay-text: #e2e8f0;
      --essay-text-muted: #94a3b8;
      --essay-border: #23324f;
      --essay-border-strong: #33476b;

      --essay-accent: #60a5fa;
      --essay-accent-hover: #93c5fd;
      --essay-accent-soft: #172554;
      --essay-accent-border: #1e3a8a;

      --essay-amber: #fbbf24;
      --essay-amber-soft: #2e210b;
      --essay-amber-border: #78350f;

      --essay-emerald: #34d399;
      --essay-emerald-soft: #062c22;
      --essay-emerald-border: #065f46;

      --essay-rose: #fb7185;
      --essay-rose-soft: #31101c;
      --essay-rose-border: #881337;

      --essay-speaking-bg: #422006;
      --essay-speaking-border: #f59e0b;
      --essay-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 6px 16px rgba(0, 0, 0, 0.25);
    }


    /* ==========================================================================
       4. मुख्य 2-कॉलम पठन लेआउट (`.as-reading-layout` — UPSCStudy.in पैटर्न)
          डेस्कटॉप पर: बाएँ 680px पठन स्तंभ (छोटे वाक्य) + दाएँ स्टिकी TOC साइडबार
          मोबाइल/टैबलेट पर: 1-कॉलम कार्ड लेआउट, शून्य भीड़भाड़
       ========================================================================== */
    .as-reading-layout {
      display: grid;
      grid-template-columns: minmax(0, var(--essay-reading-max)) minmax(15rem, 18.5rem);
      gap: var(--essay-layout-gap);
      width: min(var(--essay-shell-max), calc(100% - (var(--essay-gutter) * 2)));
      margin: 1.75rem auto 4rem;
      align-items: start;
      justify-content: center;
    }

    /* मोबाइल और टैबलेट (<= 980px) पर साइडबार ऊपर एक संक्षिप्त ड्रॉपडाउन बन जाता है */
    @media (max-width: 980px) {
      :root {
        --essay-gutter: 0.85rem;
      }
      .as-reading-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
        margin-top: 1.15rem;
      }
      .as-study-outline {
        order: -1; /* मोबाइल पर विषय-सूची ऊपर दिखे */
      }
    }

    /* बायाँ पठन स्तंभ: प्रत्येक अनुभाग अलग कार्ड में */
    .as-reading-content {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      row-gap: 1.5rem;
      width: 100%;
      min-width: 0;
    }

    /* दायाँ स्टिकी विषय-सूची (TOC) साइडबार */
    .as-study-outline {
      position: sticky;
      top: 5rem;
      background: var(--essay-surface);
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius);
      box-shadow: var(--essay-shadow);
      padding: 1.1rem 1.15rem;
      max-height: calc(100vh - 6.5rem);
      overflow-y: auto;
    }

    @media (max-width: 980px) {
      .as-study-outline {
        position: static;
        max-height: none;
      }
    }

    .as-study-outline summary {
      font-weight: 700;
      font-size: 0.95rem;
      color: var(--essay-heading);
      cursor: pointer;
      padding: 0.2rem 0;
      list-style-position: inside;
    }

    .outline-progress-note {
      font-size: 0.78rem;
      color: var(--essay-text-muted);
      margin: 0.35rem 0 0.75rem;
      padding-bottom: 0.6rem;
      border-bottom: 1px solid var(--essay-border);
    }

    .outline-nav-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }

    .outline-nav-list a {
      display: block;
      text-decoration: none;
      font-size: 0.84rem;
      line-height: 1.45;
      color: var(--essay-text);
      padding: 0.42rem 0.6rem;
      border-radius: 6px;
      border-left: 3px solid transparent;
      transition: background 0.15s ease, border-color 0.15s ease;
    }

    .outline-nav-list a:hover {
      background: var(--essay-surface-soft);
      color: var(--essay-accent);
    }

    .outline-nav-list a.active-toc-link {
      background: var(--essay-accent-soft);
      color: var(--essay-accent);
      border-left-color: var(--essay-accent);
      font-weight: 600;
    }

    /* ==========================================================================
       5. अलग-अलग उभरे हुए सेक्शन कार्ड (`.study-master-section` & Hero Card)
          एक ही जगह सारा टेक्स्ट भरने के बजाय हर विषय स्वतंत्र कार्ड में
       ========================================================================== */
    .chapter-hero-card {
      background: var(--essay-surface);
      border: 1px solid var(--essay-border);
      border-top: 4px solid var(--essay-accent);
      border-radius: var(--essay-radius);
      box-shadow: var(--essay-shadow);
      padding: 1.75rem 1.85rem;
    }

    .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      margin-bottom: 0.9rem;
    }

    .meta-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.7rem;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 600;
      background: var(--essay-accent-soft);
      color: var(--essay-accent);
      border: 1px solid var(--essay-accent-border);
    }

    .meta-pill.amber {
      background: var(--essay-amber-soft);
      color: var(--essay-amber);
      border-color: var(--essay-amber-border);
    }

    .chapter-hero-card h1 {
      font-family: var(--essay-font-serif);
      font-size: clamp(1.55rem, 3.6vw, 2.15rem);
      line-height: 1.32;
      font-weight: 700;
      color: var(--essay-heading);
      margin: 0 0 0.85rem 0;
    }

    .hero-lead {
      font-family: var(--essay-font-serif);
      font-size: var(--essay-reading-font-size);
      line-height: var(--essay-reading-line-height);
      color: var(--essay-text);
      margin: 0 0 1.15rem 0;
    }

    .hero-quick-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 0.65rem;
      padding-top: 1rem;
      border-top: 1px solid var(--essay-border);
    }

    .quick-stat {
      background: var(--essay-surface-soft);
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius-sm);
      padding: 0.65rem 0.8rem;
    }

    .quick-stat-label {
      font-size: 0.75rem;
      color: var(--essay-text-muted);
      display: block;
    }

    .quick-stat-val {
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--essay-heading);
    }

    /* प्रत्येक मुख्य अनुभाग का स्वतंत्र कार्ड (`.study-master-section`) */
    .study-master-section {
      background: var(--essay-surface);
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius);
      box-shadow: var(--essay-shadow);
      padding: 1.65rem 1.85rem;
      margin: 0;
      min-width: 0;
      font-family: var(--essay-font-serif);
      font-size: var(--essay-reading-font-size);
      line-height: var(--essay-reading-line-height);
      color: var(--essay-text);
    }

    .section-kicker {
      font-family: var(--essay-font-sans);
      font-size: 0.76rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--essay-accent);
      display: inline-block;
      margin-bottom: 0.3rem;
    }

    .study-master-section h2 {
      font-family: var(--essay-font-sans);
      font-size: clamp(1.22rem, 2.5vw, 1.45rem);
      line-height: 1.38;
      font-weight: 700;
      color: var(--essay-heading);
      margin: 0 0 1.1rem 0;
      padding-bottom: 0.65rem;
      border-bottom: 1px solid var(--essay-border);
      scroll-margin-top: 5.5rem;
    }

    .study-master-section h3 {
      font-family: var(--essay-font-sans);
      font-size: clamp(1.05rem, 2vw, 1.18rem);
      line-height: 1.42;
      font-weight: 700;
      color: var(--essay-heading);
      margin: 1.5rem 0 0.7rem 0;
      scroll-margin-top: 5.5rem;
    }

    /* छोटे, सांस लेने योग्य अनुच्छेद — एक पंक्ति में लंबा वाक्य नहीं */
    .study-master-section p {
      margin: 0 0 1.05rem 0;
      max-width: 64ch;
    }

    .study-master-section p:last-child {
      margin-bottom: 0;
    }

    .study-master-section ul,
    .study-master-section ol {
      margin: 0 0 1.15rem 0;
      padding-left: 1.35rem;
    }

    .study-master-section li {
      margin-bottom: 0.6rem;
      max-width: 62ch;
    }

    /* ==========================================================================
       6. उप-कार्ड ग्रिड, कॉलआउट बॉक्स और तुलनात्मक कार्ड (Micro-Cards & Callouts)
       ========================================================================== */
    .concept-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 0.9rem;
      margin: 1.15rem 0;
      font-family: var(--essay-font-sans);
    }

    .concept-card {
      background: var(--essay-surface-soft);
      border: 1px solid var(--essay-border);
      border-top: 3px solid var(--essay-accent);
      border-radius: var(--essay-radius-sm);
      padding: 1rem 1.1rem;
    }

    .concept-card-num {
      font-size: 0.75rem;
      font-weight: 700;
      color: var(--essay-accent);
      display: block;
      margin-bottom: 0.2rem;
    }

    .concept-card h4 {
      font-size: 0.98rem;
      font-weight: 700;
      color: var(--essay-heading);
      margin: 0 0 0.4rem 0;
      line-height: 1.35;
    }

    .concept-card p {
      font-size: 0.9rem;
      line-height: 1.6;
      color: var(--essay-text);
      margin: 0;
    }

    .exam-box {
      font-family: var(--essay-font-sans);
      font-size: 0.95rem;
      line-height: 1.68;
      padding: 1.1rem 1.25rem;
      border-radius: var(--essay-radius-sm);
      margin: 1.2rem 0;
      border: 1px solid var(--essay-border);
      border-left-width: 4px;
    }

    .exam-box-title {
      font-weight: 700;
      font-size: 0.98rem;
      margin-bottom: 0.45rem;
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }

    .exam-box.info {
      background: var(--essay-accent-soft);
      border-color: var(--essay-accent-border);
      border-left-color: var(--essay-accent);
    }
    .exam-box.info .exam-box-title { color: var(--essay-accent); }

    .exam-box.amber {
      background: var(--essay-amber-soft);
      border-color: var(--essay-amber-border);
      border-left-color: var(--essay-amber);
    }
    .exam-box.amber .exam-box-title { color: var(--essay-amber); }

    .exam-box.emerald {
      background: var(--essay-emerald-soft);
      border-color: var(--essay-emerald-border);
      border-left-color: var(--essay-emerald);
    }
    .exam-box.emerald .exam-box-title { color: var(--essay-emerald); }

    .exam-box.rose {
      background: var(--essay-rose-soft);
      border-color: var(--essay-rose-border);
      border-left-color: var(--essay-rose);
    }
    .exam-box.rose .exam-box-title { color: var(--essay-rose); }

    blockquote.syllabus-quote {
      margin: 1.15rem 0;
      padding: 1.15rem 1.3rem;
      background: var(--essay-surface-soft);
      border: 1px solid var(--essay-border);
      border-left: 4px solid var(--essay-accent);
      border-radius: var(--essay-radius-sm);
      font-style: normal;
    }

    blockquote.syllabus-quote cite {
      display: block;
      margin-top: 0.55rem;
      font-size: 0.84rem;
      color: var(--essay-text-muted);
      font-style: normal;
      font-family: var(--essay-font-sans);
    }

    /* कमजोर बनाम उत्कृष्ट लेखन के तुलनात्मक कार्ड */
    .comparison-stack {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      margin: 1.2rem 0;
    }

    .demo-card {
      padding: 1.15rem 1.25rem;
      border-radius: var(--essay-radius-sm);
      border: 1px solid var(--essay-border);
      background: var(--essay-surface-soft);
    }

    .demo-card.weak {
      border-left: 4px solid var(--essay-rose);
    }

    .demo-card.strong {
      border-left: 4px solid var(--essay-emerald);
    }

    .demo-badge {
      font-family: var(--essay-font-sans);
      font-size: 0.78rem;
      font-weight: 700;
      padding: 0.22rem 0.6rem;
      border-radius: 6px;
      display: inline-block;
      margin-bottom: 0.65rem;
    }

    .demo-card.weak .demo-badge {
      background: var(--essay-rose-soft);
      color: var(--essay-rose);
      border: 1px solid var(--essay-rose-border);
    }

    .demo-card.strong .demo-badge {
      background: var(--essay-emerald-soft);
      color: var(--essay-emerald);
      border: 1px solid var(--essay-emerald-border);
    }

    .demo-analysis {
      font-family: var(--essay-font-sans);
      font-size: 0.88rem;
      line-height: 1.6;
      margin-top: 0.75rem;
      padding-top: 0.65rem;
      border-top: 1px dashed var(--essay-border-strong);
      color: var(--essay-text);
    }

    /* ==========================================================================
       7. मोबाइल-अनुकूल सारणियाँ (Mobile-Stacked Cards at <= 680px)
          छोटी स्क्रीन पर टेबल की पंक्तियाँ अपने-आप साफ कार्ड में बदल जाती हैं
       ========================================================================== */
    .table-container {
      width: 100%;
      margin: 1.15rem 0;
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius-sm);
      overflow: hidden;
    }

    table.responsive-table {
      width: 100%;
      border-collapse: collapse;
      font-family: var(--essay-font-sans);
      font-size: 0.92rem;
      line-height: 1.6;
    }

    table.responsive-table th,
    table.responsive-table td {
      padding: 0.8rem 0.95rem;
      border-bottom: 1px solid var(--essay-border);
      text-align: left;
      vertical-align: top;
    }

    table.responsive-table th {
      background: var(--essay-surface-soft);
      color: var(--essay-heading);
      font-weight: 700;
    }

    table.responsive-table tr:last-child td {
      border-bottom: none;
    }

    /* मोबाइल पर टेबल को साफ़ वर्टिकल कार्ड में बदलना ताकि एक लाइन में शब्द न दबें */
    @media (max-width: 680px) {
      .table-container {
        border: none;
        background: transparent;
      }
      table.responsive-table,
      table.responsive-table thead,
      table.responsive-table tbody,
      table.responsive-table th,
      table.responsive-table td,
      table.responsive-table tr {
        display: block;
        width: 100%;
      }
      table.responsive-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
      }
      table.responsive-table tr {
        background: var(--essay-surface-soft);
        border: 1px solid var(--essay-border);
        border-radius: var(--essay-radius-sm);
        margin-bottom: 0.85rem;
        padding: 0.4rem 0;
      }
      table.responsive-table td {
        padding: 0.55rem 0.9rem;
        border-bottom: 1px dashed var(--essay-border);
      }
      table.responsive-table td:last-child {
        border-bottom: none;
      }
      table.responsive-table td::before {
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--essay-accent);
        margin-bottom: 0.2rem;
      }
    }

    /* ==========================================================================
       8. अभ्यास कार्ड, चेकलिस्ट और उत्तर-मार्गदर्शन अकॉर्डियन
       ========================================================================== */
    .checklist-ul {
      list-style: none;
      padding: 0;
      margin: 1rem 0 0;
      font-family: var(--essay-font-sans);
    }

    .checklist-li {
      display: flex;
      align-items: flex-start;
      gap: 0.65rem;
      padding: 0.75rem 0.9rem;
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius-sm);
      margin-bottom: 0.55rem;
      background: var(--essay-surface-soft);
      font-size: 0.93rem;
      line-height: 1.55;
    }

    .checklist-li input[type="checkbox"] {
      width: 18px;
      height: 18px;
      margin-top: 0.2rem;
      accent-color: var(--essay-accent);
      cursor: pointer;
      flex-shrink: 0;
    }

    .checklist-li label {
      cursor: pointer;
      flex: 1;
    }

    .practice-card {
      background: var(--essay-surface-soft);
      border: 1px solid var(--essay-border);
      border-radius: var(--essay-radius-sm);
      padding: 1.05rem 1.15rem;
      margin-bottom: 0.9rem;
      font-family: var(--essay-font-sans);
      font-size: 0.94rem;
    }

    .practice-card-title {
      font-weight: 700;
      color: var(--essay-heading);
      margin-bottom: 0.4rem;
      display: block;
    }

    details.solution-toggle {
      font-family: var(--essay-font-sans);
      font-size: 0.9rem;
      background: var(--essay-surface);
      border: 1px solid var(--essay-border-strong);
      border-radius: 6px;
      padding: 0.65rem 0.9rem;
      margin-top: 0.65rem;
    }

    details.solution-toggle summary {
      font-weight: 600;
      color: var(--essay-accent);
      cursor: pointer;
    }

    details.solution-toggle .solution-body {
      margin-top: 0.65rem;
      padding-top: 0.65rem;
      border-top: 1px solid var(--essay-border);
      color: var(--essay-text);
      line-height: 1.65;
    }

    /* ==========================================================================
       9. अध्याय नेविगेशन कार्ड और फुटर
       ========================================================================== */
    .chapter-nav-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.9rem;
      margin-top: 0.5rem;
    }

    @media (min-width: 640px) {
      .chapter-nav-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    .nav-card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 1.15rem 1.3rem;
      border-radius: var(--essay-radius);
      border: 1px solid var(--essay-border);
      background: var(--essay-surface);
      text-decoration: none;
      color: var(--essay-heading);
      box-shadow: var(--essay-shadow);
      font-family: var(--essay-font-sans);
    }

    a.nav-card:hover {
      border-color: var(--essay-accent);
      background: var(--essay-accent-soft);
    }

    .nav-card.upcoming {
      background: var(--essay-surface-soft);
      color: var(--essay-text-muted);
      border-style: dashed;
    }

    .nav-label {
      font-size: 0.78rem;
      font-weight: 600;
      color: var(--essay-text-muted);
      margin-bottom: 0.25rem;
    }

    .nav-heading {
      font-weight: 700;
      font-size: 0.95rem;
      line-height: 1.4;
    }


    /* मोबाइल पैडिंग सुधार (<= 600px) */
    @media (max-width: 600px) {
      .chapter-hero-card,
      .study-master-section,
      .ra-card {
        padding: 1.15rem 1.05rem;
        border-radius: 10px;
      }
      .concept-grid {
        grid-template-columns: 1fr;
      }
      .tts-btn {
        flex: 1 1 calc(50% - 0.5rem);
      }
      .ra-select-wrap {
        width: 100%;
        justify-content: space-between;
      }
      .tts-select {
        max-width: 72%;
        flex: 1;
      }
    }
  
body.essay-chapter-page{background:var(--essay-bg);color:var(--essay-text);font-family:var(--essay-font-sans);font-size:1rem}
.essay-chapter-page .as-reading-layout{padding-bottom:2rem}
.essay-chapter-page .chapter-hero-card{border-top-color:var(--ds-primary)}
.essay-chapter-page .study-master-section{scroll-margin-top:6.5rem}
.essay-chapter-page .concept-card .essay-flow-title{font-weight:750;font-size:.99rem;color:var(--essay-heading);line-height:1.5;margin:.3rem 0}
.essay-chapter-page .concept-card .essay-flow-desc{font-size:.92rem;line-height:1.75;margin:0;color:var(--essay-text)}
.essay-chapter-page .essay-font-toolbar{display:flex;justify-content:flex-end;margin:-.4rem 0 0}
.essay-chapter-page .essay-font-toolbar button{cursor:pointer;min-height:38px;padding:.38rem .7rem;border:1px solid var(--essay-border-strong);border-radius:.4rem;background:var(--essay-surface);color:var(--essay-text);font-weight:650}
.essay-chapter-page .essay-font-toolbar button:hover{background:var(--essay-surface-soft);border-color:var(--essay-accent)}
.essay-chapter-page .study-master-section p,.essay-chapter-page .study-master-section li{overflow-wrap:anywhere}
.essay-chapter-page .responsive-table{table-layout:fixed;overflow-wrap:anywhere}
.essay-chapter-page .study-master-section :is(p,li){text-wrap:pretty}
.essay-chapter-page .as-study-outline{top:6rem}
.essay-chapter-page .essay-course-link{color:var(--essay-accent);font-weight:650;text-decoration:none}
.essay-chapter-page .essay-course-link:hover{text-decoration:underline}
@media(max-width:980px){.essay-chapter-page .as-reading-layout{margin-top:1rem}.essay-chapter-page .as-study-outline{max-height:none}}
@media(max-width:600px){.essay-chapter-page .as-reading-layout{width:calc(100% - 1rem)}.essay-chapter-page .study-master-section,.essay-chapter-page .chapter-hero-card{padding:1.15rem 1rem}.essay-chapter-page .study-master-section{font-size:max(1rem,var(--essay-reading-font-size))}}