/* Atlas entry point. The external tracing remains complete at every size. */
.page-eeg_atlas .page-title { color: var(--text-color); font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 650; letter-spacing: -.035em; margin: 1.75rem 0 .65rem; }
.page-eeg_atlas .course-byline { max-width: 72ch; margin: 0 auto 1.35rem; padding: 0 1rem; text-align: center; color: var(--text-secondary); line-height: 1.65; }
#eeg-atlas-container { max-width: 1080px; margin: 0 auto 3rem; padding: 0 1.5rem; display: grid; gap: 1rem; }
.atlas-resource, .atlas-reading-guide { padding: clamp(1.2rem, 2.5vw, 1.75rem); border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--surface-1); box-shadow: var(--shadow-sm); }
.atlas-resource h2, .atlas-reading-guide h2 { color: var(--text-color); font-size: 1.35rem; font-weight: 650; letter-spacing: -.025em; margin: 0 0 .75rem; }
.atlas-resource p, .atlas-reading-guide p, .atlas-reading-guide li { max-width: 76ch; color: var(--text-color); line-height: 1.65; }
.atlas-resource .atlas-eyebrow { color: var(--text-secondary); font-size: .77rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .6rem; }
.atlas-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: 1.15rem 0; }
.atlas-actions a, .atlas-actions button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: var(--control-height); padding: .7rem 1rem; border-radius: var(--radius-sm); font: inherit; font-size: .92rem; font-weight: 600; line-height: 1.4; cursor: pointer; }
.atlas-primary-link { color: var(--action-ink); background: var(--action-bg); border: 1px solid var(--action-bg); text-decoration: none; }
.atlas-primary-link:hover { color: var(--action-ink); background: var(--action-hover); }
.atlas-actions button { color: var(--text-color); background: var(--surface-2); border: 1px solid var(--border-color); }
.atlas-actions button:hover { background: var(--surface-3); border-color: var(--accent-color); }
.atlas-resource .atlas-access-note, .atlas-embed-note { color: var(--text-secondary); font-size: .86rem; line-height: 1.6; }
.atlas-reading-guide { background: var(--surface-2); box-shadow: none; }
.atlas-reading-guide ol { padding-left: 1.35rem; margin: .7rem 0 1rem; }
.atlas-reading-guide li + li { margin-top: .55rem; }
#atlas-iframe-wrapper { scroll-margin-top: 85px; }
#atlas-iframe-wrapper[hidden] { display: none; }
.atlas-embed-note { margin: 0 0 .75rem; }
#atlas-iframe { display: block; width: 100%; height: min(70dvh, 650px); min-height: 280px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: #fff; }
.atlas-actions :focus-visible { outline: 3px solid var(--accent-color); outline-offset: 3px; }
@media (max-width: 600px) { #eeg-atlas-container { padding: 0 1rem; } .atlas-actions { align-items: stretch; flex-direction: column; } }