/* Human origins feature: shared research reading components, a distinct copper/teal visual identity. */
.origins-research { --earth-accent:#d9ac86; --earth-panel:#1b1918; --earth-line:#38302c; --earth-muted:#aba6a1; background:#121110; }
html:not([data-theme="dark"]) .origins-research { --earth-accent:#855035; --earth-panel:#e9e1d6; --earth-line:#cfc1b3; --earth-muted:#655f57; background:#f2efe6; }
.origins-hero { background:radial-gradient(ellipse at 80% 35%,#70402c22,transparent 60%); padding-top:7rem; }
.origins-hero .earth-opening-grid { grid-template-columns:1.05fr 1fr; gap:2.5rem; }
.origins-hero .earth-intro h1 { font-size:clamp(3.5rem,6.5vw,6.5rem); line-height:1.02; margin-block:1.3rem 1.5rem; }
.origins-hero .earth-intro { padding-bottom:2rem; }
.origins-hero .earth-back { margin-bottom:2.5rem; }
.origins-hero .earth-deck { max-width:29rem; font-size:1.05rem; }
.origins-hero .earth-opening-note { margin-top:2rem; }
.origins-lab { background:#100e10; color:#e8ded6; border:1px solid #44352f; border-radius:7px; overflow:hidden; box-shadow:0 25px 100px #0003; }
.origins-lab-head { display:flex; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; font:8px monospace; letter-spacing:.1em; color:#ae9583; border-bottom:1px solid #382b26; }
.origins-lab-head i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#e6b18a; margin-right:.5rem; box-shadow:0 0 12px #e6b18a; }
.origins-stage { position:relative; aspect-ratio:.95; isolation:isolate; touch-action:pan-y; cursor:grab; background:radial-gradient(ellipse at 50% 45%,#38242255,transparent 65%); }
.origins-stage:active { cursor:grabbing; }
.origins-stage canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.origins-static { position:absolute; inset:12%; display:grid; place-items:center; color:#d9ac86; border:1px solid #d9ac8622; border-radius:50%; }
.origins-static span { font-size:10rem; }
.origins-stage.is-rendered .origins-static { display:none; }
.origins-axis { position:absolute; top:1rem; left:1rem; color:#97897d; font:8px/1.8 monospace; }
.origins-axis span { opacity:.5; }
.origins-visual-label { position:absolute; bottom:1rem; left:1.1rem; right:1.1rem; pointer-events:none; }
.origins-visual-label>span { color:#d9ac86; font:9px monospace; letter-spacing:.1em; }
.origins-research .origins-visual-label p { color:#b6a69f !important; font-size:.7rem; line-height:1.7; max-width:300px; margin:.4rem 0 0; }
.origins-controls { display:flex; align-items:center; justify-content:flex-end; gap:.3rem; padding:.6rem .7rem; border-top:1px solid #382b26; }
.origins-controls>div { margin-right:auto; display:flex; gap:.3rem; }
.origins-controls button { padding:.6rem .7rem; font:inherit; font-size:.65rem; color:#b6a69f; background:transparent; border:1px solid transparent; border-radius:3px; cursor:pointer; }
.origins-controls button[aria-pressed="true"] { border-color:#d9ac8655; color:#eac1a4; background:#d9ac8615; }
.origins-controls button:hover { color:#fff; background:#ffffff08; }
.origins-research main .origins-visual-note { padding:.65rem 1.1rem; margin:0; color:#988b82 !important; font-size:.6rem; line-height:1.6; border-top:1px solid #382b26; }
.origins-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); }
.origins-evidence-strip>div { border-right:1px solid var(--earth-line); }
.origins-evidence-strip>div:last-child { border:0; }
.origins-evidence-strip span, .origins-label { font-size:.58rem; color:var(--earth-accent); letter-spacing:.1em; }
.origins-evidence-strip p { font-size:.8rem; margin:.5rem 0 0; }
.origins-research .earth-chapter h2 { font-size:clamp(2.25rem,4vw,3.9rem); }
.origins-research .earth-index nav a { padding:.75rem 0; }
.origins-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; }
.origins-terms>div+div { border-left:1px solid var(--earth-line); padding-left:1.5rem; }
.origins-terms span { color:var(--earth-accent); font-size:.6rem; letter-spacing:.12em; }
.origins-terms h3 { font-size:1.5rem; margin:.7rem 0; }
.origins-terms p { font-size:.83rem; line-height:1.75; margin-bottom:0; }
.origins-report-feature { margin-block:2.3rem; background:linear-gradient(120deg,var(--earth-panel),transparent); padding:2.4rem; border-top:1px solid var(--earth-accent); border-bottom:1px solid var(--earth-line); }
.origins-report-feature>span { color:var(--earth-accent); font-size:.57rem; line-height:1.8; letter-spacing:.1em; }
.origins-report-feature blockquote { color:var(--earth-text); font:400 clamp(2rem,3vw,3rem)/1.2 'Anthropic Serif',Georgia,serif; margin:1.3rem 0; }
.origins-report-feature p { font-size:.78rem; line-height:1.8; margin-bottom:0; }
.origins-source-comparison { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-block:2rem; }
.origins-source-comparison article { border:1px solid var(--earth-line); padding:1.5rem; }
.origins-source-comparison article>span { font-size:.55rem; letter-spacing:.1em; color:var(--earth-accent); }
.origins-source-comparison h3 { font-size:1.3rem; margin-top:1rem; }
.origins-source-comparison p { font-size:.82rem; line-height:1.8; }
.origins-source-comparison a { font-size:.7rem; }
.origins-book { display:grid; grid-template-columns:180px 1fr; gap:2rem; margin-block:2.4rem; align-items:center; }
.origins-book-spine { min-height:250px; display:flex; flex-direction:column; align-items:flex-start; padding:1.7rem 1.4rem; background:linear-gradient(90deg,#38271f 0,#513827 4%,#3c2b22 7%,#2b211c); color:#e5c7a5; border:1px solid #806245; box-shadow:12px 12px 28px #0002; transform:perspective(650px) rotateY(-7deg); }
.origins-book-spine>span { font-size:.5rem; letter-spacing:.12em; }
.origins-book-spine strong { font:400 1.8rem/1.05 'Anthropic Serif',Georgia,serif; margin:2rem 0; }
.origins-book-spine em { color:#d69b72; font-weight:400; }
.origins-book-spine small { font-size:.4rem; letter-spacing:.1em; margin-top:auto; }
.origins-book h3 { margin-top:.8rem; font-size:1.5rem; }
.origins-book p { font-size:.85rem; }
.origins-time-explorer { border:1px solid var(--earth-line); background:var(--earth-panel); padding:1.7rem; margin-block:2.5rem; border-radius:5px; }
.origins-time-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.origins-time-head h3 { font-size:1.5rem; margin:.7rem 0; }
.origins-time-head>div:last-child { display:flex; gap:.3rem; }
.origins-time-head button, .origins-environments button { background:transparent; color:var(--earth-muted); padding:.6rem .7rem; border:1px solid var(--earth-line); border-radius:3px; font:inherit; font-size:.65rem; cursor:pointer; }
.origins-time-head button[aria-pressed="true"], .origins-environments button[aria-pressed="true"] { background:var(--earth-accent); color:#13110f; border-color:var(--earth-accent); }
html:not([data-theme="dark"]) .origins-time-head button[aria-pressed="true"], html:not([data-theme="dark"]) .origins-environments button[aria-pressed="true"] { color:#fff; }
.origins-time-axis { margin:2rem 0 1rem 170px; display:flex; justify-content:space-between; font-size:.55rem; color:var(--earth-muted); }
.origins-time-row { display:grid; grid-template-columns:155px 1fr; gap:1rem; align-items:center; padding-block:.8rem; }
.origins-time-row>button { padding:.4rem .5rem; border:1px solid transparent; border-radius:2px; text-align:left; background:transparent; color:var(--earth-text); cursor:pointer; font:inherit; }
.origins-time-row>button[aria-pressed="true"] { border-color:var(--earth-accent); }
.origins-time-row small { display:block; margin-top:.4rem; font-size:.5rem; line-height:1.5; color:var(--earth-muted); }
.origins-time-track { height:22px; position:relative; border-inline:1px solid var(--earth-line); background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),var(--earth-line) 25%); }
.origins-time-track span { position:absolute; top:7px; height:8px; border-radius:1px; background:#dba981; }
.origins-time-row:nth-of-type(4) .origins-time-track span { background:#86b6af; }
.origins-time-row:nth-of-type(5) .origins-time-track span { background:#cbbf8d; }
.origins-time-detail { padding:1.3rem 0 0; border-top:1px solid var(--earth-line); margin-top:1rem; }
.origins-time-detail>span { font-size:.55rem; color:var(--earth-accent); letter-spacing:.1em; }
.origins-time-detail h4 { font:400 1.6rem 'Anthropic Serif',Georgia,serif; margin:.6rem 0; color:var(--earth-text) !important; }
.origins-time-detail p { font-size:.85rem; line-height:1.8; }
.origins-time-detail a { font-size:.7rem; }
.origins-research .origins-time-note { font-size:.7rem; line-height:1.7; margin-bottom:0; }
.origins-researchers { display:grid; gap:0; margin-block:2rem; }
.origins-researchers article { position:relative; border-top:1px solid var(--earth-line); padding:1.5rem 0 1.5rem 1.5rem; }
.origins-researchers article:before { content:''; width:5px; height:5px; position:absolute; top:1.8rem; left:0; border-radius:50%; background:var(--earth-accent); }
.origins-researchers article>span { font-size:.57rem; color:var(--earth-accent); letter-spacing:.1em; }
.origins-researchers h3 { font-size:1.5rem; margin:1rem 0; }
.origins-researchers p { font-size:.9rem; }
.origins-selection-lab { padding:1.7rem; border:1px solid var(--earth-line); border-radius:5px; background:var(--earth-panel); margin-block:2rem; }
.origins-selection-head h3 { margin-top:1rem; font-size:1.8rem; }
.origins-environments { display:flex; flex-wrap:wrap; gap:.4rem; margin-block:1.4rem; }
.origins-organisms { display:grid; grid-template-columns:repeat(10,1fr); gap:12px; padding:1.5rem; background:#302b28; border:1px solid #ffffff18; border-radius:4px; }
.origins-organisms[data-habitat="light"] { background:#dcd2c2; }
.origins-organisms>span { width:min(100%,13px); aspect-ratio:1; border-radius:50%; background:#29231e; justify-self:center; box-shadow:0 0 0 1px #b6a28855; }
.origins-organisms>span[data-variant="light"] { background:#e3d6bb; box-shadow:0 0 0 1px #8f806866; }
.origins-selection-controls { margin-top:1.5rem; }
.origins-selection-controls label { display:flex; justify-content:space-between; color:var(--earth-text); font-size:.8rem; }
.origins-selection-controls input { display:block; width:100%; margin:1rem 0; accent-color:var(--earth-accent); cursor:pointer; min-height:24px; }
.origins-population-key { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem; font-size:.65rem; color:var(--earth-muted); }
.origins-population-key i { display:inline-block; width:7px; height:7px; margin-right:.3rem; background:#554538; border:1px solid #8a7a65; border-radius:50%; }
.origins-population-key>span+span i { background:#e3d6bb; }
.origins-population-key b { margin-left:.4rem; font-weight:400; color:var(--earth-text); }
.origins-research .origins-simulation-note { margin-bottom:0; font-size:.68rem; line-height:1.8; }
.origins-verse-list { margin-block:2rem; }
.origins-verse-list>a { display:block; position:relative; border-top:1px solid var(--earth-line); padding:1.6rem 2.5rem 1.6rem 0; text-decoration:none; }
.origins-verse-list>a>span { color:var(--earth-accent); font-size:.6rem; letter-spacing:.1em; }
.origins-verse-list h3 { font-size:1.45rem; margin:.9rem 0; }
.origins-verse-list p { font-size:.85rem; line-height:1.8; margin-bottom:0; }
.origins-verse-list b { position:absolute; top:1.6rem; right:.5rem; font-weight:400; }
.origins-conclusion { background:var(--earth-panel); padding:2.2rem; margin-block:2rem; border:1px solid var(--earth-line); border-left:2px solid var(--earth-accent); }
.origins-conclusion>span, .origins-conclusion-questions>span { font-size:.58rem; color:var(--earth-accent); letter-spacing:.1em; }
.origins-research .origins-conclusion p { font:400 2rem/1.4 'Anthropic Serif',Georgia,serif !important; color:var(--earth-text) !important; margin-bottom:0; }
.origins-conclusion-questions { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--earth-line); }
.origins-conclusion-questions p { font-size:.85rem; }
.origins-sources-list li:before { content:counter(source) !important; min-width:1.2rem; }
@media(max-width:1100px) { .origins-hero .earth-opening-grid { gap:1.6rem; } .origins-hero .earth-intro h1 { font-size:clamp(3.5rem,6.7vw,5.5rem); } .origins-lab-head { font-size:6px; } }
@media(max-width:760px) { .origins-hero { padding-top:6rem; } .origins-hero .earth-opening-grid { grid-template-columns:1fr; gap:1rem; } .origins-hero .earth-intro h1 { font-size:clamp(3.4rem,12.5vw,5.5rem); } .origins-hero .earth-back { margin-bottom:2rem; } .origins-stage { aspect-ratio:1.05; } .origins-evidence-strip { gap:1rem; } .origins-evidence-strip span { font-size:.47rem; } .origins-evidence-strip p { font-size:.65rem; line-height:1.6; } .origins-source-comparison { grid-template-columns:1fr; } .origins-book { grid-template-columns:140px 1fr; gap:1.4rem; } .origins-book-spine { padding:1.3rem 1rem; min-height:220px; } .origins-book-spine strong { font-size:1.5rem; } .origins-book h3 { font-size:1.25rem; } .origins-book p { font-size:.8rem; } .origins-time-explorer, .origins-selection-lab { padding:1.2rem; } .origins-time-axis { margin-left:0; font-size:.5rem; } .origins-time-row { grid-template-columns:125px 1fr; gap:.6rem; } .origins-time-row button { font-size:.8rem; } .origins-time-row small { font-size:.45rem; } .origins-organisms { gap:10px; padding:1.2rem; } .origins-research .origins-conclusion p { font-size:1.6rem; } }
@media(max-width:420px) { .origins-hero .earth-intro h1 { font-size:12vw; } .origins-book { grid-template-columns:1fr; } .origins-book-spine { width:150px; min-height:210px; } .origins-terms { gap:1rem; } .origins-terms>div+div { padding-left:1rem; } .origins-terms h3 { font-size:1.2rem; } .origins-report-feature { padding:1.5rem; } .origins-controls button { padding:.6rem .5rem; font-size:.58rem; } .origins-controls { gap:.1rem; } .origins-time-row { grid-template-columns:110px 1fr; } }
/* Keep dates readable and the selected species heading legible in either theme. */
.origins-research .origins-time-detail h4 { color:var(--earth-text) !important; }
.origins-time-row small { font-size:.62rem; }
/* Section 06: a reading of creation passages alongside scientific questions. */
.origins-quran-study { margin-top:3rem; padding-top:2.5rem; border-top:1px solid var(--earth-line); scroll-margin-top:8rem; }
.origins-study-heading>h3 { font-size:clamp(2rem,3.5vw,3rem); line-height:1.15; margin:1rem 0 1.5rem; }
.origins-research main .origins-study-note { font-size:.76rem; line-height:1.8; }
.origins-verse-study { padding:2rem 0; border-top:1px solid var(--earth-line); margin-top:1.7rem; scroll-margin-top:8rem; }
.origins-verse-study>header { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.origins-verse-study>header>span { color:var(--earth-accent); font-size:.6rem; letter-spacing:.1em; }
.origins-verse-study>header>a { font-size:.73rem; text-decoration:none; }
.origins-research .origins-verse-study h4,
.origins-research .origins-comparison h4,
.origins-research .origins-study-method h4 { color:var(--earth-text) !important; font:400 1.65rem/1.25 'Anthropic Serif',Georgia,serif; margin:1.1rem 0 1.3rem; }
.origins-research .origins-quran-arabic[lang="ar"] { font-family:'Noto Naskh Arabic',serif !important; font-size:clamp(1.45rem,2.6vw,1.9rem); line-height:2.15; letter-spacing:0; direction:rtl; text-align:right; color:var(--earth-text) !important; max-width:none; margin:1.6rem 0 .8rem; padding:1.2rem 1.4rem; background:var(--earth-panel); border-inline-start:2px solid var(--earth-accent); overflow-wrap:normal; }
.origins-excerpt-label { display:block; color:var(--earth-muted); font-size:.67rem; line-height:1.6; margin-bottom:1.5rem; }
.origins-verse-reading { margin:1.5rem 0; padding-left:1rem; border-left:1px solid var(--earth-line); }
.origins-verse-reading>span { color:var(--earth-accent); font-size:.57rem; letter-spacing:.1em; }
.origins-verse-reading p { font-size:.92rem; line-height:1.85; margin:.5rem 0 0; }
.origins-comparison { margin-block:2rem 3rem; }
.origins-comparison-scroll { overflow-x:auto; border:1px solid var(--earth-line); border-radius:4px; }
.origins-comparison table { width:100%; min-width:560px; border-collapse:collapse; text-align:left; }
.origins-comparison caption { text-align:left; padding:1rem; color:var(--earth-muted); font-size:.7rem; border-bottom:1px solid var(--earth-line); }
.origins-comparison th, .origins-comparison td { padding:1rem; border-bottom:1px solid var(--earth-line); vertical-align:top; color:var(--earth-muted); font:400 .8rem/1.7 'Anthropic Sans',sans-serif !important; }
.origins-comparison thead th { background:var(--earth-panel); color:var(--earth-text); font-weight:600 !important; }
.origins-comparison tbody tr:last-child>* { border-bottom:0; }
.origins-comparison tbody th { white-space:nowrap; }
.origins-study-method { padding:2rem; background:var(--earth-panel); border:1px solid var(--earth-line); scroll-margin-top:8rem; }
.origins-study-method .origins-quran-arabic { padding-inline:0; background:transparent; border:0; }
.origins-study-domains { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:2rem; border-block:1px solid var(--earth-line); padding-block:1.5rem; }
.origins-study-domains>div>span { font-size:.55rem; letter-spacing:.08em; color:var(--earth-accent); }
.origins-study-domains>div>p { font-size:.8rem; line-height:1.7; margin:.6rem 0 0; }
.earth-index nav a.origins-subindex { padding:.3rem 0 .8rem 1.2rem; border:0; color:var(--earth-accent); }
.earth-index nav a.origins-subindex b { font-size:.65rem; }
@media(max-width:760px) { .origins-verse-study { padding-block:1.5rem; } .origins-research .origins-quran-arabic[lang="ar"] { padding:.9rem; font-size:1.5rem; } .origins-study-method { padding:1.2rem; } .origins-study-domains { grid-template-columns:1fr; gap:1.2rem; } .origins-study-method .origins-quran-arabic[lang="ar"] { padding-inline:0; } }