/* ==========================================================================
   TopAll Design System v2.0 — Complete CSS Foundation (Light + Dark + Skins)
   Mirrors topall-learniverse/src/index.css & src/styles/post-content.css 1:1
   ========================================================================== */

:root {
  /* === Core Brand — TopAll Royal Sapphire Navy (#0F256E) === */
  --brand-navy-700: 228 82% 18%;
  --brand-navy-600: 226 76% 25%;
  --brand-navy-500: 225 70% 36%;
  --brand-navy-400: 224 66% 48%;
  --brand-navy-300: 224 82% 66%;
  --brand-navy-200: 224 90% 88%;
  --brand-navy-100: 224 75% 95%;
  --brand-navy-50: 224 75% 98%;

  /* === Neutrals / Tonal Surfaces (Google Keyword 90/8/2 System) === */
  --ink-900: 222 47% 11%;
  --ink-800: 222 42% 15%;
  --ink-700: 220 32% 20%;
  --ink-600: 218 22% 30%;
  --ink-500: 215 16% 43%;
  --ink-400: 215 16% 60%;
  --ink-300: 220 22% 90%;
  --ink-200: 220 30% 95%;
  --ink-100: 216 33% 98%;
  --white: 0 0% 100%;

  /* === TopAll Brand Orange === */
  --topall-orange: 24 100% 50%;
  --topall-orange-dark: 24 100% 42%;
  --topall-orange-light: 27 100% 96%;

  /* === Flat UI Color Palette === */
  --flat-turquoise: 168 76% 42%;
  --flat-green-sea: 168 76% 36%;
  --flat-emerald: 145 63% 49%;
  --flat-nephritis: 145 63% 42%;
  --flat-peter-river: 204 70% 53%;
  --flat-belize-hole: 204 64% 44%;
  --flat-amethyst: 283 39% 53%;
  --flat-wisteria: 282 44% 47%;
  --flat-wet-asphalt: 210 29% 29%;
  --flat-midnight-blue: 210 29% 24%;
  --flat-sun-flower: 48 89% 50%;
  --flat-orange: 37 90% 51%;
  --flat-carrot: 28 80% 52%;
  --flat-pumpkin: 24 100% 41%;
  --flat-alizarin: 6 78% 57%;
  --flat-pomegranate: 6 63% 46%;
  --flat-clouds: 192 15% 94%;
  --flat-silver: 195 9% 76%;
  --flat-concrete: 184 9% 62%;
  --flat-asbestos: 184 6% 53%;

  /* === Exam Accents === */
  --accent-neet: 152 76% 36%;
  --accent-jee: 36 92% 48%;
  --accent-cbse: 192 82% 36%;

  /* === Semantic Feedback === */
  --success-600: 152 72% 28%;
  --success-100: 149 80% 94%;
  --warning-600: 24 90% 44%;
  --warning-100: 45 96% 90%;
  --danger-600: 0 72% 50%;
  --danger-100: 0 90% 95%;
  --info-600: 221 83% 50%;
  --info-100: 214 95% 94%;

  /* === Surfaces (Light default) === */
  --surface-1: var(--white);
  --surface-2: var(--ink-100);
  --surface-3: var(--ink-200);
  --surface-elev: var(--white);
  --surface-glass: 0 0% 100% / 0.80;
  --surface-card: var(--white);

  /* === Typography Color Roles === */
  --text-strong: var(--ink-900);
  --text: var(--ink-700);
  --text-subtle: var(--ink-500);
  --text-faint: var(--ink-400);

  /* === Borders & Dividers === */
  --border-soft: var(--ink-300);
  --border-strong: 220 24% 80%;

  /* === Semantic Design Tokens === */
  --background: var(--surface-1);
  --foreground: var(--text-strong);
  --card: var(--surface-elev);
  --card-foreground: var(--text-strong);
  --popover: var(--surface-elev);
  --popover-foreground: var(--text-strong);
  --primary: var(--brand-navy-600);
  --primary-foreground: var(--white);
  --primary-glow: var(--brand-navy-300);
  --secondary: var(--brand-navy-100);
  --secondary-foreground: var(--brand-navy-600);
  --muted: var(--surface-2);
  --muted-foreground: var(--text-subtle);
  --accent: var(--brand-navy-300);
  --accent-foreground: var(--white);
  --destructive: var(--danger-600);
  --destructive-foreground: var(--white);
  --border: var(--border-soft);
  --input: var(--border-soft);
  --ring: var(--brand-navy-600);

  /* === Interactive & Status === */
  --link: var(--brand-navy-600);
  --link-hover: var(--brand-navy-500);
  --interactive-hover: var(--brand-navy-100);
  --interactive-active: var(--brand-navy-200);
  --status-success-bg: var(--success-100);
  --status-success-ink: var(--success-600);
  --status-warn-bg: var(--warning-100);
  --status-warn-ink: var(--warning-600);
  --status-error-bg: var(--danger-100);
  --status-error-ink: var(--danger-600);
  --status-info-bg: var(--info-100);
  --status-info-ink: var(--info-600);

  /* === MCQ Option Tokens (Light Mode) === */
  --option-bg: var(--surface-1);
  --option-hover: var(--brand-navy-100);
  --option-selected: var(--brand-navy-100);
  --option-border: var(--border-soft);

  /* === Radii & Shadows === */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --radius: 16px;
  --shape-chip: 999px;
  --shape-card: 16px;
  --shape-hero: 22px;

  --shadow-xs: 0 1px 2px rgba(14, 18, 34, 0.06);
  --shadow-sm: 0 2px 8px rgba(14, 18, 34, 0.08);
  --shadow-md: 0 8px 24px rgba(14, 18, 34, 0.12);
  --shadow-lg: 0 18px 42px rgba(14, 18, 34, 0.16);
  --elevation-1: 0 2px 10px rgba(14, 18, 34, 0.06);
  --elevation-2: 0 8px 24px rgba(14, 18, 34, 0.10);
  --elevation-3: 0 18px 42px rgba(14, 18, 34, 0.16);
  --focus-ring: 0 0 0 3px hsl(var(--brand-navy-300) / 0.55);

  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-smooth: all var(--dur-2) var(--ease-out);

  --grid-columns: 12;
  --grid-gutter: 16px;
  --grid-margin: 16px;
  --layout-narrow: 720px;
  --layout-default: 960px;
  --layout-wide: 1200px;
}

.dark {
  --surface-1: 226 39% 9%;
  --surface-2: 226 35% 11%;
  --surface-3: 226 35% 13%;
  --surface-elev: 226 35% 15%;
  --surface-glass: 226 35% 12% / 0.72;
  --surface-card: 226 35% 13%;

  --text-strong: 226 100% 97%;
  --text: 226 42% 86%;
  --text-subtle: 225 27% 72%;
  --text-faint: 226 22% 58%;

  --border-soft: 226 28% 20%;
  --border-strong: 226 26% 27%;

  --brand-navy-600: 214 100% 72%;
  --brand-navy-500: 217 91% 60%;
  --brand-navy-400: 221 83% 53%;
  --brand-navy-300: 226 100% 80%;
  --brand-navy-100: 224 44% 16%;
  --brand-navy-200: 226 43% 23%;

  --link: 214 100% 75%;
  --link-hover: 214 100% 82%;
  --interactive-hover: 224 40% 15%;
  --interactive-active: 224 42% 18%;

  --status-success-bg: 156 59% 12%;
  --status-success-ink: 152 69% 65%;
  --status-warn-bg: 28 56% 12%;
  --status-warn-ink: 43 96% 64%;
  --status-error-bg: 0 52% 14%;
  --status-error-ink: 0 91% 75%;
  --status-info-bg: 220 53% 15%;
  --status-info-ink: 213 94% 78%;

  --option-bg: 226 35% 12%;
  --option-hover: 226 38% 16%;
  --option-selected: 224 47% 20%;
  --option-border: 226 28% 23%;

  --background: var(--surface-1);
  --foreground: var(--text-strong);
  --card: var(--surface-card);
  --card-foreground: var(--text-strong);
  --popover: var(--surface-elev);
  --popover-foreground: var(--text-strong);
  --primary: var(--brand-navy-600);
  --primary-foreground: 226 39% 9%;
  --primary-glow: var(--brand-navy-300);
  --secondary: var(--surface-3);
  --secondary-foreground: var(--text-strong);
  --muted: var(--surface-2);
  --muted-foreground: var(--text-subtle);
  --accent: var(--brand-navy-500);
  --accent-foreground: var(--text-strong);
  --destructive: 0 91% 75%;
  --destructive-foreground: 226 39% 9%;
  --border: var(--border-soft);
  --input: var(--border-soft);
  --ring: var(--brand-navy-300);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.50);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 18px 42px rgba(0, 0, 0, 0.60);
  --elevation-1: 0 2px 10px rgba(0, 0, 0, 0.50);
  --elevation-2: 0 8px 24px rgba(0, 0, 0, 0.55);
  --elevation-3: 0 18px 42px rgba(0, 0, 0, 0.60);
  --focus-ring: 0 0 0 3px hsl(226 100% 80% / 0.45);
}

/* === Contextual Exam Skins === */
.theme-neet { --accent: var(--accent-neet); }
.theme-jee  { --accent: var(--accent-jee); }
.theme-cbse { --accent: var(--accent-cbse); }

* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Inter', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

/* === Difficulty Chips === */
.chip-easy {
  background-color: #dcfce7;
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.25);
}
.dark .chip-easy {
  background-color: hsl(var(--status-success-bg));
  color: hsl(var(--status-success-ink));
  border-color: hsl(var(--status-success-ink) / 0.3);
}

.chip-medium {
  background-color: #fef3c7;
  color: #b45309;
  border: 1px solid rgba(245, 158, 11, 0.25);
}
.dark .chip-medium {
  background-color: hsl(var(--status-warn-bg));
  color: hsl(var(--status-warn-ink));
  border-color: hsl(var(--status-warn-ink) / 0.3);
}

.chip-hard {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid rgba(239, 68, 68, 0.25);
}
.dark .chip-hard {
  background-color: hsl(var(--status-error-bg));
  color: hsl(var(--status-error-ink));
  border-color: hsl(var(--status-error-ink) / 0.3);
}

/* === Learning Block & MCQ Option States (MCQBlockV2) === */
.learning-block {
  margin: 0.75rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 1.5px solid hsl(var(--border-soft));
  background: hsl(var(--surface-card));
  box-shadow: var(--elevation-1);
}
@media (min-width: 640px) {
  .learning-block {
    padding: 1.5rem;
  }
}

.mcq-correct {
  border-width: 3px !important;
  background-color: #f0fdf4 !important;
  color: #14532d !important;
  border-color: #16a34a !important;
}
.dark .mcq-correct {
  background-color: rgba(20, 83, 45, 0.4) !important;
  color: #f0fdf4 !important;
  border-color: #4ade80 !important;
}

.mcq-incorrect {
  border-width: 3px !important;
  background-color: #fef2f2 !important;
  color: #7f1d1d !important;
  border-color: #dc2626 !important;
}
.dark .mcq-incorrect {
  background-color: rgba(127, 29, 29, 0.4) !important;
  color: #fef2f2 !important;
  border-color: #f87171 !important;
}

.mcq-neutral {
  opacity: 0.6;
}
.dark .mcq-neutral {
  opacity: 0.5;
}

/* === Practice Session Progress & Question Nav Grid === */
.practice-progress-bar {
  width: 100%;
  height: 0.5rem;
  background-color: hsl(var(--muted));
  border-radius: 9999px;
  overflow: hidden;
}
.practice-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, hsl(var(--primary)), hsl(var(--primary) / 0.8));
  transition: width 0.3s ease;
}

.question-nav-grid {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
}
@media (min-width: 768px) {
  .question-nav-grid {
    grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  }
}

.mobile-practice-dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsl(var(--card) / 0.95);
  backdrop-filter: blur(8px);
  border-top: 1px solid hsl(var(--border));
  z-index: 50;
  padding: 0.75rem;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .mobile-practice-dock {
    display: none;
  }
}

.status-unanswered {
  background-color: hsl(var(--muted));
  border: 2px solid hsl(var(--muted-foreground) / 0.2);
}
.status-correct {
  background-color: #22c55e !important;
  color: #ffffff !important;
  border: 2px solid #16a34a !important;
}
.status-incorrect {
  background-color: #ef4444 !important;
  color: #ffffff !important;
  border: 2px solid #dc2626 !important;
}

/* === Hero Gradients, Cards & Animations === */
.hero-gradient {
  background: linear-gradient(135deg,
    hsl(var(--primary) / 0.05) 0%,
    hsl(var(--primary) / 0.10) 50%,
    hsl(var(--primary) / 0.05) 100%);
  background-size: 200% 200%;
  animation: gradient-shift 8s ease infinite;
}

@keyframes gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.exam-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.exam-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
              0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.card-lift {
  transition: transform var(--dur-1) var(--ease-out),
              box-shadow var(--dur-1) var(--ease-out);
}
.card-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

@keyframes live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.live-dot {
  animation: live-pulse 2s ease-in-out infinite;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fadeIn 0.3s ease-out;
}

@keyframes pulse-once {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}
.animate-pulse-once {
  animation: pulse-once 0.6s ease-in-out 1;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scroll-pills {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  scroll-snap-type: x mandatory;
}
.scroll-pills > * {
  scroll-snap-align: start;
  flex-shrink: 0;
}

/* === Related MCQ Cards === */
.related-card-more {
  background: linear-gradient(to bottom right, hsl(var(--surface-elev)), rgba(23, 37, 84, 0.08));
  border-left: 2px solid rgba(59, 130, 246, 0.5);
  transition: all 0.3s ease;
}
.related-card-next {
  background: linear-gradient(to bottom right, hsl(var(--surface-elev)), rgba(5, 46, 22, 0.08));
  border-left: 2px solid rgba(34, 197, 94, 0.5);
  transition: all 0.3s ease;
}
.related-card-practice {
  background: linear-gradient(to bottom right, hsl(var(--surface-elev)), rgba(59, 7, 100, 0.08));
  border-left: 2px solid rgba(168, 85, 247, 0.5);
  transition: all 0.3s ease;
}

.related-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.related-link:hover {
  background: hsl(var(--interactive-hover));
  border-color: hsl(var(--border-soft));
}
.meta-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 9999px;
  background: hsl(var(--surface-3));
  color: hsl(var(--text-subtle));
  border: 1px solid hsl(var(--border-soft));
}

/* === Markdown & Editorial Article Content Styles (Google Keyword Reading Scale) === */
h1, h2, h3, h4, .font-display {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  letter-spacing: -0.022em;
}
h1.font-extrabold, h1.font-black,
h2.font-extrabold, h2.font-black {
  font-weight: 700;
}
h3.font-extrabold, h3.font-bold,
h4.font-extrabold, h4.font-bold {
  font-weight: 600;
}
.font-mono {
  font-family: 'Space Grotesk', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

.markdown-content, .prose {
  font-size: 1.0625rem;
  line-height: 1.78;
  color: hsl(var(--ink-800));
}
@media (min-width: 640px) {
  .markdown-content, .prose {
    font-size: 1.1125rem;
  }
}
.dark .markdown-content, .dark .prose {
  color: hsl(var(--text));
}
.markdown-content h1, .prose h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; margin: 1.75rem 0 1rem; color: hsl(var(--foreground)); }
.markdown-content h2, .prose h2 { font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.28; margin: 2rem 0 0.85rem; color: hsl(var(--foreground)); }
.markdown-content h3, .prose h3 { font-size: 1.22rem; font-weight: 600; letter-spacing: -0.015em; line-height: 1.35; margin: 1.5rem 0 0.6rem; color: hsl(var(--foreground)); }
.markdown-content p, .prose p { margin-bottom: 1.15rem; line-height: 1.78; }
.markdown-content ul, .prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.15rem; }
.markdown-content ol, .prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.15rem; }
.markdown-content li, .prose li { margin-bottom: 0.45rem; line-height: 1.7; }
.markdown-content table, .prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.925rem; }
.markdown-content th, .prose th { background: hsl(var(--muted)); border: 1px solid hsl(var(--border)); padding: 0.85rem 1rem; text-align: left; font-weight: 600; }
.markdown-content td, .prose td { border: 1px solid hsl(var(--border)); padding: 0.85rem 1rem; }
.markdown-content blockquote, .prose blockquote { border-left: 3px solid hsl(var(--primary)); background: hsl(var(--brand-navy-50)); padding: 1rem 1.25rem; border-radius: 0 0.75rem 0.75rem 0; margin: 1.25rem 0; font-style: normal; color: hsl(var(--ink-800)); }

.key-facts {
  background: hsl(var(--brand-navy-50));
  border-left: 3px solid hsl(var(--brand-navy-600));
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
}
.faq {
  border: 1px solid hsl(var(--border-soft));
  border-radius: var(--radius-md);
  background: hsl(var(--surface-elev));
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.faq > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.1rem 1.35rem;
  font-weight: 600;
  color: hsl(var(--text-strong));
}
.faq > summary::-webkit-details-marker { display: none; }
.faq > div { padding: 0 1.35rem 1.25rem; color: hsl(var(--text)); line-height: 1.7; }

/* KaTeX overflow prevention & option button alignment */
.latex-content .katex, .question-stem .katex, .opt-text .katex, .mcq-explanation .katex {
  max-width: 100%;
  font-size: 1.05em;
}
.latex-content .katex-display, .question-stem .katex-display {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.katex-visual .math-frac {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  text-align: center;
  padding: 0 0.2em;
  font-size: 0.9em;
}
.katex-visual .math-num {
  border-bottom: 1px solid currentColor;
  padding: 0 0.15em 0.05em;
  line-height: 1.1;
}
.katex-visual .math-den {
  padding: 0.05em 0.15em 0;
  line-height: 1.1;
}

/* ==========================================================================
   TopAll "The Keyword" Editorial Design System v3.0 (Inspired by blog.google)
   Keeps TopAll Royal Sapphire (#0F256E) + TopAll Orange (#FF6B00) + NEET Emerald
   ========================================================================== */

.kw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: hsl(var(--primary));
  white-space: nowrap;
}

.kw-in-short-card {
  position: relative;
  border-radius: 1.25rem;
  border: 1px solid hsl(var(--brand-navy-200));
  background: hsl(var(--brand-navy-50));
  padding: 1.35rem 1.6rem;
}
.dark .kw-in-short-card {
  border-color: hsl(var(--brand-navy-200));
  background: hsl(var(--brand-navy-100));
}

/* Google Keyword Tonal Chart & Data Storytelling Cards */
.kw-chart-card {
  border-radius: 1.5rem;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--surface-2));
  padding: 1.5rem 1.75rem;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.dark .kw-chart-card {
  background-color: hsl(var(--surface-2));
}
.kw-chart-card:hover {
  border-color: hsl(var(--brand-navy-300) / 0.6);
}

.kw-hbar-track {
  width: 100%;
  height: 0.75rem;
  border-radius: 9999px;
  background-color: hsl(var(--ink-300) / 0.55);
  overflow: hidden;
}
.dark .kw-hbar-track {
  background-color: hsl(var(--border-strong));
}
.kw-hbar-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Monochrome Context + Single Accent Vertical Bars */
.kw-vbar-context {
  background-color: #CBD5E1;
}
.dark .kw-vbar-context {
  background-color: #334155;
}
.kw-vbar-peak {
  background-color: #94A3B8;
}
.dark .kw-vbar-peak {
  background-color: #475569;
}
.kw-vbar-accent {
  background: linear-gradient(180deg, hsl(var(--brand-navy-500)) 0%, hsl(var(--brand-navy-600)) 100%);
}
.kw-vbar-orange {
  background: linear-gradient(180deg, #FF7F00 0%, #EA580C 100%);
}

.kw-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap !important;
}

.kw-status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  flex-shrink: 0;
}

.kw-status-sub {
  display: block;
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.35;
  color: hsl(var(--muted-foreground));
  margin-top: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kw-matrix-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
@media (max-width: 767px) {
  .kw-matrix-table {
    table-layout: auto;
    min-width: 640px;
  }
}
.kw-matrix-table th {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: hsl(var(--muted-foreground));
  background-color: hsl(var(--surface-2));
  padding: 0.9rem 1rem;
  border-bottom: 1px solid hsl(var(--border));
  white-space: nowrap;
}
.kw-matrix-table td {
  padding: 0.95rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid hsl(var(--border) / 0.65);
}
.kw-matrix-table tr:last-child td {
  border-bottom: none;
}
.kw-matrix-table tbody tr {
  transition: background-color 150ms ease;
}
.kw-matrix-table tbody tr:nth-child(even) {
  background-color: hsl(var(--surface-2) / 0.55);
}
.kw-matrix-table tbody tr:hover {
  background-color: hsl(var(--brand-navy-50));
}
.dark .kw-matrix-table tbody tr:hover {
  background-color: hsl(var(--brand-navy-100) / 0.4);
}

.kw-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: 9999px;
  padding: 0.35rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 500;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--surface-1));
  color: hsl(var(--text));
  white-space: nowrap;
  transition: all 150ms ease;
}
.kw-tag-chip:hover,
.kw-tag-chip.active,
.kw-tag-chip.is-active {
  border-color: hsl(var(--primary));
  background-color: hsl(var(--brand-navy-50));
  color: hsl(var(--primary));
}
.dark .kw-tag-chip:hover,
.dark .kw-tag-chip.active,
.dark .kw-tag-chip.is-active {
  background-color: hsl(var(--brand-navy-100));
}

.kw-editorial-card {
  border-radius: 1.5rem;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--card));
  overflow: hidden;
  transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
              border-color 220ms ease;
}
.kw-editorial-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--elevation-2);
  border-color: hsl(var(--primary) / 0.35);
}

/* ============================================================================
   Search & Form Input Contrast Guarantee (Light + Dark Mode)
   Prevents white-on-white or invisible typed text in search boxes
   ============================================================================ */
input[type="search"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {
  color: hsl(var(--foreground));
  caret-color: hsl(var(--foreground));
}
input[type="search"]::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}

#hero-topic-search-input {
  background-color: #ffffff !important;
  color: #0f172a !important;
  caret-color: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}
#hero-topic-search-input::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
#hero-topic-search-input:focus {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #FF7F00 !important;
  box-shadow: 0 0 0 3px rgba(255, 127, 0, 0.35), 0 20px 25px -5px rgba(0, 0, 0, 0.2) !important;
}

/* ============================================================================
   Portal Card Micro-UX Hover Elevation & Mobile Sticky Table Column
   ============================================================================ */
.topall-card-hover {
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
              border-color 200ms ease;
}
.topall-card-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--elevation-2);
}

@media (max-width: 767px) {
  .kw-matrix-table th:first-child,
  .kw-matrix-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: hsl(var(--card));
    box-shadow: 2px 0 6px rgba(15, 23, 42, 0.06);
  }
  .kw-matrix-table th:first-child {
    background-color: hsl(var(--surface-2));
  }
}



/* Owned learning flows: use the established theme tokens. */
.learning-page { overflow-wrap:anywhere; }
.learning-page input,.learning-page select { min-height:44px; }
.learning-page button { min-height:44px; }
.learning-page button:disabled { opacity:.55; cursor:not-allowed; }
.learning-page :focus-visible { outline:3px solid hsl(var(--primary)); outline-offset:3px; }
.learning-selected { border-color:hsl(var(--primary)); background:hsl(var(--primary)/.12); box-shadow:0 0 0 2px hsl(var(--primary)/.3); }
.learning-alert { border:1px solid hsl(var(--border)); border-radius:12px; padding:12px; }
.quiz-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.quiz-layout > * { min-width:0; }
.quiz-layout .palette-btn { padding:6px 2px; white-space:nowrap; overflow-wrap:normal; font-size:13px; }
.quiz-layout .palette-btn span,.quiz-layout .palette-btn small { display:block; line-height:18px; }
.quiz-layout .palette-btn small { min-height:18px; }
@media(min-width:900px) { .quiz-layout { grid-template-columns:minmax(0,3fr) minmax(200px,1fr); } }

/* Sourced study guides and the shared responsive frame. */
.study-shell{max-width:1160px;margin:auto;padding:36px 24px 64px;line-height:1.7;overflow-wrap:anywhere}
.editorial-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff8ec;border-radius:12px}
.guide-card>.editorial-image{margin-bottom:20px}
.portal-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding:20px 0 32px}
.portal-hero h1{font-size:clamp(2.2rem,3.7vw,3.4rem);line-height:1.12;letter-spacing:-.045em}.portal-hero h1 span{color:hsl(var(--primary))}
.portal-hero .study-lede{font-size:1.12rem;max-width:510px}.portal-exam-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.portal-exam-actions .study-button{gap:16px}
.study-button-secondary{border:1px solid hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--background))}
.portal-hero-art{margin:0}.portal-hero-art .editorial-image{border-radius:22px;aspect-ratio:3/2;background:#fffdf8}.portal-hero-art figcaption{font-size:.8rem;color:hsl(var(--muted-foreground));text-align:center;margin-top:12px}
.portal-hero-art .editorial-artwork{padding-top:80px;margin-bottom:0;border-radius:22px;background:#fffdf8}
.portal-hero-art .editorial-artwork-brand{left:18px;top:10px;width:clamp(148px,34%,200px)!important;max-width:calc(100% - 36px);height:auto!important}
.portal-search label{display:block;font-weight:650;font-size:.9rem;margin-bottom:8px}.portal-search>div{display:flex;gap:8px}.portal-search input{min-width:0;flex:1;border:1px solid hsl(var(--border));background:hsl(var(--background));padding:10px 12px;border-radius:8px;color:hsl(var(--foreground))}.portal-search button{flex-shrink:0;font-size:.86rem;padding:10px 14px}
.study-home .portal-note{font-size:.83rem;color:hsl(var(--muted-foreground));margin:12px 0 0}.portal-note a{text-decoration:underline}
.portal-jump{display:flex;gap:10px 28px;flex-wrap:wrap;border-block:1px solid hsl(var(--border));padding:18px 0;margin-bottom:48px;font-weight:650;font-size:.9rem}.portal-jump a{padding:6px 0}
.portal-home section[id]{scroll-margin-top:110px}.portal-link-list{list-style:none!important;padding:0!important;margin:12px 0!important}.portal-link-list li{margin:0!important;border-top:1px solid hsl(var(--border)/.65)}.portal-link-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:.9rem;line-height:1.5}.portal-link-list a span{flex-shrink:0;color:hsl(var(--muted-foreground))}
.portal-subject{display:flex;flex-direction:column}.portal-subject h3{font-size:1.35rem}.portal-subject .study-kicker{font-size:.72rem}.portal-card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;font-size:.85rem}.portal-card-bottom a{min-height:32px}
.portal-series{margin-top:20px;align-items:start}.portal-series p{font-size:.9rem;margin-top:12px}.portal-series ol{font-size:.9rem}.portal-series li{padding:4px 0}.portal-topics{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.85rem}.portal-home section>.portal-topics{margin-top:18px}.portal-topics>a{padding:8px 0;text-decoration:underline}
.portal-format{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:hsl(var(--primary)/.07);color:hsl(var(--primary));font-size:1.4rem;font-weight:750;margin-bottom:20px}.portal-resource p{color:hsl(var(--muted-foreground));font-size:.95rem}.portal-resource-hubs{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}
.portal-college-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none!important;padding:0!important;gap:0 30px}.portal-college-list li{margin:0!important;border-top:1px solid hsl(var(--border))}.portal-college-list a{display:block;padding:16px 0;font-weight:650;font-size:.95rem}.portal-college-list a>span{display:block;font-size:.8rem;font-weight:400;color:hsl(var(--muted-foreground));margin-top:4px}
.portal-return{display:flex;gap:30px;justify-content:space-between;align-items:center;background:hsl(var(--primary)/.05);padding:30px;border-radius:16px;border:1px solid hsl(var(--border))}.portal-return h2{font-size:1.65rem}.portal-return p:last-child{margin-bottom:0;max-width:550px}.portal-return>.study-button{flex-shrink:0}
@media(max-width:799px){.portal-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0}.portal-hero h1{font-size:2.5rem}.portal-hero-art{max-width:620px;width:100%;margin:auto}.portal-return{flex-direction:column;align-items:start}.portal-jump{gap:8px 20px}.portal-college-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:399px){.portal-hero h1{font-size:2.1rem}.portal-search>div{flex-direction:column}.portal-exam-actions{flex-direction:column}.portal-exam-actions a{justify-content:space-between}.portal-return{padding:20px}.portal-jump{font-size:.83rem;gap:4px 16px}}
.study-shell h1,.study-shell h2,.study-shell h3{font-weight:750;line-height:1.2;letter-spacing:-.025em;color:hsl(var(--foreground))}
.study-shell h1{font-size:clamp(2rem,4vw,3.2rem);max-width:960px;margin:8px 0 18px}
.study-shell h2{font-size:clamp(1.4rem,2.5vw,1.9rem);margin:0 0 14px}
.study-shell h3{font-size:1.18rem;margin:0 0 12px}
.study-shell p{margin:0 0 16px}.study-shell ul,.study-shell ol{padding-left:24px;margin:16px 0;list-style:revert}
.study-shell li{margin:8px 0}.study-shell a:not(.study-button){text-underline-offset:4px}.study-shell a:hover{text-decoration:underline}
.study-shell a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}
.study-kicker{font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--primary))}
.study-meta,.source-note,.study-breadcrumb{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6}
.study-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.study-lede,.study-intro{font-size:1.08rem;max-width:780px;color:hsl(var(--muted-foreground))}
.study-rule-note{font-size:.9rem;border-left:3px solid hsl(var(--primary));padding:10px 16px;max-width:850px;background:hsl(var(--muted)/.5)}
.study-rule-note a,.source-list a,.guide-section a,.source-note a{color:hsl(var(--primary));text-decoration:underline}
.study-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.study-grid>*{min-width:0}
.study-card{padding:24px;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card));color:hsl(var(--card-foreground))}
.study-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 20px;border-radius:10px;font-weight:700;text-align:center;line-height:1.5;white-space:normal}
.study-button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.study-text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:hsl(var(--primary));line-height:1.5}
.study-home>section{margin-bottom:56px}.study-hero{padding:16px 0 0}.study-hero>p:not(.study-kicker){max-width:700px;font-size:1.13rem;color:hsl(var(--muted-foreground))}.study-hero .study-small-heading{margin-top:28px;font-size:1.1rem}.exam-choice{display:block}.exam-choice:hover{border-color:hsl(var(--primary));background:hsl(var(--primary)/.04)}.exam-choice strong{color:hsl(var(--primary))}.study-hero>.study-text-link{margin-top:14px}
.study-section-heading{display:flex;gap:16px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}.study-section-heading p{margin:0}.guide-card{display:flex;flex-direction:column}.guide-card h2{font-size:1.32rem}.guide-card>p{color:hsl(var(--muted-foreground))}.guide-card>.study-text-link{margin-top:auto}.study-steps{padding:0!important;list-style:none!important}.study-action-row{display:flex;gap:16px;flex-wrap:wrap}.study-page-heading{margin-bottom:28px}
.guide-filters{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto;align-items:end}.guide-filters label{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px}.guide-filters input,.guide-filters select{width:100%;min-height:48px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:16px}.guide-results-heading{margin:18px 0}
.guide-reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:start}.guide-main{min-width:0;max-width:780px}.guide-series{padding:18px;font-size:.9rem}.guide-series li{margin:14px 0}.guide-series a[aria-current]{font-weight:750;color:hsl(var(--primary))}.guide-section{margin:36px 0;scroll-margin-top:90px}.guide-section p{line-height:1.8}.guide-section li{line-height:1.7}.guide-brief,.article-toc,.practice-task{margin-bottom:24px}.study-shell summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700;line-height:1.5}.study-shell details>p{margin:12px 0 0}.article-toc ol{margin-bottom:0}.worked-example{padding:24px;border-radius:14px;background:hsl(var(--primary)/.06);border-left:4px solid hsl(var(--primary))}.guide-next{margin-top:28px}.guide-related{margin-top:48px}.guide-series{order:2}
.table-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid hsl(var(--border));border-radius:10px}.table-scroll table{width:100%;border-collapse:collapse}.study-shell th,.study-shell td{padding:12px;text-align:left;border-bottom:1px solid hsl(var(--border));font-size:.9rem}.study-shell th{font-weight:700}.study-shell caption{padding:12px;text-align:left;font-size:.85rem;color:hsl(var(--muted-foreground))}.source-note{margin-top:12px!important}.source-list li{margin:20px 0;scroll-margin-top:90px}.source-list li p{font-size:.85rem;color:hsl(var(--muted-foreground));margin:4px 0}.guide-section details{padding:12px 18px;margin:12px 0}
.nav-dropdown [hidden]{display:none!important}.nav-dropdown-panel{position:absolute;top:100%;left:0;width:240px;z-index:60;padding-top:4px}.nav-dropdown-panel a{min-height:44px}.scroll-cue{font-size:.875rem;line-height:1.5;margin:8px 0;color:hsl(var(--muted-foreground))}.responsive-table-region{max-width:100%;overflow:auto}.responsive-table-region table{min-width:640px}.responsive-table-region:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:2px}
.admin-sidebar-close,.admin-menu-toggle,.admin-nav-backdrop{display:none}.admin-sidebar{width:288px}.admin-frame{display:flex;min-height:100vh}.admin-header{min-height:64px;height:auto;padding:12px 24px;gap:12px;flex-wrap:wrap}.admin-header h1{overflow-wrap:anywhere}.admin-main{padding:24px;min-width:0}.admin-header-actions{display:flex;gap:12px;align-items:center}.admin-sidebar nav a{min-height:44px}.admin-main>*{min-width:0}.admin-shell-content{max-width:100%;min-width:0}.admin-nav-backdrop[hidden]{display:none!important}
@media(min-width:700px){.study-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.study-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.guide-reader-grid{grid-template-columns:minmax(0,1fr)}.guide-main{max-width:none}.guide-series{max-width:none}.guide-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guide-filters>div:first-child{grid-column:1/-1}.admin-sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:80;width:min(320px,calc(100vw - 40px));height:100dvh}.admin-sidebar[data-open="true"]{display:flex}.admin-menu-toggle,.admin-sidebar-close{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border:1px solid hsl(var(--border));border-radius:8px}.admin-nav-backdrop{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.5)}.admin-header{padding:12px 16px}.admin-main{padding:20px 16px}.admin-header-actions{font-size:.8rem}.admin-shell-content{width:100%}}
@media(max-width:699px){.study-shell{padding:24px 16px 44px}.study-card{padding:20px}.study-home>section{margin-bottom:36px}.study-shell h1{font-size:2rem}.study-shell h2{font-size:1.4rem}.study-lede,.study-intro{font-size:1rem}.guide-filters{grid-template-columns:minmax(0,1fr)}.guide-filters>div:first-child{grid-column:auto}.guide-reader-grid{gap:24px}.worked-example{padding:20px}.study-action-row{flex-direction:column;gap:8px}.study-shell .katex-display{overflow:auto;max-width:100%;padding:4px 0}.admin-header-actions{margin-left:56px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:1rem!important;max-width:100%;min-height:44px}#mobile-nav-drawer{max-height:calc(100dvh - 64px);overflow-y:auto}#mobile-nav-drawer a{min-height:44px;align-content:center}main button,main a[role=button],main input[type=submit]{min-height:44px}main .grid>*{min-width:0}.post-body{overflow-wrap:anywhere}.post-body img,.post-body iframe{max-width:100%}.admin-main .grid{grid-template-columns:minmax(0,1fr)}.admin-main .flex{flex-wrap:wrap}.admin-main .whitespace-nowrap{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.predictor-pagination{align-items:center;justify-content:space-between}.predictor-results-table button:disabled{opacity:.65;cursor:not-allowed;white-space:normal;max-width:140px}.admin-sidebar-close{font-size:1.5rem}
@media(max-width:699px){.responsive-table-region:has(.predictor-results-table){overflow:visible}.predictor-results-table{min-width:0!important;display:block}.predictor-results-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.predictor-results-table tbody{display:grid;gap:20px}.predictor-results-table tr{display:block;padding:16px;border-bottom:2px solid hsl(var(--border))}.predictor-results-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:8px 0!important;white-space:normal;overflow-wrap:anywhere}.predictor-results-table td::before{content:attr(data-label);font-weight:600;color:hsl(var(--muted-foreground));font-family:inherit;font-size:.8rem}.predictor-results-table td:first-child{display:block;font-size:1rem}.predictor-results-table td:first-child::before{display:none}.predictor-results-table td:last-child{display:flex;flex-wrap:wrap;text-align:left}.predictor-results-table td:last-child::before{width:100%}.predictor-results-table td>span{align-self:start}.predictor-results-table td button{margin:0}.responsive-table-region:has(.predictor-results-table)+.scroll-cue{display:none}.responsive-table-region table:not(.predictor-results-table) th:first-child,.responsive-table-region table:not(.predictor-results-table) td:first-child{position:sticky;left:0;background:hsl(var(--card));z-index:1;min-width:120px;max-width:180px}.predictor-pagination{flex-direction:row}}
/* Utility styles are injected after this sheet; shared frame rules need scope. */
@media(max-width:1023px){.admin-frame .admin-sidebar{display:none}.admin-frame .admin-sidebar[data-open="true"]{display:flex}.admin-frame .admin-shell-content{width:100%}.admin-frame .admin-header{height:auto}.admin-frame .admin-main{padding:20px 16px}}
.kw-eyebrow{white-space:normal;overflow-wrap:anywhere;max-width:100%}.featured-snippet .flex{flex-wrap:wrap}.study-card .study-meta{white-space:normal}nav[aria-label="Breadcrumb"] li{min-width:0;max-width:100%}nav[aria-label="Breadcrumb"] li>svg{flex-shrink:0}
@media(max-width:699px){.study-shell,.post-body,.guide-card{overflow-wrap:anywhere}.study-card .study-meta{font-size:.875rem}.featured-snippet h2{overflow-wrap:anywhere}}
@media(max-width:1199px){.site-header .site-desktop-nav,.site-header .site-desktop-actions{display:none}.site-header .site-mobile-actions{display:flex}.site-header #mobile-nav-drawer:not(.hidden){display:block}.site-header #mobile-nav-drawer{max-height:calc(100dvh - 64px);overflow-y:auto}}
@media(min-width:1200px){.site-header .site-mobile-actions,.site-header #mobile-nav-drawer{display:none}}
@media(max-width:699px){.admin-header>div:first-child{min-width:0;width:100%;align-items:flex-start}.admin-header h1{min-width:0;flex:1}.admin-menu-toggle{flex-shrink:0}}
footer .space-x-6{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}footer .space-x-6>*{margin:0!important}.admin-header-actions{flex-wrap:wrap;min-width:0}
@media(max-width:699px){.admin-header-actions{max-width:calc(100% - 56px)}}
#pdf-reader-container.resource-load-failed,#pdf-reader-container.resource-load-failed #pdf-scroll-area,#pdf-reader-container.resource-load-failed #pdf-main-scroller{height:auto!important;min-height:0!important;max-height:none}#pdf-reader-container.resource-load-failed #pdf-main-scroller{padding:16px}#pdf-reader-container.resource-load-failed .study-button{border:1px solid hsl(var(--border));margin-left:12px}

/* Transparent brand asset; keep the Free badge green in either theme. */
.brand-logo{display:inline-block;position:relative;aspect-ratio:3/1;flex-shrink:0;background:transparent}
.brand-logo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.brand-logo .brand-logo-badge{display:none;clip-path:inset(0 0 0 70.5%)}
.dark .brand-logo .brand-logo-image{filter:brightness(0) invert(1)}
.dark .brand-logo .brand-logo-badge{display:block}
.post-body{min-width:0}
.article-data-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}

/* Sourced reading exercises: ordinary text, no charts or graphical encoding. */
.reading-lab{padding:24px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card));overflow-wrap:anywhere}
.reading-lab dl{margin:0 0 20px}.reading-lab dt{font-weight:750;line-height:1.5;margin-top:20px}.reading-lab dd{margin:6px 0 0;line-height:1.8}.reading-lab h3{font-size:1.15rem;line-height:1.5;margin:24px 0 12px}.reading-lab ol{padding-left:24px}.reading-lab details>p{line-height:1.8}.guide-faq{scroll-margin-top:90px}.guide-faq details{margin:12px 0}.guide-faq summary{padding:4px 0}.guide-faq details>p{line-height:1.8}
@media(max-width:699px){.reading-lab{padding:20px}}
/* Reviewed article comparisons: direct values, zero baselines, no chart runtime. */
.study-evidence{scroll-margin-top:90px;margin:28px 0;padding:24px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card));min-width:0;overflow-wrap:anywhere}
.study-evidence h3{font-size:1.2rem;line-height:1.5;margin:8px 0 12px}.study-evidence figcaption>p:not(.study-kicker){font-size:.9rem;line-height:1.7}.study-evidence .evidence-unit{font-size:.8rem;color:hsl(var(--muted-foreground));margin:20px 0 8px}
.evidence-plot{--series-width:0px;--value-width:34px}.evidence-grouped .evidence-plot{--series-width:74px}.evidence-axis{display:flex;justify-content:space-between;margin-left:calc(52px + var(--series-width));margin-right:calc(var(--value-width) + 8px);font-size:.75rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--muted-foreground)/.5);padding-bottom:5px}.evidence-axis span{transform:translateX(-50%)}.evidence-axis span:first-child{transform:none}.evidence-axis span:last-child{transform:translateX(50%)}
.evidence-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;margin:18px 0}.evidence-year{font-size:.85rem}.evidence-group{display:grid;gap:8px;min-width:0}.evidence-line{display:grid;grid-template-columns:66px minmax(0,1fr) var(--value-width);gap:8px;align-items:center;min-width:0}.evidence-single{grid-template-columns:minmax(0,1fr) var(--value-width)}.evidence-series{font-size:.75rem;line-height:1.35}.evidence-track{display:block;height:18px;border-left:1px solid hsl(var(--muted-foreground));background:hsl(var(--muted));min-width:0}.evidence-fill{display:block;height:100%;background:hsl(var(--primary));box-sizing:border-box}.evidence-series-1{background:transparent;border:2px solid hsl(var(--primary))}.evidence-value{font-size:.85rem;font-variant-numeric:tabular-nums;text-align:right}.study-evidence .evidence-takeaway{font-size:.9rem;line-height:1.8;padding-top:16px;border-top:1px solid hsl(var(--border))}.study-evidence .evidence-note,.study-evidence .evidence-sources{font-size:.8rem;line-height:1.7}.study-evidence .evidence-data{padding:0;border:0;margin:18px 0}.evidence-data>summary{font-size:.9rem}.evidence-data .table-scroll{margin-top:12px}.evidence-credit{margin:16px 0 0!important;font-size:.75rem;color:hsl(var(--muted-foreground));text-align:right}
@media(max-width:699px){.study-evidence{padding:18px}.study-evidence h3{font-size:1.1rem}.evidence-grouped .evidence-plot{--series-width:62px}.evidence-line{grid-template-columns:54px minmax(0,1fr) var(--value-width)}.evidence-single{grid-template-columns:minmax(0,1fr) var(--value-width)}}

/* Unified library and local editorial review, 20 October 2026. */
.library-category-links{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.library-category-links a{border:1px solid #d7dfd9;border-radius:999px;padding:.55rem .85rem;font-size:.86rem;background:#fff;color:#17344b}.library-category-links span{margin-left:.35rem;color:#52705e}.library-category-links a[aria-current=page],.library-pagination a[aria-current=page]{background:#17344b;color:white}.library-filters{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));align-items:end}.library-filters input,.library-filters select{width:100%;min-width:0}.library-pagination{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:2rem 0}.library-pagination a{padding:.6rem .9rem;background:#fff;border:1px solid #cad8cc;border-radius:.6rem}.review-banner{padding:1.2rem 1.5rem;background:#edf4e9;border:1px solid #bdceb5;border-radius:1rem;margin-bottom:1.6rem;color:#183b2d}.review-banner p{margin:.4rem 0 .8rem}.review-banner nav{display:flex;gap:.65rem 1.4rem;flex-wrap:wrap;font-size:.88rem}.review-banner a{text-decoration:underline;text-underline-offset:3px}.review-exam{margin:2.8rem 0}.teaching-visual{padding:1.25rem;border:1px solid #c8d7cf;border-radius:1rem;background:#f2f5ed;margin:1.6rem 0}.teaching-visual h3{font-size:1.2rem;margin:.4rem 0 1rem}.sequence-line{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid #d4dfd5}.sequence-line code{font-size:1rem;white-space:nowrap;letter-spacing:.04em}.teaching-ratio,.rolling-parts{display:flex;gap:1rem;flex-wrap:wrap}.teaching-ratio>div,.rolling-parts>div{padding:1rem;background:white;border:1px solid #d4dfd5;border-radius:.7rem;flex:1;min-width:150px}.teaching-ratio span{display:block;margin-top:.5rem}.teaching-note,.teaching-credit{font-size:.84rem;line-height:1.7}.teaching-credit{color:#596d60}.syllabus-group{border:1px solid #d4dfd5;border-radius:.8rem;padding:1rem;margin:1.4rem 0;min-width:0}.syllabus-group legend{font-weight:700;padding:0 .4rem}.syllabus-check{display:flex;align-items:flex-start;gap:.7rem;padding:.65rem .2rem;cursor:pointer;line-height:1.5}.syllabus-check input{width:1.1rem;height:1.1rem;flex-shrink:0;margin-top:.2rem;accent-color:#087554}.checklist-status{padding:.85rem;background:#edf4e9;border-radius:.6rem}.guide-card h2{overflow-wrap:anywhere}.teaching-visual code{overflow-wrap:normal}.review-exam .editorial-image{object-fit:contain;background:#f8f4eb}
@media(max-width:800px){.library-filters{grid-template-columns:1fr 1fr}.library-filters>div:first-child{grid-column:1/-1}}@media(max-width:480px){.library-filters{grid-template-columns:1fr}.library-filters>div:first-child{grid-column:auto}.review-banner{padding:1rem}.sequence-line{display:block}.sequence-line code{display:block;margin-top:.35rem;font-size:.95rem}.rolling-parts{display:block}.rolling-parts>span{display:block;text-align:center;padding:.35rem}.review-banner nav{display:grid;gap:.6rem}.teaching-ratio>div{min-width:0}.teaching-visual{padding:1rem}.syllabus-group{padding:.7rem}}

.concept-comparison{margin:1.2rem 0}.concept-comparison>div{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:1rem;padding:1rem;border-bottom:1px solid #d3ded6}.concept-comparison dt{font-weight:700}.concept-comparison dd{margin:0}.review-data-table{min-width:560px}.article-data-table{max-width:100%;overflow-x:auto}@media(max-width:600px){.concept-comparison>div{display:block;padding:1rem;border:1px solid #d3ded6;border-radius:.65rem;margin-bottom:.75rem}.concept-comparison dt{margin-bottom:.65rem}.concept-comparison dd+dd{margin-top:.45rem}.guide-reader .review-data-table th,.guide-reader .review-data-table td{word-break:normal;overflow-wrap:normal}}

.guide-reader [id^="section-"],.guide-reader .teaching-visual,.guide-reader #faq,.guide-reader #sources,.guide-reader #practice-task{scroll-margin-top:6rem}

/* Keep revision choices in the same curriculum context as practice. */
.resource-chooser{margin-bottom:24px}.resource-chooser-fields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px}.resource-chooser-fields>div{min-width:0}.resource-chooser label{display:block;font-weight:700;margin-bottom:8px}.resource-chooser select{width:100%;min-height:48px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}.resource-chooser select:disabled{opacity:.6}.resource-chooser-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.resource-chooser-action p{margin:0;color:hsl(var(--muted-foreground))}.resource-context-heading{margin:24px 0 20px}.resource-context-heading h3{font-size:1.4rem}.portal-resource h4{font-size:1.25rem;font-weight:700;margin:0 0 12px}.portal-resource .resource-count{font-size:.85rem;font-weight:600;margin:12px 0}.portal-resource>.study-text-link{display:inline-flex;margin-top:16px;min-height:44px;align-items:center}.resource-browse{margin-top:24px}.resource-browse summary{font-weight:700;cursor:pointer;min-height:44px;display:list-item;align-content:center}.resource-browse-exams{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:16px}.resource-browse-exams h3{font-size:1rem}.resource-chooser select:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}[data-resource-results][hidden]{display:none!important}
@media(max-width:699px){.resource-chooser-fields,.resource-browse-exams{grid-template-columns:1fr}.resource-chooser-action{align-items:stretch;flex-direction:column}.resource-chooser-action button{width:100%}.resource-context-heading{align-items:start;flex-direction:column}}
.neet-story-figure{position:relative;isolation:isolate;margin:28px 0;padding:26px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:18px;min-width:0;overflow-wrap:anywhere;scroll-margin-top:6rem}
.neet-story-figure:after{content:'TopAll';position:absolute;right:24px;bottom:70px;z-index:-1;font-size:3.5rem;font-weight:800;opacity:.035;pointer-events:none;color:hsl(var(--foreground))}
.story-figure-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.story-figure-top .study-kicker{margin:0}.story-figure-top img{width:90px;height:30px;object-fit:contain;flex-shrink:0}
.neet-story-figure h3{font-size:1.4rem;line-height:1.35;margin:0 0 10px}.neet-story-figure .story-scope{font-size:.875rem;line-height:1.6;margin:0 0 24px;color:hsl(var(--muted-foreground))}
.story-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.story-number{min-width:0}.story-number>span{font-weight:650;font-size:.9rem}.story-number>strong{display:block;font-size:1.65rem;line-height:1.5;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.story-number p{font-size:.8rem;line-height:1.5;margin:5px 0 0;color:hsl(var(--muted-foreground))}
.story-scale{display:flex;justify-content:space-between;font-size:.75rem;color:hsl(var(--muted-foreground));padding-bottom:8px;border-bottom:1px solid hsl(var(--border));margin-bottom:20px}.story-year{margin:24px 0}.story-year h4{margin:0 0 12px;font-size:1rem}.story-bar-row{margin:16px 0}.story-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:.9rem;margin-bottom:8px}.story-bar-label strong{font-variant-numeric:tabular-nums;white-space:nowrap}.story-bar-track{height:14px;background:hsl(var(--muted))}.story-bar-fill{height:100%;background:hsl(var(--primary))}.story-fill-muted{background:hsl(var(--foreground)/.35)}
.story-share-track{display:flex;height:28px;background:hsl(var(--muted));margin:20px 0}.story-share-track>span{background:hsl(var(--primary));height:100%}.story-seat-track{background:hsl(var(--foreground)/.3)}.story-share-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.story-share-labels strong,.story-share-labels span{display:block;font-size:.9rem;line-height:1.6}.story-share-labels span{font-size:.8rem;color:hsl(var(--muted-foreground))}.story-scope-label{padding:10px 14px;background:hsl(var(--primary)/.08);font-size:.85rem;font-weight:700;margin:16px 0}
.neet-story-figure .story-chart-note{font-size:.875rem;line-height:1.7;margin:20px 0}.story-data{margin-top:20px;border-top:1px solid hsl(var(--border));padding-top:8px}.story-data>summary{font-size:.875rem}.story-figure-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px;margin-top:12px;font-size:.75rem;color:hsl(var(--muted-foreground))}.story-figure-foot a{text-decoration:underline;text-underline-offset:3px}.review-new-story{padding:24px;background:hsl(var(--primary)/.04);border-radius:16px;margin-bottom:40px}.review-new-story .guide-card{margin-top:20px;max-width:780px}
@media(max-width:699px){.neet-story-figure{padding:20px 16px;border-radius:14px}.neet-story-figure h3{font-size:1.2rem}.story-number-grid{grid-template-columns:minmax(0,1fr);gap:18px}.story-number{padding-bottom:14px;border-bottom:1px solid hsl(var(--border))}.story-number:last-child{border:0;padding-bottom:0}.story-number>strong{font-size:1.85rem}.story-share-labels{grid-template-columns:minmax(0,1fr);gap:12px}.story-figure-top{gap:10px;align-items:flex-start}.story-figure-top .study-kicker{font-size:.7rem}.story-figure-top img{width:78px;height:26px}.review-new-story{padding:20px 16px}}
.story-state-explorer{margin-top:32px;padding-top:24px;border-top:1px solid hsl(var(--border))}.story-state-explorer h4{font-size:1.15rem;margin:0 0 16px}.story-state-explorer label{display:block;font-weight:650;font-size:.9rem;margin-bottom:8px}.story-state-explorer select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}.story-state-explorer select:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}.story-state-explorer [data-state-results]{padding-top:24px}.story-state-explorer .story-state-context{font-size:.8rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0}.story-state-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.story-state-rates dt{font-size:.8rem;line-height:1.5;color:hsl(var(--muted-foreground))}.story-state-rates dd{font-size:1.15rem;font-weight:700;margin:8px 0 0;font-variant-numeric:tabular-nums}.story-state-explorer [data-state-change]{font-size:.875rem;line-height:1.7}.story-state-table{width:100%;font-size:.85rem;border-collapse:collapse;margin-top:16px}.story-state-table caption{text-align:left;font-size:.8rem;line-height:1.6;padding-bottom:16px;color:hsl(var(--muted-foreground))}.story-state-table th,.story-state-table td{text-align:left;padding:10px 6px;border-bottom:1px solid hsl(var(--border))}.story-state-table td{font-variant-numeric:tabular-nums;white-space:nowrap}
.story-language-track{display:flex;height:30px;margin:24px 0}.story-language-track span{height:100%}.story-language-0{background:hsl(var(--primary))}.story-language-1{background:hsl(var(--foreground)/.45)}.story-language-2{background:hsl(var(--foreground)/.16)}.story-language-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-language-labels strong,.story-language-labels span{display:block;font-size:.85rem;line-height:1.7}.story-language-labels span{font-size:.8rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
@media(max-width:699px){.story-state-rates,.story-language-labels{grid-template-columns:minmax(0,1fr);gap:14px}.story-state-rates>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.story-state-rates dd{margin:0;flex-shrink:0}.story-state-table,.story-state-table tbody,.story-state-table caption{display:block;width:100%}.story-state-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.story-state-table tr{display:block;padding:12px 0;border-bottom:1px solid hsl(var(--border))}.story-state-table th[scope=row]{display:block;border:0;padding:8px 0;white-space:normal}.story-state-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0;padding:6px 0}.story-state-table td:before{content:attr(data-label);font-weight:500;color:hsl(var(--muted-foreground))}.story-language-labels>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}}
@media(max-width:699px){.guide-reader .responsive-table-region:has(.story-state-table){overflow:visible}.guide-reader .responsive-table-region .story-state-table{min-width:0!important;width:100%}.guide-reader .responsive-table-region .story-state-table th:first-child,.guide-reader .responsive-table-region .story-state-table td:first-child{position:static;min-width:0;max-width:none}.guide-reader .responsive-table-region:has(.story-state-table)+.scroll-cue{display:none}}

/* JEE uses the established annual-story figures and scoped local explorers. */
.jee-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jee-explorer label{display:block;font-size:.9rem;font-weight:650;margin:16px 0 8px}.jee-explorer select{width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid hsl(var(--border));border-radius:8px;padding:10px 12px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}.jee-control-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.jee-explorer [role=status],.jee-explorer [data-range-coverage]{font-size:.85rem;line-height:1.7;margin:16px 0}.jee-explorer input[type=range]{display:block;width:100%;min-height:48px;accent-color:hsl(var(--primary))}.jee-threshold-list{margin:20px 0}.jee-threshold-list>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid hsl(var(--border));font-size:.9rem}.jee-threshold-list span{font-variant-numeric:tabular-nums}.jee-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.jee-route-grid section{padding:16px;border:1px solid hsl(var(--border));border-radius:12px;min-width:0}.jee-route-grid h4{font-size:1rem;font-weight:700;margin:0 0 12px}.jee-route-grid p{font-size:.875rem;line-height:1.7}.jee-source-note{padding:16px;border-left:3px solid hsl(var(--primary));background:hsl(var(--primary)/.04);margin:20px 0}.jee-source-note summary{font-weight:700}.jee-story-figure .table-scroll th,.jee-story-figure .table-scroll td{font-size:.8rem}.jee-story-figure .table-scroll{margin-top:16px}.jee-story-figure select:focus-visible,.jee-story-figure input:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}
@media(max-width:699px){.jee-number-grid,.jee-control-grid,.jee-route-grid{grid-template-columns:minmax(0,1fr)}}

/* Source-backed admissions story; reuses the established data-story figure system. */
.admissions-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:24px 0 32px}.admissions-timeline li{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0 0 16px;border-bottom:2px solid hsl(var(--primary))}.admissions-timeline strong{font-size:1.75rem;line-height:1.4;font-variant-numeric:tabular-nums}.admissions-timeline time,.admissions-timeline li>span:not(.study-kicker){font-size:.85rem;color:hsl(var(--muted-foreground))}.admissions-destination-group+.admissions-destination-group{margin-top:32px;padding-top:20px;border-top:1px solid hsl(var(--border))}.admissions-destination-group h4{font-size:1rem;line-height:1.6}.admissions-method-note{margin:20px 0;padding:16px;border-left:3px solid hsl(var(--primary));background:hsl(var(--primary)/.04)}.admissions-method-note>summary{font-weight:650}.admissions-data-table{table-layout:fixed}.admissions-data-table th,.admissions-data-table td{overflow-wrap:anywhere;white-space:normal}.admissions-story-figure [hidden]{display:none!important}
@media(max-width:699px){.admissions-timeline{grid-template-columns:1fr;gap:18px}.admissions-timeline li{display:grid;grid-template-columns:1fr auto;column-gap:12px}.admissions-timeline strong{grid-column:2;grid-row:1/3}.admissions-timeline time{grid-column:1/-1}.admissions-data-table{min-width:0!important;table-layout:auto}.admissions-data-table td{white-space:normal}.admissions-data-table td:before{min-width:0;flex:1}.admissions-data-table td{min-width:0;flex-wrap:wrap}.admissions-story-figure select{font-size:1rem}}
/* JoSAA review explorers share the established TopAll story styles. */
.jee-admissions-figure select:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}
.jee-admissions-timeline strong{font-size:1.2rem}.jee-admissions-figure [data-pool-change]{font-variant-numeric:tabular-nums}

/* Six sourced review stories: reuse editorial tokens and native table regions. */
.six-explorer{display:grid;gap:1rem;min-width:0}
.six-explorer label{font-weight:700}
.six-explorer select{width:100%;max-width:100%;min-width:0;padding:.8rem;border:1px solid hsl(var(--border));border-radius:.65rem;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}
.six-explorer input[type=range]{width:100%;accent-color:var(--study-primary,#152875)}
.six-explorer select:focus-visible,.six-explorer input:focus-visible{outline:3px solid #6076c5;outline-offset:3px}
.six-story-figure .story-bar-label{gap:1rem;align-items:flex-start}
.six-story-figure .story-bar-label span{min-width:0;overflow-wrap:anywhere}
.six-story-figure .story-bar-label strong{white-space:nowrap}
.six-story-figure .table-scroll{max-width:100%;overflow-x:auto}
.six-story-figure table{min-width:0!important;width:100%;table-layout:fixed}
.six-story-figure th,.six-story-figure td{overflow-wrap:anywhere;white-space:normal}
.six-story-figure .story-data{min-width:0}
@media(max-width:600px){.six-story-figure .story-bar-label{font-size:.9rem}.six-story-figure th,.six-story-figure td{padding:.55rem .35rem;font-size:.8rem}}

.six-figure-logo{width:108px;height:36px}
@media(max-width:699px){.six-figure-logo{width:78px;height:26px}}

/* Source-backed explanatory graphics use live text, never generated chart labels. */
.six-infographic{margin:24px 0;min-width:0}
.six-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none!important;padding:0!important;margin:0!important}
.six-flow>li{position:relative;margin:0!important;border:1px solid hsl(var(--primary)/.18);border-radius:12px;padding:20px;background:hsl(var(--primary)/.035);min-width:0;overflow-wrap:anywhere}
.six-flow-label{display:block;font-size:.75rem;font-weight:750;letter-spacing:.025em;color:hsl(var(--muted-foreground));margin-bottom:10px}
.six-flow>li>strong{display:block;color:hsl(var(--primary));font-size:1.18rem;line-height:1.35}
.six-flow-stages .six-flow>li>strong{font-size:1.9rem;font-variant-numeric:tabular-nums}
.six-flow>li>p{font-size:.875rem;line-height:1.65;margin:10px 0 0}
.six-flow>li:nth-child(even){border-color:hsl(var(--secondary)/.4);background:hsl(var(--secondary)/.06)}
.six-flow-note{margin:16px 0 0!important;font-size:.825rem!important;line-height:1.7!important;color:hsl(var(--muted-foreground));border-left:3px solid hsl(var(--primary)/.4);padding-left:12px}
.six-flow-origin{font-weight:750;text-align:center;padding:18px;border-radius:12px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));margin:0 0 20px!important}
.six-flow-vacancy .six-flow,.six-flow-routes .six-flow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.editorial-artwork{position:relative;isolation:isolate;margin-bottom:20px;overflow:hidden;border-radius:10px;background:#f7f3e9}
.editorial-artwork>.editorial-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0!important;border-radius:0}
.editorial-artwork-brand{position:absolute;left:5%;top:7%;width:94px!important;height:auto!important;max-width:25%;margin:0!important;border-radius:0!important}
.review-new-story .guide-card{max-width:none;margin:0}
.review-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
@media(max-width:699px){.six-flow,.six-flow-vacancy .six-flow,.six-flow-routes .six-flow{grid-template-columns:minmax(0,1fr)}.six-flow>li{padding:16px}.review-story-grid{grid-template-columns:minmax(0,1fr)}}

/* Contextual infographic exports can be opened at full resolution. */
.editorial-infographic{display:block;color:inherit}
.editorial-infographic:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:5px}
.editorial-infographic-open{display:block;padding:8px 12px;text-align:right;font-size:.75rem;font-weight:650;background:#f3f3ee;color:#17265f}
.editorial-infographic:hover .editorial-infographic-open{text-decoration:underline;text-underline-offset:3px}

.guide-story-infographic{min-width:0;margin:0 0 28px;scroll-margin-top:96px}
.guide-story-infographic>.editorial-artwork{margin-bottom:0}
.guide-story-infographic>figcaption{margin-top:10px;font-size:.85rem;line-height:1.6;color:hsl(var(--muted-foreground))}

.guide-article-image{min-width:0;margin:0 0 28px;scroll-margin-top:96px}
.guide-article-image>figcaption{margin-top:10px;font-size:.85rem;line-height:1.6;color:hsl(var(--muted-foreground))}
.reader-artwork-link{display:block;overflow:hidden;border-radius:12px;color:inherit}
.reader-artwork-link>.editorial-image{border-radius:0}
.reader-artwork-link:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:5px}
.reader-artwork-link:hover .editorial-infographic-open{text-decoration:underline;text-underline-offset:3px}

/* Homepage daily learning loop */
.daily-warmup [hidden]{display:none!important}
.warmup-date{font-size:.85rem;color:hsl(var(--muted-foreground));white-space:nowrap}
.warmup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 8px}
.warmup-tracks{display:inline-flex;gap:4px;padding:4px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--muted)/.4)}
.warmup-track{min-height:44px;padding:8px 22px;border-radius:8px;font-weight:700;color:hsl(var(--muted-foreground))}
.warmup-track[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 2px 5px #0001}
.warmup-track:disabled{opacity:.7;cursor:wait}
.warmup-progress{font-size:.9rem;font-weight:600;margin:0!important}
.warmup-context{font-size:.9rem;font-weight:600;margin:20px 0 12px!important}
.warmup-context span{margin:0 8px;color:hsl(var(--muted-foreground))}
.warmup-followup{margin-top:16px;padding:22px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--muted)/.35)}
.warmup-followup p{margin:6px 0 18px!important;color:hsl(var(--muted-foreground));font-size:.95rem}
.warmup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.warmup-complete{margin-top:20px;padding:28px;border:1px solid hsl(var(--border));border-top:4px solid hsl(var(--primary));border-radius:14px;background:hsl(var(--muted)/.3)}
.warmup-complete h3{font-size:1.5rem;margin:8px 0 12px}
.warmup-review{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.warmup-review-button{padding:10px 14px;min-height:44px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:.9rem}
.warmup-note{font-size:.82rem!important;line-height:1.6;color:hsl(var(--muted-foreground));margin:16px 0!important}
.warmup-note a{text-decoration:underline}
.daily-warmup button:focus-visible,.daily-warmup a:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:4px}
.daily-warmup .mcq-explanation{overflow-wrap:anywhere}
@media(max-width:599px){.warmup-toolbar{align-items:flex-start;gap:12px}.warmup-followup,.warmup-complete{padding:18px}.warmup-actions{align-items:stretch;flex-direction:column;gap:14px}.warmup-actions .study-button{white-space:normal;text-align:center}.warmup-context{line-height:1.6}}

/* Recovered question-pattern tables retain legible labels on narrow readers. */
#question-pattern-chart .table-scroll{max-width:100%;overflow-x:auto}
#question-pattern-chart table{min-width:720px;width:100%;table-layout:auto}
#question-pattern-chart th,#question-pattern-chart td{word-break:normal;overflow-wrap:normal}
#question-pattern-chart tbody th,#question-pattern-chart td{white-space:nowrap}

/* Audited NEET comparison: contained tables, native form controls, readable sources. */
.paper-audit .table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid hsl(var(--border));border-radius:16px}
.paper-audit table{width:100%;min-width:850px;table-layout:auto}
.paper-audit th,.paper-audit td{word-break:normal;overflow-wrap:normal;vertical-align:top}
.paper-audit tbody th{min-width:130px;white-space:normal}
.paper-audit td.audit-references{min-width:260px;white-space:normal}
.audit-filter{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:24px 0}
.audit-filter label{display:grid;gap:8px;flex:1;min-width:160px;font-weight:600}
.audit-filter select{padding:12px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit;width:100%}
.audit-hash{white-space:normal;overflow-wrap:anywhere;display:block;min-width:180px;max-width:260px}
.paper-audit .pattern-year{margin:12px 0}
@media(max-width:699px){.paper-audit .study-card{padding:16px}.audit-filter{display:grid;grid-template-columns:1fr}.audit-filter label{min-width:0}.audit-filter button{width:100%}.paper-audit .evidence-series{word-break:normal;overflow-wrap:normal}}

/* Medical-college research follows the existing study portal components. */
.medical-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-items:end;margin:24px 0}
.medical-filter label{display:grid;gap:8px;font-weight:600;min-width:0}
.medical-filter input,.medical-filter select{width:100%;min-width:0;padding:12px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}
.medical-filter .study-action-row{grid-column:1/-1;flex-wrap:wrap}
.medical-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.medical-choices label{display:flex;align-items:start;gap:8px}.medical-choices input{margin-top:5px;flex:none}
.medical-colleges td,.medical-colleges th{vertical-align:top}.medical-colleges .table-scroll{margin:24px 0;max-width:100%;overflow-x:auto}.medical-colleges table{min-width:780px}
.medical-colleges caption{padding:12px;text-align:left;color:hsl(var(--muted-foreground))}.medical-colleges td,.medical-colleges th{padding:12px;border-bottom:1px solid hsl(var(--border));text-align:left}
.medical-colleges .audit-hash{overflow-wrap:anywhere;word-break:break-all;white-space:normal}.medical-note{padding:16px;border-left:3px solid hsl(var(--primary))}
.exam-in-numbers{margin:40px 0}.number-story-card h3{font-size:1.25rem;line-height:1.35}
@media(max-width:599px){.medical-filter,.medical-choices{grid-template-columns:minmax(0,1fr)}.medical-colleges .study-card{padding:16px}.medical-filter .study-action-row{align-items:stretch;flex-direction:column}.medical-colleges h1{overflow-wrap:anywhere}}

/* Shared public learning templates: compact inner-page variant of the portal. */
.study-shell.learning-hub{font-size:16px;line-height:1.6;padding-top:24px}
.study-shell.learning-hub h1{font-size:40px;line-height:1.2;margin:8px 0 16px;max-width:920px}
.study-shell.learning-hub h2{font-size:28px;line-height:1.25;margin:0 0 16px}
.study-shell.learning-hub h3,.learning-hub .study-card h2{font-size:20px;line-height:1.4;margin:0 0 12px}
.learning-hub p{margin:0 0 16px}.learning-hub .hub-heading{margin:24px 0 28px}.learning-hub .hub-lede{max-width:760px;color:hsl(var(--muted-foreground));font-size:17px}
.learning-hub .study-button{min-height:48px;border-radius:10px;font-size:16px;font-weight:700;padding:10px 18px;line-height:1.5}
.learning-hub .study-card{padding:24px;border-radius:14px;box-shadow:none;min-width:0}
.learning-hub .hub-section,.learning-hub .hub-editorial{margin:36px 0;scroll-margin-top:88px}.learning-hub .hub-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
.learning-hub .hub-help{font-size:14px;color:hsl(var(--muted-foreground));margin:12px 0}.learning-hub .hub-count{font-size:13px;font-weight:600;padding-left:8px}
.hub-search{padding:20px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card))}.hub-search>label{display:block;font-weight:700;margin-bottom:8px}.hub-search-row{display:flex;gap:12px}.hub-search-row input{flex:1;min-width:0;padding:12px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}
.hub-levels{border:0;padding:0;margin:18px 0 0}.hub-levels legend{font-size:14px;font-weight:700;margin-bottom:10px}.hub-levels,.hub-level-links{display:flex;flex-wrap:wrap;gap:8px}.hub-level{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid hsl(var(--border));border-radius:10px;cursor:pointer;font-size:14px;background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none}.hub-level input{accent-color:hsl(var(--primary));width:16px;height:16px;flex:none}.hub-level.is-selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08);color:hsl(var(--foreground));font-weight:700}.hub-level:has(input:focus-visible){outline:3px solid hsl(var(--primary));outline-offset:3px}.hub-unavailable{cursor:default;color:hsl(var(--muted-foreground))}
.hub-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hub-card-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.hub-card-actions a{min-height:44px;display:inline-flex;align-items:center}.hub-subject{display:flex;flex-direction:column}.hub-subject .hub-card-actions{margin-top:auto;padding-top:18px}.learning-hub .portal-link-list a{white-space:normal;overflow-wrap:anywhere}.hub-jump{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0;border-block:1px solid hsl(var(--border))}.hub-jump a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650}.hub-format-note,.hub-sources{border:1px solid hsl(var(--border));border-radius:10px;padding:14px 18px}.hub-format-note summary,.hub-sources summary{cursor:pointer;font-weight:650;min-height:24px}.hub-format-note p{margin-top:12px}.hub-editorial ul,.hub-editorial ol{padding-left:24px}.hub-editorial li{margin:8px 0}.hub-resource-grid .study-card h2{font-size:20px;line-height:1.4}.hub-resource-grid .hub-resource-preview{width:100%;height:140px;object-fit:contain;background:hsl(var(--muted));margin-bottom:16px;border-radius:8px}
.learning-hub .guide-filters{margin-bottom:24px}.learning-hub .library-pagination{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.learning-hub .library-pagination a{min-height:44px;display:inline-flex;align-items:center}
.practice-arrival{font-size:16px;line-height:1.6}.practice-arrival .practice-summary{padding:12px 16px;margin:12px 0}.practice-arrival .practice-summary>.space-y-3{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.practice-arrival .practice-summary .practice-progress-bar{display:none}.practice-arrival .practice-summary .grid{display:flex;gap:16px;margin:0!important}.practice-arrival .practice-summary .grid>div{display:flex;gap:5px;align-items:center;border:0;background:transparent;padding:0}.practice-arrival .practice-summary .grid svg{display:none}.practice-arrival .practice-summary .grid span{font-size:16px}.practice-arrival .practice-summary h3{font-size:14px}.practice-arrival .practice-summary .grid>div>div{margin:0}.practice-arrival .practice-arrival-heading{margin:16px 0}.practice-arrival h1{font-size:30px;line-height:1.25}.practice-arrival .practice-arrival-heading p{margin:8px 0}.practice-arrival>nav{margin:12px 0}
@media(max-width:899px){.hub-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.study-shell.learning-hub{padding-top:16px}.study-shell.learning-hub h1{font-size:30px;margin:6px 0 12px}.study-shell.learning-hub h2{font-size:24px}.study-shell.learning-hub h3,.learning-hub .study-card h2{font-size:20px}.learning-hub .hub-heading{margin:18px 0 22px}.learning-hub .hub-lede{font-size:16px}.learning-hub .study-card{padding:20px}.hub-chapter-grid{grid-template-columns:minmax(0,1fr)}.hub-search{padding:16px}.hub-search-row{flex-direction:column;gap:8px}.hub-level{padding:9px 10px}.learning-hub .hub-section,.learning-hub .hub-editorial{margin:28px 0}.learning-hub .hub-primary-actions{gap:8px}.learning-hub .hub-primary-actions .study-button{padding:10px 14px;font-size:14px}.learning-hub .hub-primary-actions .study-button-primary{width:100%}.practice-arrival h1{font-size:26px}.practice-arrival .practice-summary>.space-y-3{gap:8px}.practice-arrival .practice-summary .grid{gap:12px}.hub-resource-grid .study-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.learning-hub *{scroll-behavior:auto;transition:none!important}}

.learning-hub ol{list-style:decimal;padding-left:24px}.learning-hub li{margin-bottom:8px}

/* Resource browsing retains visual previews and an inline player on every chapter. */
.hub-totals{display:flex;flex-wrap:wrap;gap:12px 32px;margin:20px 0}.hub-totals>div{display:flex;flex-direction:column-reverse}.hub-totals dt{font-size:14px;color:hsl(var(--muted-foreground))}.hub-totals dd{margin:0;font-size:24px;font-weight:800}
.hub-resource-counts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.hub-resource-counts a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 14px;border:1px solid hsl(var(--border));border-radius:10px;text-decoration:none}.hub-resource-counts strong{font-size:13px;background:hsl(var(--primary)/.08);padding:2px 7px;border-radius:5px}
.hub-chapter-menu{border:1px solid hsl(var(--border));border-radius:12px;margin:20px 0;background:hsl(var(--card))}.hub-chapter-menu>summary{padding:14px 18px;font-weight:750;cursor:pointer;min-height:48px}.hub-chapter-menu>summary>span{margin-left:10px;color:hsl(var(--muted-foreground));font-size:14px;font-weight:500}.hub-chapter-menu nav{border-top:1px solid hsl(var(--border));padding:12px;max-height:420px;overflow:auto}.hub-chapter-menu ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}.hub-chapter-menu li{margin:0;min-width:0}.hub-chapter-menu a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px;border-radius:8px;padding:8px;text-decoration:none;overflow-wrap:anywhere}.hub-chapter-menu a:hover,.hub-chapter-menu a[aria-current]{background:hsl(var(--primary)/.08)}.hub-chapter-menu small{color:hsl(var(--muted-foreground))}
.hub-resource-section{margin:28px 0;scroll-margin-top:88px}.hub-resource-section>.study-section-heading h3{font-size:24px}.hub-resource-card{align-self:start}.hub-resource-card h2,.hub-resource-card h3,.hub-resource-card h4{font:750 20px/1.4 'Plus Jakarta Sans',sans-serif;margin:16px 0 10px}.hub-resource-card h2 a,.hub-resource-card h3 a,.hub-resource-card h4 a{text-decoration:none}.hub-resource-card>p{margin:10px 0}.hub-resource-card .hub-card-actions{margin-top:16px;flex-wrap:wrap}
.hub-media-preview,.hub-map-preview{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:hsl(var(--muted));margin:12px 0}.hub-video-poster{display:block;width:100%;height:100%;position:relative;color:white}.hub-video-poster img,.hub-map-preview img{width:100%;height:100%;object-fit:cover}.hub-map-preview img{object-fit:contain}.hub-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:44px;border-radius:12px;background:#b91c1c;color:white;font-size:22px;box-shadow:0 2px 10px #0003}.hub-media-caption{position:absolute;bottom:8px;left:8px;background:#111c;color:white;padding:4px 8px;border-radius:5px;font-size:12px}.hub-media-preview iframe{width:100%;height:100%;border:0}.hub-close-video{position:absolute;right:8px;top:8px;min-height:36px;background:#fff;color:#17204d;border-radius:7px;border:1px solid #b9bfd4;padding:5px 10px;font-weight:700}
.hub-pdf-preview{margin:12px 0;border:1px solid hsl(var(--border));border-radius:10px;overflow:hidden}.hub-pdf-preview>summary{display:flex;align-items:center;gap:14px;padding:14px;cursor:pointer;min-height:112px;list-style:none;background:hsl(var(--primary)/.04);font-weight:750}.hub-pdf-preview summary>span:last-child{margin-left:auto}.hub-pdf-preview small{display:block;margin-top:5px;font-size:13px;font-weight:400;color:hsl(var(--muted-foreground))}.hub-pdf-cover{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:10px;width:55px;height:72px;flex:none;border-radius:5px;background:white;border:1px solid #ced3e2;color:#8a2020;font-size:13px;box-shadow:2px 3px 0 #cfd5e5}.hub-document-lines{height:20px;background:repeating-linear-gradient(to bottom,#c5cbdb 0,#c5cbdb 2px,transparent 2px,transparent 7px)}.hub-pdf-viewer{padding:12px;font-size:14px}.hub-pdf-viewer canvas{display:block;max-width:100%;height:auto;background:white}.hub-pdf-viewer details{margin:12px 0}.hub-pdf-viewer [data-preview-text]{max-height:220px;overflow:auto;white-space:pre-wrap}.hub-pdf-preview[open]>summary{min-height:60px}.hub-pdf-preview[open] .hub-pdf-cover{display:none}.hub-resource-card :focus-visible,.hub-chapter-menu :focus-visible,.hub-resource-counts :focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}
@media(max-width:899px){.hub-chapter-menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.hub-chapter-menu ul{grid-template-columns:minmax(0,1fr)}.hub-chapter-menu nav{max-height:340px}.hub-totals{gap:12px 24px}.hub-totals dd{font-size:22px}.hub-resource-section>.study-section-heading{align-items:start;gap:12px}.hub-resource-section>.study-section-heading h3{font-size:22px}.hub-resource-section>.study-section-heading>a{font-size:14px}.hub-resource-card h4{font-size:20px}}