.scientific-v01-page {
  --sheikh-accent: #176c55;
  --abridged-accent: #a97b35;
  --original-accent: #715a39;
  background:
    radial-gradient(circle at 92% 7%, rgb(24 112 90 / 10%), transparent 28rem),
    radial-gradient(circle at 6% 14%, rgb(216 184 122 / 15%), transparent 25rem),
    var(--warm-50);
}

.scientific-header .header-actions { justify-content: flex-end; }

.version-chip,
.status-chip,
.time-chip,
.relation-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.45;
}

.version-chip {
  padding: 0.55rem 0.85rem;
  color: var(--green-900);
  background: var(--gold-100);
  border: 1px solid rgb(169 123 53 / 28%);
}

.v01-hero { padding-block: clamp(3.25rem, 7vw, 6.2rem); }

.v01-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.65fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 4.5rem);
}

.v01-hero h1 { font-size: clamp(3rem, 8vw, 6.2rem); }
.v01-intro { max-width: 760px; color: var(--muted); font-size: 1.03rem; }

.review-notice {
  padding: clamp(1.4rem, 3vw, 2rem);
  border: 1px solid rgb(169 123 53 / 42%);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, var(--white), var(--gold-100));
  box-shadow: var(--shadow);
}

.review-notice strong {
  display: block;
  margin-block-end: 0.65rem;
  color: var(--danger);
  font-family: "Amiri Local", "Amiri", serif;
  font-size: 1.45rem;
}

.review-notice p { color: var(--muted); }
.review-notice span { color: var(--green-800); font-size: 0.83rem; font-weight: 800; }

.source-key { padding-block: 1.1rem; border-block: 1px solid var(--border); background: rgb(255 255 255 / 72%); }
.source-key-grid { display: flex; flex-wrap: wrap; gap: 0.65rem; }

.source-key-item {
  padding: 0.55rem 0.8rem;
  border: 1px solid var(--border);
  border-inline-start-width: 5px;
  border-radius: var(--radius-sm);
  background: var(--white);
  font-size: 0.82rem;
  font-weight: 800;
}

.sheikh-key { border-inline-start-color: var(--sheikh-accent); }
.abridged-key { border-inline-start-color: var(--abridged-accent); }
.original-key { border-inline-start-color: var(--original-accent); }

.scientific-content { padding-block: clamp(3rem, 7vw, 6rem); }
.v01-heading { margin-block-end: 2rem; }
.v01-heading > p { max-width: 570px; color: var(--muted); }
.loading-state,
.error-state { padding: 2rem; border-radius: var(--radius-md); background: var(--white); text-align: center; }
.error-state { color: var(--danger); }

.clip-group {
  margin-block-end: clamp(3.2rem, 8vw, 6.2rem);
  scroll-margin-block-start: 7rem;
}

.group-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
  align-items: center;
  gap: 1.5rem;
  margin-block-end: 1.4rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid rgb(4 44 35 / 13%);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--green-50), var(--white));
}

.group-context h2 { font-size: clamp(1.55rem, 4vw, 2.25rem); }
.group-context p { margin: 0.4rem 0 0; color: var(--muted); }
.group-video { width: 100%; max-height: 240px; border-radius: var(--radius-md); background: var(--green-950); }
.benefit-list { display: grid; gap: 1.5rem; }

.scientific-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--white);
  box-shadow: 0 14px 45px rgb(4 44 35 / 6%);
}

.scientific-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-block-end: 1px solid var(--border);
  background: linear-gradient(120deg, rgb(230 240 235 / 70%), rgb(255 255 255 / 96%));
}

.benefit-number { display: block; margin-block-end: 0.25rem; color: var(--gold-600); font-size: 0.78rem; font-weight: 900; }
.scientific-card-head h3 { overflow-wrap: anywhere; }
.card-statuses { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 0.45rem; }
.status-chip { padding: 0.38rem 0.65rem; color: var(--green-900); background: var(--green-100); }
.status-chip.review { color: var(--danger); background: #f8e9e4; }

.source-panel { padding: clamp(1.25rem, 3vw, 2rem); border-block-end: 1px solid var(--border); }
.source-panel:last-child { border-block-end: 0; }
.source-panel.sheikh-source { border-inline-start: 6px solid var(--sheikh-accent); background: linear-gradient(120deg, rgb(241 247 244 / 78%), var(--white)); }
.source-panel.abridged-source { border-inline-start: 6px solid var(--abridged-accent); }
.source-panel.original-source { border-inline-start: 6px solid var(--original-accent); background: #fdfbf7; }

.source-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: 1rem;
}

.source-heading h4 {
  margin: 0;
  color: var(--green-950);
  font-family: "Amiri Local", "Amiri", serif;
  font-size: 1.4rem;
}

.source-heading p { margin: 0.2rem 0 0; color: var(--muted); font-size: 0.8rem; }
.time-chip { flex: 0 0 auto; padding: 0.35rem 0.65rem; color: var(--white); background: var(--green-800); direction: ltr; }
.source-quote { margin: 0; color: var(--ink); font-family: "Amiri Local", "Amiri", serif; font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 2; }
.sheikh-audio { margin-block-start: 1rem; }
.benefit-video { width: min(100%, 620px); max-height: 270px; border-radius: var(--radius-md); background: var(--green-950); }
.source-actions { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-block-start: 1rem; }
.source-actions .button { min-height: 40px; padding: 0.5rem 0.8rem; font-size: 0.82rem; }

.book-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.55fr);
  align-items: start;
  gap: clamp(1.25rem, 3vw, 2.2rem);
}

.book-copy { min-width: 0; }
.page-meta { display: flex; flex-wrap: wrap; gap: 0.45rem 0.9rem; margin-block-start: 0.8rem; color: var(--muted); font-size: 0.8rem; }
.page-preview { min-width: 0; }
.page-gallery { display: grid; gap: 1rem; }
.page-preview a { display: block; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--warm-100); }
.page-preview img { width: 100%; height: auto; }
.page-preview figcaption { margin-block-start: 0.55rem; color: var(--muted); font-size: 0.75rem; text-align: center; }
.mobile-page-preview { display: none; margin-block-start: 1rem; }
.mobile-page-preview summary { cursor: pointer; color: var(--green-800); font-weight: 800; }
.mobile-page-preview .page-preview { margin-block-start: 0.8rem; }
.relation-chip { padding: 0.34rem 0.62rem; color: #5f4825; background: var(--gold-100); }
.no-original { padding: 1rem; border: 1px dashed var(--border); border-radius: var(--radius-sm); color: var(--muted); background: var(--warm-50); }
.editor-note { margin: 0; color: var(--muted); font-size: 0.83rem; }
.v01-footer { padding-block: 2rem; border-block-start: 1px solid var(--border); color: var(--muted); background: var(--warm-100); text-align: center; }
.v01-footer p { margin: 0; }

@media (max-width: 820px) {
  .scientific-header { min-height: 78px; }
  .scientific-header .logo-frame { width: 58px; height: 58px; }
  .scientific-header .logo-frame img { width: 54px; height: 54px; }
  .scientific-header .brand small { display: none; }
  .v01-hero-grid,
  .group-context { grid-template-columns: 1fr; }
  .v01-heading { display: block; }
  .v01-heading > p { margin-block-start: 0.75rem; }
}

@media (max-width: 700px) {
  .shell { width: min(100% - 1.1rem, 1180px); }
  .scientific-header { align-items: center; }
  .scientific-header .brand-kicker,
  .scientific-header .button { display: none; }
  .scientific-header .brand strong { font-size: 1.1rem; }
  .version-chip { padding: 0.42rem 0.62rem; font-size: 0.7rem; }
  .v01-hero { padding-block: 2.7rem; }
  .source-key-grid { display: grid; grid-template-columns: 1fr; }
  .scientific-content { padding-block: 2.6rem; }
  .scientific-card-head,
  .source-heading { display: block; }
  .card-statuses { justify-content: flex-start; margin-block-start: 0.75rem; }
  .source-heading .time-chip,
  .source-heading .relation-chip { margin-block-start: 0.6rem; }
  .book-layout { display: block; }
  .book-layout > .desktop-page-gallery { display: none; }
  .mobile-page-preview { display: block; }
  .source-quote { font-size: 1.2rem; line-height: 1.95; }
  .source-actions { display: grid; grid-template-columns: 1fr; }
  .source-actions .button { width: 100%; }
}

@media (max-width: 390px) {
  .scientific-header .logo-frame { width: 48px; height: 48px; }
  .scientific-header .logo-frame img { width: 45px; height: 45px; }
  .scientific-header .brand strong { max-width: 175px; font-size: 0.96rem; }
  .scientific-card-head,
  .source-panel,
  .group-context { padding: 1.05rem; }
}

/* Full scientific index */
[hidden] { display: none !important; }

.full-hero h1 { font-size: clamp(2.8rem, 7vw, 5.7rem); }
.source-notice strong { color: var(--green-900); }

.scientific-tools {
  padding-block: clamp(2.4rem, 5vw, 4rem);
  border-block-end: 1px solid var(--border);
  background: rgb(255 255 255 / 58%);
}

.tools-heading { margin-block-end: 1.25rem; }
.results-summary { color: var(--green-800); font-weight: 800; }

.scientific-filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(155px, 0.65fr)) auto;
  align-items: end;
  gap: 0.85rem;
}

.scientific-filters label { display: grid; gap: 0.35rem; color: var(--green-900); font-size: 0.8rem; font-weight: 800; }
.scientific-filters input,
.scientific-filters select {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--ink);
  background: var(--white);
}

.session-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.7rem;
  margin-block-start: 1.25rem;
}

.session-nav a,
.session-nav-disabled {
  display: grid;
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--white);
  text-decoration: none;
}

.session-nav a:hover { border-color: var(--gold-600); }
.session-nav-disabled { opacity: 0.72; }
.session-nav strong { color: var(--green-900); }
.session-nav a > span,
.session-nav-disabled > span { color: var(--muted); font-size: 0.75rem; }
.full-scientific-content { padding-block-start: clamp(2.5rem, 5vw, 4rem); }

.session-scientific-section {
  margin-block-end: clamp(4rem, 9vw, 7rem);
  scroll-margin-block-start: 7rem;
}

.session-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: 1.4rem;
  padding-block-end: 0.85rem;
  border-block-end: 2px solid var(--gold-400);
}

.session-section-heading > span { color: var(--green-800); font-weight: 800; }
.full-clip-group { margin-block-end: 2.5rem; }

.group-accordion {
  display: block;
  margin-block-end: 1rem;
  padding: 0;
  overflow: hidden;
}

.group-accordion > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  cursor: pointer;
  list-style: none;
}

.group-accordion > summary::-webkit-details-marker,
.benefit-accordion > summary::-webkit-details-marker { display: none; }
.group-accordion > summary small { display: block; color: var(--gold-600); font-weight: 800; }
.group-accordion > summary strong { display: block; color: var(--green-950); font-family: "Amiri Local", "Amiri", serif; font-size: 1.45rem; }
.group-accordion > summary > span:last-child { color: var(--green-800); font-size: 0.8rem; font-weight: 800; }
.group-accordion > summary > span:last-child::after { content: " +"; }
.group-accordion[open] > summary > span:last-child::after { content: " −"; }

.group-media {
  padding: 0 1.2rem 1.2rem;
  border-block-start: 1px solid var(--border);
  padding-block-start: 1.2rem;
}

.group-media .group-video { width: min(100%, 680px); }
.benefit-accordion { scroll-margin-block-start: 7rem; }
.benefit-accordion > .scientific-card-head { cursor: pointer; list-style: none; }
.benefit-accordion > .scientific-card-head::after {
  content: "+";
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: var(--white);
  background: var(--green-800);
  font-weight: 900;
}

.benefit-accordion[open] > .scientific-card-head::after { content: "−"; }
.benefit-accordion > .scientific-card-head .time-chip { margin-inline-start: auto; }
.benefit-list { gap: 0.85rem; }
.benefit-accordion[open] { box-shadow: var(--shadow); }
.benefit-content { min-width: 0; }

.benefit-navigation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  padding: 1rem;
  border-block-start: 1px solid var(--border);
  background: var(--warm-50);
}

.internal-review-panel {
  margin: 1rem;
  padding: 1.15rem;
  border: 2px dashed #934938;
  border-radius: var(--radius-md);
  color: #5f2f24;
  background: #fff7f3;
}

.internal-review-panel h4 { margin: 0 0 0.8rem; font-size: 1.05rem; }
.internal-review-panel dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; margin: 0 0 0.8rem; }
.internal-review-panel dl div { min-width: 0; padding: 0.65rem; border-radius: var(--radius-sm); background: var(--white); }
.internal-review-panel dt { color: var(--muted); font-size: 0.72rem; }
.internal-review-panel dd { margin: 0; overflow-wrap: anywhere; font-family: monospace; font-size: 0.78rem; }
.internal-review-panel p { margin: 0; }
.review-mode .version-chip { color: #fff; background: #934938; }
.internal-overview { display: none; }
.review-mode .internal-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin-block-start: 1rem;
  padding: 1rem;
  border: 2px dashed #934938;
  border-radius: var(--radius-md);
  color: #5f2f24;
  background: #fff7f3;
}
.internal-overview strong { flex-basis: 100%; }
.internal-overview span { font-weight: 800; }

@media (max-width: 1040px) {
  .scientific-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scientific-search { grid-column: 1 / -1; }
  .session-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .internal-review-panel dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .tools-heading,
  .session-section-heading { display: block; }
  .session-section-heading > span { display: block; margin-block-start: 0.45rem; }
  .scientific-filters { grid-template-columns: 1fr; }
  .scientific-search { grid-column: auto; }
  .session-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-accordion > summary { align-items: flex-start; }
  .group-accordion > summary > span:last-child { max-width: 90px; text-align: end; }
  .benefit-accordion > .scientific-card-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .benefit-accordion > .scientific-card-head .time-chip { grid-column: 1; grid-row: 2; margin: 0.6rem 0 0; justify-self: start; }
  .benefit-accordion > .scientific-card-head::after { grid-column: 2; grid-row: 1 / 3; }
  .benefit-navigation { grid-template-columns: 1fr; }
  .internal-review-panel dl { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
  .session-nav { grid-template-columns: 1fr; }
  .group-accordion > summary,
  .group-media { padding-inline: 1rem; }
}