/* The Atlas is a single tool with two complementary ways to explore. */
#atlasFeature{order:8;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:40px;padding:32px;margin:32px 0 10px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:12px;color:var(--ds-text)}
.atlas-feature-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.atlas-feature-kicker{margin:0 0 14px;font-size:10px;font-weight:600;letter-spacing:1.7px;color:var(--ds-accent)}
#atlasFeature h2{font:600 30px/1.2 var(--ds-font);letter-spacing:-.8px;margin:0 0 16px}
.atlas-feature-intro>p:not(.atlas-feature-kicker){font:14px/1.8 var(--ds-font);max-width:38ch;color:var(--ds-muted);margin:0 0 20px}
.atlas-feature-meta{font:11px/1.5 var(--ds-font);color:var(--ds-muted)}
.atlas-feature-options{border-left:1px solid var(--ds-border);padding-left:28px}
.atlas-feature-option{display:grid;grid-template-columns:85px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:20px 0;min-height:144px;text-decoration:none;color:var(--ds-text)}
.atlas-feature-option+.atlas-feature-option{border-top:1px solid var(--ds-border)}
.atlas-feature-ar{font:32px/1.6 'Scheherazade New',serif;color:var(--ds-accent);text-align:center}
.atlas-feature-description{display:flex;flex-direction:column;gap:8px}
.atlas-feature-label{font:600 9px/1.5 var(--ds-font);letter-spacing:1.2px;color:var(--ds-muted)}
#atlasFeature h3{font:600 19px/1.2 var(--ds-font);letter-spacing:-.3px;margin:0;color:var(--ds-text)}
.atlas-feature-description>span:last-child{font:13px/1.7 var(--ds-font);color:var(--ds-muted);max-width:42ch}
.atlas-feature-arrow{display:grid;place-items:center;width:24px;height:24px;color:var(--ds-accent);font-size:22px;transition:transform .18s ease}
.atlas-feature-option:hover .atlas-feature-arrow{transform:translate(2px,-2px)}
.atlas-feature-option:hover h3{color:var(--ds-accent)}
.atlas-feature-bars{display:flex;gap:4px;align-items:flex-end;justify-content:center;height:22px;margin-top:3px;direction:ltr}
.atlas-feature-bars i{display:block;width:6px;background:var(--ds-accent);height:12px;opacity:.55}
.atlas-feature-bars i:nth-child(2){height:20px}.atlas-feature-bars i:nth-child(3){height:15px}.atlas-feature-bars i:nth-child(4){height:8px}.atlas-feature-bars i:nth-child(5){height:17px}.atlas-feature-bars i:nth-child(6){height:11px}.atlas-feature-bars i:nth-child(7){height:5px}
@media(max-width:700px){#atlasFeature{grid-template-columns:1fr;gap:22px;padding:24px 20px;margin:24px 0 0}.atlas-feature-options{border-left:0;border-top:1px solid var(--ds-border);padding:0}#atlasFeature h2{font-size:27px}#atlasFeature h2 br{display:none}.atlas-feature-intro>p:not(.atlas-feature-kicker){max-width:none;margin-bottom:14px}.atlas-feature-option{grid-template-columns:62px minmax(0,1fr) 20px;gap:12px;min-height:144px}.atlas-feature-ar{font-size:28px}.atlas-feature-description>span:last-child{font-size:12px}.atlas-feature-arrow{width:20px}}
@media(prefers-reduced-motion:reduce){.atlas-feature-arrow{transition:none}}

#home>.research-discovery{order:8;min-width:0}
#home>.reading-modes{order:4;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-surface);overflow:hidden}
.reading-modes>a{display:flex;flex-direction:column;gap:10px;padding:24px;text-decoration:none;color:var(--ds-text)}
.reading-modes>a+a{border-left:1px solid var(--ds-border)}
.reading-mode-label{font:600 10px/1.5 var(--ds-font);letter-spacing:1.3px;color:var(--ds-muted)}
.reading-modes strong{display:flex;justify-content:space-between;gap:16px;font:600 19px/1.4 var(--ds-font)}
.reading-modes a>span:last-child{font:13px/1.7 var(--ds-font);color:var(--ds-muted);max-width:46ch}
.reading-modes a:hover strong{color:var(--ds-accent)}
.research-entry{display:inline-flex;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid var(--ds-accent);color:var(--ds-accent);text-decoration:none;font:600 14px/1.5 var(--ds-font)}
.reading-modes a:focus-visible,.research-entry:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-4px}
@media(max-width:700px){#home>.reading-modes{grid-template-columns:1fr;margin:16px 0}.reading-modes>a{padding:20px}.reading-modes>a+a{border-left:0;border-top:1px solid var(--ds-border)}.reading-modes strong{font-size:18px}}

.reflection-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:16px}.reflection-actions>*{font:12px var(--ds-font);color:var(--ds-accent);min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.reflection-actions button{background:none;border:1px solid var(--ds-border);border-radius:6px;padding:10px 14px}.reflection-arabic{max-height:240px;overflow:auto}