/* Nuh flood research note. Uses earth-research shared components with a deep-water visual identity. */
.nuh-flood-research { --earth-accent:#6eb5c0; --earth-panel:#121716; --earth-line:#303533; --earth-muted:#c4c1ba; background:#0d1110; }
html:not([data-theme="dark"]) .nuh-flood-research { --earth-accent:#1a6b7a; --earth-panel:#e8e6df; --earth-line:#cecec4; --earth-muted:#4a4f4c; background:#f2efe6; }
.flood-hero { background:radial-gradient(ellipse at 75% 40%,#1a4a5a22,transparent 60%); padding-top:7rem; }
.flood-hero .earth-opening-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
.flood-hero .earth-intro h1 { font-size:clamp(3.5rem,6.5vw,6.5rem); line-height:1.02; margin-block:1.3rem 1.5rem; }
.flood-hero .earth-intro { padding-bottom:2rem; }
.flood-hero .earth-back { margin-bottom:2.5rem; }
.flood-hero .earth-deck { max-width:30rem; font-size:1.05rem; }
.flood-evidence-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; padding-block:1.6rem; margin-top:2.5rem; border-block:1px solid var(--earth-line); }
.flood-evidence-strip>div { border-right:1px solid var(--earth-line); }
.flood-evidence-strip>div:last-child { border:0; }
.flood-evidence-strip span { font-size:.58rem; color:var(--earth-accent); letter-spacing:.1em; }
.flood-evidence-strip p { font-size:.8rem; margin:.5rem 0 0; }
.nuh-flood-research .earth-chapter h2 { font-size:clamp(2.25rem,4vw,3.9rem); }
.flood-terms { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin:2rem 0; border-block:1px solid var(--earth-line); padding-block:1.6rem; }
.flood-terms>div+div { border-left:1px solid var(--earth-line); padding-left:1.5rem; }
.flood-terms span { color:var(--earth-accent); font-size:.6rem; letter-spacing:.12em; }
.flood-terms h3 { font-size:1.5rem; margin:.7rem 0; }
.flood-terms p { font-size:.83rem; line-height:1.75; margin-bottom:0; }
.flood-culture-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-block:2.5rem; }
.flood-culture-grid article { border:1px solid var(--earth-line); padding:1.3rem; }
.flood-culture-head { margin-bottom:1rem; }
.flood-culture-head>span { font-size:.55rem; letter-spacing:.1em; color:var(--earth-accent); }
.flood-culture-head h3 { font-size:1.2rem; line-height:1.25; margin:.5rem 0; }
.flood-date { display:block; font-size:.55rem; color:var(--earth-muted); margin-top:.3rem; }
.flood-culture-grid p { font-size:.8rem; line-height:1.75; }
.flood-quran-passages { margin-block:2.5rem; display:grid; gap:1rem; }
.flood-quran-passages article { padding:1.5rem; border:1px solid var(--earth-line); border-left:2px solid var(--earth-accent); }
.flood-quran-passages article>a { font-size:.6rem; color:var(--earth-accent); letter-spacing:.1em; text-decoration:none; }
.flood-quran-passages .origins-quran-arabic { font-family:'Noto Naskh Arabic',serif; font-size:1.4rem; line-height:2.1; direction:rtl; text-align:right; margin:.9rem 0; padding:.8rem; background:var(--earth-panel); border-inline-start:2px solid var(--earth-accent); }
.flood-quran-passages p { font-size:.85rem; line-height:1.8; margin-bottom:0; }
.flood-black-sea { margin-block:2rem; }
.flood-black-sea-diagram { display:grid; grid-template-columns:1fr 50px 1fr; align-items:center; gap:1rem; padding:2rem; background:var(--earth-panel); border:1px solid var(--earth-line); border-radius:5px; }
.flood-bs-before, .flood-bs-after { text-align:center; }
.flood-bs-before span, .flood-bs-after span { font-size:.55rem; color:var(--earth-accent); letter-spacing:.1em; }
.flood-bs-before strong, .flood-bs-after strong { display:block; font:400 1.4rem 'Anthropic Serif',Georgia,serif; margin:.5rem 0; color:var(--earth-text); }
.flood-bs-before small, .flood-bs-after small { font-size:.7rem; color:var(--earth-muted); line-height:1.6; }
.flood-bs-arrow { text-align:center; }
.flood-bs-arrow span { font-size:2rem; color:var(--earth-accent); }
.flood-bs-arrow small { display:block; font-size:.55rem; color:var(--earth-muted); margin-top:.3rem; }
.flood-hypothesis { margin-block:2.5rem; }
.flood-hypothesis-step { display:grid; grid-template-columns:48px 1fr; gap:1.2rem; padding:1.5rem 0; border-top:1px solid var(--earth-line); align-items:start; }
.flood-hypothesis-step>span { width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--earth-accent); border-radius:50%; color:var(--earth-accent); font:1rem monospace; }
.flood-hypothesis-step h4 { font:400 1.25rem 'Anthropic Serif',Georgia,serif; margin:0 0 .6rem; color:var(--earth-text); }
.flood-hypothesis-step p { font-size:.88rem; line-height:1.8; margin:0; }
.flood-conclusion { background:var(--earth-panel); padding:2.2rem; margin-block:2rem; border:1px solid var(--earth-line); border-left:2px solid var(--earth-accent); }
.nuh-flood-research .earth-statement p { color:var(--earth-text); }
@media(max-width:1100px) { .flood-culture-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:760px) {
  .flood-hero { padding-top:6rem; }
  .flood-hero .earth-opening-grid { grid-template-columns:1fr; gap:1rem; }
  .flood-hero .earth-intro h1 { font-size:clamp(3.4rem,12.5vw,5.5rem); }
  .flood-hero .earth-back { margin-bottom:2rem; }
  .flood-visual { min-height:0; }
  .flood-evidence-strip { gap:1rem; }
  .flood-evidence-strip span { font-size:.47rem; }
  .flood-evidence-strip p { font-size:.65rem; line-height:1.6; }
  .flood-culture-grid { grid-template-columns:1fr; }
  .flood-black-sea-diagram { grid-template-columns:1fr; gap:.5rem; padding:1.2rem; }
  .flood-bs-arrow span { font-size:1.4rem; transform:rotate(90deg); }
  .flood-terms { gap:1rem; }
  .flood-terms>div+div { padding-left:1rem; }
  .flood-terms h3 { font-size:1.2rem; }
  .flood-hypothesis-step { grid-template-columns:38px 1fr; gap:.8rem; }
  .flood-hypothesis-step>span { width:38px;height:38px;font-size:.85rem; }
}