/* CNS Atlas: shared educational landing and sources pages. */
#landing {
  --paper:#edf1f6; --ink:#101d2e; --sub:#a9b8ca; --rule:#3b526d; --accent:#9dc5f2;
  color:#edf1f6; background:#101d2e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.6; overflow-x:hidden; text-align:left;
}
#landing *, #landing *::before, #landing *::after {box-sizing:border-box}
#landing a {color:inherit; text-underline-offset:5px}
#landing button {font:inherit}
#landing :is(a,button):focus-visible {outline:2px solid #9dc5f2;outline-offset:5px}
#landing .edu-nav {max-width:1380px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule)}
#landing .edu-brand {text-decoration:none;display:flex;align-items:baseline;gap:10px;font-size:19px;letter-spacing:.01em;font-weight:650;white-space:nowrap}
#landing .edu-brand span {font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:22px}
#landing .edu-nav-links {display:flex;align-items:center;gap:30px;font-size:13px}
#landing .edu-nav-links a {text-decoration:none;color:#c3cedd}
#landing .edu-nav-links a:hover {color:#fff}
#landing .edu-nav-links .edu-nav-cta {border:1px solid #718aa9;padding:10px 17px;border-radius:3px;color:#fff}
#landing .edu-hero {max-width:1380px;margin:auto;padding:76px 5% 66px;display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:center;min-height:580px}
#landing .edu-kicker {font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#9dc5f2;font-weight:650;margin:0 0 25px}
#landing h1 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,5.25vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.035em;text-shadow:none;color:#edf1f6;margin:0;max-width:12ch;text-wrap:balance}
#landing h1 em {font-weight:400;color:#9dc5f2}
#landing .edu-lead {font-size:17px;line-height:1.75;color:#becbdd;max-width:48ch;margin:27px 0 0}
#landing .edu-actions {display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}
#landing .edu-button {display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#b7d4f5;color:#172c43;border:1px solid #b7d4f5;border-radius:3px;text-decoration:none;padding:13px 22px;font-size:14px;font-weight:650;cursor:pointer;box-shadow:none;transition:background .15s}
#landing .edu-button:hover {background:#e3efff}
#landing .edu-text-link {font-size:14px;font-weight:500;color:#d7e2f1}
#landing .edu-meta {font-size:12px;color:#aebdd2;margin:23px 0 0}
#landing .edu-figure {margin:0;position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#landing .edu-figure-image {position:relative;border:1px solid #3b526d;border-radius:2px;background:#142337;aspect-ratio:1.04;overflow:hidden;display:grid;place-items:center}
#landing .edu-figure-image img {display:block;width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
#landing .edu-plate-label {position:absolute;top:20px;left:22px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a9b8ca}
#landing .edu-figure figcaption {display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:11px;color:#a9b8ca;line-height:1.5}
#landing .edu-figure figcaption span:first-child {color:#d7e2f1}
#landing .edu-band {border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:1242px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding:25px 0}
#landing .edu-band p {margin:0;font-size:13px;color:#a9b8ca;line-height:1.6}
#landing .edu-band strong {display:block;color:#edf1f6;font-size:14px;font-weight:550;margin-bottom:3px}
#landing .edu-curriculum {background:#edf1f6;color:#101d2e;padding:80px max(5%,calc((100vw - 1242px)/2)) 88px;margin-top:65px}
#landing .edu-section-head {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:38px}
#landing .edu-section-head .edu-kicker {color:#436384;margin-bottom:15px}
#landing h2 {font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.025em;line-height:1.14;color:inherit;margin:0;text-wrap:balance}
#landing .edu-section-head>p {font-size:15px;line-height:1.8;color:#536780;margin:0;max-width:46ch}
#landing .edu-lessons {border-top:1px solid #c8d3e0}
#landing .edu-lesson {display:grid;grid-template-columns:42px minmax(0,1.05fr) minmax(0,1fr) 30px;gap:24px;padding:24px 3px;border-bottom:1px solid #c8d3e0;text-decoration:none;align-items:center;transition:background .15s}
#landing .edu-lesson:hover {background:#e1e8f1}
#landing .edu-lesson-no {font-size:11px;color:#627993;font-variant-numeric:tabular-nums;letter-spacing:.06em}
#landing .edu-lesson-title {font-size:19px;font-family:Georgia,serif;color:#192d45;line-height:1.25}
#landing .edu-lesson-desc {color:#566a82;font-size:13px;line-height:1.65}
#landing .edu-lesson-arrow {font-size:22px;color:#345e8c;text-align:right}
#landing .edu-method {max-width:1380px;margin:auto;padding:82px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}
#landing .edu-method>div>p {font-size:15px;color:#b5c5db;line-height:1.8;max-width:42ch}
#landing .edu-steps {list-style:none;counter-reset:step;padding:0;margin:0;border-top:1px solid var(--rule)}
#landing .edu-steps li {counter-increment:step;display:grid;grid-template-columns:35px 1fr;gap:16px;border-bottom:1px solid var(--rule);padding:21px 0}
#landing .edu-steps li::before {content:"0" counter(step);font-size:11px;color:#93afcf;padding-top:4px}
#landing .edu-steps strong {font-size:16px;font-weight:550;color:#edf1f6}
#landing .edu-steps p {font-size:13px;line-height:1.75;margin:5px 0 0;color:#a9b8ca}
#landing .edu-evidence {max-width:1242px;margin:0 auto 72px;padding:32px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;gap:40px;align-items:center;justify-content:space-between}
#landing .edu-evidence strong {font-size:15px;font-weight:550}
#landing .edu-evidence p {font-size:13px;line-height:1.8;color:#b3c3da;margin:8px 0 0;max-width:78ch}
#landing .edu-evidence>a {font-size:13px;white-space:nowrap;color:#d4e3f5}
#landing .edu-footer {border-top:1px solid var(--rule);max-width:1380px;margin:auto;padding:28px 5% 38px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}
#landing .edu-footer p {font-size:11px;color:#a9b8ca;margin:7px 0 0;max-width:63ch;line-height:1.8}
#landing .edu-footer nav {display:flex;gap:23px;font-size:12px;color:#c4d2e5}
#landing .edu-footer nav a {text-decoration:none}
#landing .edu-article {max-width:900px;margin:auto;padding:68px 5% 90px}
#landing .edu-article h1 {max-width:15ch;font-size:clamp(42px,5vw,64px)}
#landing .edu-article h2 {font-size:28px;margin:40px 0 16px}
#landing .edu-article p,#landing .edu-article li {font-size:15px;color:#c1ccdd;line-height:1.85}
#landing .edu-article ul {padding-left:20px}
#landing .edu-article li {margin:10px 0}
#landing .edu-article table {border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}
#landing .edu-article th,#landing .edu-article td {border-bottom:1px solid #3b526d;padding:14px 0;text-align:left}
#landing .edu-article th {color:#d9e6f7;font-weight:550}
#landing .edu-article td {color:#becde2}
#landing .edu-note {border-left:2px solid #9dc5f2;padding:3px 0 3px 22px;margin:30px 0}
#landing .edu-note p {margin:0}
@media(min-width:1500px) {#landing .edu-curriculum{padding-left:calc((100vw - 1242px)/2);padding-right:calc((100vw - 1242px)/2)}}
@media(max-width:1300px) {#landing .edu-band,#landing .edu-evidence{margin-left:5%;margin-right:5%}}
@media(max-width:800px) {
  #landing .edu-nav{padding-top:20px;padding-bottom:20px} #landing .edu-nav-links{gap:18px} #landing .edu-nav-links .edu-hide-mobile{display:none}
  #landing .edu-hero{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:40px;min-height:0}
  #landing h1{font-size:clamp(45px,9vw,68px);max-width:14ch} #landing .edu-lead{max-width:52ch;font-size:16px}
  #landing .edu-figure{max-width:520px;width:100%} #landing .edu-figure-image{aspect-ratio:1.3}
  #landing .edu-band{gap:20px;grid-template-columns:1fr 1fr} #landing .edu-band p:first-child{grid-column:1/-1}
  #landing .edu-curriculum{margin-top:40px;padding-top:48px;padding-bottom:55px}
  #landing .edu-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:25px}
  #landing .edu-lesson{grid-template-columns:27px 1fr 22px;gap:13px;padding:20px 0}
  #landing .edu-lesson-desc{grid-column:2;grid-row:2;margin-top:-7px} #landing .edu-lesson-arrow{grid-column:3;grid-row:1/3}
  #landing .edu-method{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:48px}
  #landing .edu-evidence{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:45px}
  #landing .edu-article{padding-top:45px} #landing .edu-footer{gap:22px}
}
@media(prefers-reduced-motion:reduce){#landing *,#landing *::before,#landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
