/* Reference-led presentation: dense, colorful, directly labelled. */
:root{--bg:#f2f8fc;--ink:#173a61;--muted:#6281a0;--line:#e0eaf2}body{background:#f4f9fd;color:var(--ink)}header{height:77px;background:linear-gradient(110deg,#fff,#f0f7ff);border-color:#dcecf6}header nav{color:#345b80}.brand{color:#183e62}.brand-mark i:first-child{background:#28b5c9}.brand-mark i:nth-child(2){background:#5aa6e2}.brand-mark i:nth-child(3){background:#795ec8}.side{background:linear-gradient(90deg,#fff,#f6fbff);border-color:#e1eef6}.side .side-title{background:#e3f0ff;color:#1769b1}.side>a{color:#41678a}.side a.active{background:#e4f1ff;color:#1b72bd}.side a:hover{background:#edf5ff}main{padding-top:17px}.atlas-hero{padding:23px 27px;min-height:151px;background:linear-gradient(110deg,#e8f4fa,#eff8f3 65%,#fff4df);border:1px solid #dfeef3;gap:20px}.atlas-hero h1{font-size:clamp(28px,2.8vw,42px);line-height:1.13;letter-spacing:-1.3px;margin:8px 0 12px;color:#153e68}.atlas-hero h1>span{color:#2775a4}.atlas-hero p{font-size:14px;color:#567a98;max-width:620px}.atlas-hero .eyebrow{color:#5591ac;letter-spacing:1.8px}.atlas-hero>.hero-tree{display:none}.hero-next{margin-left:auto;min-width:180px;display:flex;gap:13px;align-items:center;padding:19px;background:#fff5df;border-color:#f1e3c6}.hero-next b{font-size:41px;color:#e19c34}.hero-next span{font-size:11px;margin:0;color:#82693f}.hero-next span br{display:none}.jump-links{padding-top:12px;gap:6px}.jump-links a{border-color:#dae8f3;background:#fafdff;color:#4b7ca0;font-size:10px;padding:7px 9px}.chapter{padding-top:24px}.chapter-head{margin-bottom:12px;gap:11px}.chapter-head>span{font-size:24px;color:#68a9d1!important}.chapter-head h2{font-size:21px;color:#214c78}.chapter-head p{font-size:11px;color:#7590a5}.atlas-grid{gap:13px;grid-auto-flow:row dense}.atlas-card{--accent:#3bb68b;--tint:#eaf8ef;--accent-light:#83d8b0;--card-tint:#f4fcf7;padding:17px 16px 12px;background:linear-gradient(145deg,#fff 45%,var(--card-tint));border:1px solid color-mix(in srgb,var(--accent) 19%,#eaf0f8);border-radius:13px;box-shadow:0 2px 8px #377ca003}.atlas-card.blue{--accent:#4d9ee9;--tint:#edf5ff;--accent-light:#99c9ff;--card-tint:#f4f9ff}.atlas-card.purple{--accent:#9365dc;--tint:#f2edfc;--accent-light:#c0a8f0;--card-tint:#faf7ff}.atlas-card.gold{--accent:#f0a137;--tint:#fff3e2;--accent-light:#ffce88;--card-tint:#fffbf3}.atlas-card.red{--accent:#f47872;--tint:#fff0ed;--accent-light:#ffb6a4;--card-tint:#fff7f5}.chapter:nth-of-type(3n+1) .atlas-card.green{--accent:#2db5ad;--accent-light:#87dcdb;--tint:#e5f7f5;--card-tint:#f2fcfb}.atlas-card .panel-head{gap:10px;min-height:38px;margin-bottom:9px;align-items:center}.atlas-card .panel-head i{height:36px;width:36px;flex:0 0 36px;border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient(140deg,var(--accent-light),var(--accent));box-shadow:inset 0 0 0 1px #ffffff35;color:white}.atlas-card .panel-head i svg{width:24px;height:24px}.atlas-card h3{color:#21446e;font-size:15px;font-weight:750;line-height:1.3}.atlas-card .visual{min-height:135px;margin:3px 0 0;padding:9px 0 3px;justify-content:flex-start}.atlas-card .diagram{max-height:178px;filter:saturate(1.25)}.atlas-card .answer{font-size:11px;line-height:1.6;margin:10px 0 0;color:#6582a0}.atlas-card .answer b{color:#3a6086;font-weight:650}.atlas-card .datum{font-size:9px;line-height:1.5;color:#87a0b6;margin-top:6px}.atlas-card .card-link{font-size:10px;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 15%,#eaf0f8);padding-top:11px;margin-top:auto}.atlas-card .card-link a{font-weight:700;min-height:24px}.atlas-card .card-link{margin-top:13px}.lengths,.agebars{gap:12px;margin:0 0 5px}.lengths>div,.agebars>div{display:block;font-size:10px;color:#41678c}.lengths>div>span,.agebars>div>span{display:block;margin-bottom:5px;font-weight:600}.lengths>div>div,.agebars>div>div{height:24px;border-radius:5px;background:var(--tint);overflow:visible}.lengths i,.agebars i{height:24px;display:flex;align-items:center;justify-content:flex-end;padding:0 7px;border-radius:5px;background:linear-gradient(90deg,var(--accent-light),var(--accent))}.lengths b,.agebars b{color:#fff;font-size:10px;line-height:1;white-space:nowrap;letter-spacing:0;text-shadow:0 1px 2px #00000014}.agebars>div>div{height:25px}.agebars i{height:25px}.axis{font-size:9px;margin-top:6px;color:#7e9bb2}.trait-rows{display:grid;gap:8px}.trait-rows>div{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:6px;align-items:center;padding:3px 0}.trait-rows>div>b{font-size:10px;color:#3e6688;line-height:1.4}.trait-labels{font-size:9px;color:#87a0b1;padding:0!important}.trait-pill{padding:7px 5px;font-size:10px;border-radius:5px;text-align:center;font-weight:600}.trait-pill.soft{color:#259777;background:#d7f4e8}.trait-pill.sharp{color:#e07f4c;background:#ffeadb}.trait-pill.mild{color:#5c9bb0;background:#e4f3f8}.trait-pill.strong{color:#9267be;background:#eee5fb}.care-rows{display:grid;gap:7px}.care-rows>div{display:grid;grid-template-columns:26px 70px 1fr;gap:7px;align-items:center;background:var(--tint);border-radius:6px;min-height:34px;padding:5px 8px}.care-rows b{font-size:10px;color:#547796}.care-rows strong{font-size:10px;color:var(--accent);font-weight:650}.care-symbol{display:flex;border-radius:50%;background:var(--accent);color:white;font-size:9px;font-weight:700;align-items:center;justify-content:center;width:21px;height:21px}.month-grid{gap:4px;max-width:290px}.day{min-height:22px;font-size:10px;background:#edf4fb;color:#6c8ca6}.day.sunday{background:#d5e8ff;color:#3b81c8}.day.eve{background:#ffddd7;color:#db7466}.weeknames{font-size:9px;letter-spacing:4px}.legend{font-size:8px;margin-top:8px}.date-lanes{gap:8px}.date-lanes>div{background:linear-gradient(125deg,var(--tint),#fff);padding:13px 11px;border:1px solid color-mix(in srgb,var(--accent) 15%,#eaf0f8);border-top:3px solid var(--accent)}.date-lanes b{font-size:26px;margin:9px 0}.date-lanes span{font-size:10px}.date-lanes small{font-size:9px}.figure-trio>div{padding:11px 7px;background:var(--tint)}.figure-letter{height:30px;width:30px;line-height:30px;font-size:14px;margin-bottom:8px;background:linear-gradient(145deg,var(--accent-light),var(--accent))}.figure-trio small{margin:5px 0}.figure-trio p{font-size:10px}.ingredient-grid{gap:6px}.ingredient{padding:9px 0}.ingredient.yes{color:var(--accent);background:var(--tint);font-size:14px}.ingredient-grid>strong{font-weight:600;color:#537394}.meal-route>div{background:var(--tint);min-height:44px;padding:8px 10px;border-color:var(--accent)}.meal-route b{color:var(--accent)}.meal-route span{color:#4b6c8d}.budget-stack{height:34px;margin:16px 0 11px}.budget-stack i{background:linear-gradient(90deg,#b89ce9,#9364d7)}.budget-stack i:nth-child(2){background:#bd9de9}.budget-stack i:nth-child(3){background:#e2d3f6}.budget-tool input{padding:6px 8px;font-size:17px}.budget-values b{font-size:18px}.activity-map{gap:9px}.activity-map>div{padding:12px;background:#e6f7f0}.activity-map>div:last-child{background:#fff0d9}.activity-map span{font-size:11px;padding:6px 0;color:#5a7c8b}.activity-map b{font-size:9px}.qualitative>div{padding:13px 10px;background:var(--tint);border-top-color:var(--accent)}.qualitative b{font-size:19px;color:#4f6e9a}.qualitative strong{font-size:11px;color:var(--accent);margin-top:11px}.qualitative>div:last-child{background:#fff3e0;border-top-color:#f3aa44}.qualitative>div:last-child strong{color:#d99939}.flow{gap:8px}.flow>div{padding:8px 13px;background:var(--tint)}.flow b{font-size:11px;color:var(--accent)}.flow span{font-size:10px;color:#678399}.atlas-end{padding-top:32px}.atlas-end h2{font-size:26px}.topic-links>a{background:#fff;border-color:#deebf6;color:#507b9c}.article-hero h1{color:#1d426a}.article-visuals{--accent:#6e93df;--accent-light:#aec9ff;--tint:#eef4ff}.article-visuals .trait-rows{grid-column:1/-1}.article-visuals .trait-rows>div>b{font-size:13px}.article-visuals .trait-pill{font-size:12px}.article-visuals .care-rows{grid-column:1/-1}.article-visuals .care-rows>div{grid-template-columns:26px 110px 1fr}.article-visuals .care-rows b,.article-visuals .care-rows strong{font-size:13px}.article-visuals .agebars i{min-width:0}.article-visuals .lengths b,.article-visuals .agebars b{color:white}.article-rail{border-color:#dfeaf6}.reading p{color:#5f7c94}footer{background:#1b3b5e}
@media(min-width:1450px){.atlas-card h3{font-size:16px}.atlas-card .answer{font-size:12px}.atlas-card .card-link{font-size:11px}.atlas-card .visual{min-height:150px}.atlas-card .diagram{max-height:190px}.trait-rows>div>b{font-size:11px}.trait-pill{font-size:11px}.care-rows b,.care-rows strong{font-size:11px}.lengths>div,.agebars>div{font-size:11px}}
@media(max-width:1150px) and (min-width:981px){.atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{grid-template-columns:155px minmax(0,1fr)}main{padding-left:17px;padding-right:17px}.atlas-card{padding:14px 12px}.atlas-card h3{font-size:13px}.atlas-card .panel-head i{width:29px;height:29px;flex-basis:29px}.trait-rows>div{grid-template-columns:1.2fr .8fr .8fr;gap:3px}.trait-rows>div>b,.trait-pill{font-size:9px}.care-rows>div{grid-template-columns:20px 48px 1fr;gap:4px;padding:5px}.care-rows b,.care-rows strong{font-size:9px}.care-symbol{width:18px;height:18px}.atlas-card .diagram{max-height:165px}}
@media(max-width:980px){header{height:72px}.atlas-card h3{font-size:16px}.atlas-hero h1{font-size:35px}.hero-next{min-width:145px}.atlas-card .answer{font-size:12px}.atlas-card .visual{min-height:145px}.agebars b{font-size:10px}.atlas-card .card-link{font-size:11px}.menu-open header nav{top:72px}}
@media(max-width:620px){header{height:64px}.menu-open header nav{top:64px}.atlas-hero{display:block;padding:20px;min-height:0}.atlas-hero h1{font-size:31px;letter-spacing:-1px;max-width:300px}.atlas-hero p{font-size:12px;line-height:1.6}.hero-next{margin-top:13px;min-width:0;width:100%;padding:9px 12px;gap:12px}.hero-next b{font-size:25px}.hero-next span{font-size:10px}.jump-links a{font-size:10px}.chapter-head h2{font-size:20px}.chapter-head p{font-size:11px}.atlas-card{padding:18px 17px 14px}.atlas-card h3{font-size:17px}.atlas-card .panel-head{margin-bottom:10px}.atlas-card .panel-head i{width:38px;height:38px;flex-basis:38px}.atlas-card .visual{min-height:150px}.atlas-card .answer{font-size:13px}.atlas-card .datum{font-size:10px}.atlas-card .card-link{font-size:12px}.atlas-card .diagram{max-height:200px}.trait-rows>div>b,.trait-pill{font-size:11px}.care-rows>div{grid-template-columns:26px 75px 1fr;min-height:37px}.care-rows b,.care-rows strong{font-size:11px}.lengths>div,.agebars>div{font-size:12px}.lengths>div>div,.lengths i,.agebars>div>div,.agebars i{height:26px}.lengths b,.agebars b{font-size:11px}.weeknames{font-size:10px;letter-spacing:4px}.day{min-height:26px;font-size:11px}.legend{font-size:9px}.ingredient-grid>strong{font-size:12px}.ingredient-grid>b{font-size:10px}.date-lanes span{font-size:11px}.date-lanes small{font-size:10px}.activity-map span{font-size:12px}.flow b{font-size:12px}.flow span{font-size:11px}}
/* A continuous atlas, like the reference: no orphan rows between chapters. */
.continuous-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:13px;align-items:stretch}.continuous-grid .chapter,.continuous-grid .atlas-grid{display:contents}.continuous-grid .chapter-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px}.continuous-grid .atlas-card.wide{grid-column:auto}.hero-next span{min-width:100px}.atlas-card .visual{max-width:100%}.figure-trio{gap:6px}.figure-trio b{font-size:10px}.figure-trio small,.figure-trio p{font-size:9px}.figure-trio>div{padding:10px 5px}.date-lanes{grid-template-columns:1fr 1fr}.date-lanes>div{padding:9px 10px}.date-lanes b{font-size:22px;margin:5px 0}.date-lanes small{font-size:9px}.budget-tool label{font-size:11px;gap:8px}.budget-tool input{width:85px;font-size:16px}.budget-values{grid-template-columns:1fr 1fr 1fr;gap:7px;font-size:9px}.budget-values b{font-size:16px}.budget-stack{height:30px;margin-top:14px}.budget-stack i{font-size:9px}.jump-links{flex-wrap:nowrap}.jump-links a{flex:1 1 auto;text-align:center;white-space:nowrap;font-size:9px}.atlas-card .visual .diagram text{font-style:normal}.atlas-card .lengths i,.atlas-card .agebars i{font-style:normal}.atlas-card .answer{min-height:36px}.trait-rows{margin-bottom:4px}.article-visuals .figure-trio b{font-size:12px}.article-visuals .figure-trio p,.article-visuals .figure-trio small{font-size:11px}.article-visuals .date-lanes{grid-template-columns:repeat(4,1fr)}.article-visuals .budget-tool label{font-size:14px}.article-visuals .budget-values{font-size:12px}.article-visuals .budget-values b{font-size:22px}
@media(max-width:1150px){.continuous-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jump-links{overflow-x:auto}.jump-links a{flex:0 0 auto}.budget-tool label{display:block}.budget-tool label>span{margin-top:8px}.hero-next{min-width:150px}.hero-next span{min-width:0}}
@media(max-width:980px){.continuous-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-card .diagram{max-height:190px}.budget-tool label{display:flex}.budget-tool label>span{margin-top:0}}
@media(max-width:620px){.continuous-grid{grid-template-columns:1fr;gap:13px;margin-top:12px}.jump-links a{flex:0 0 auto;min-height:0;padding:8px 10px}.hero-next span{min-width:0}.hero-next{display:flex}.figure-trio b{font-size:11px}.figure-trio small,.figure-trio p{font-size:10px}.date-lanes>div{padding:11px}.date-lanes small{font-size:10px}.budget-tool label{font-size:12px}.budget-tool input{width:95px}.budget-values{font-size:10px}.budget-values b{font-size:18px}.article-visuals .date-lanes{grid-template-columns:1fr 1fr}}