.rosling-page{background:#faf7ef;color:#171918}.rosling-page main{max-width:1280px;margin:auto;padding:28px 32px 70px}.rosling-hero{display:grid;grid-template-columns:1.6fr 1fr;border-bottom:1px solid #171918;padding:24px 0 38px;gap:48px}.rosling-eyebrow,.rosling-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.rosling-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.rosling-hero h1 span,.rosling-hero h1 em{display:block}.rosling-hero h1 em{font-style:normal;color:#63711c}.rosling-lead{font-size:19px;line-height:1.55;max-width:620px}.rosling-dedication{display:inline-block;color:#171918;font-weight:700;font-size:14px;margin-top:16px;text-underline-offset:5px}.rosling-hero-aside{background:#dfe5b3;padding:30px;position:relative;overflow:hidden;min-height:290px;display:flex;flex-direction:column;justify-content:space-between}.rosling-hero-aside>span{letter-spacing:.18em;font-size:13px;font-weight:700}.rosling-hero-aside>strong{font-size:38px;letter-spacing:-.04em}.rosling-hero-aside>p{font-size:21px;max-width:210px;position:relative;z-index:1}.rosling-hero-aside small{max-width:250px;position:relative;z-index:1}.rosling-orbits{position:absolute;right:-10px;bottom:45px;width:180px;height:180px}.rosling-orbits i{position:absolute;border-radius:50%;border:1px solid #63711c;background:#a8b63f99;width:80px;height:80px;top:50px;left:40px}.rosling-orbits i:nth-child(2){width:42px;height:42px;left:120px;top:0}.rosling-orbits i:nth-child(3){width:22px;height:22px;left:5px;top:20px}.rosling-orbits i:nth-child(4){width:52px;height:52px;left:0;top:105px}.rosling-orbits i:nth-child(5){width:30px;height:30px;left:125px;top:145px}.rosling-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:22px 0}.rosling-toolbar label{font-weight:700;font-size:14px}.rosling-page select,.rosling-page input[type=number]{padding:10px 12px;background:#fffdf6;border:1px solid #8b8d83;border-radius:0;color:#171918;font:inherit;max-width:100%}.rosling-toolbar a{font-size:14px;color:#171918;margin-left:auto}.rosling-view-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid #d2ccc1}.rosling-view-nav a{display:flex;flex-direction:column;gap:9px;padding:16px 12px;min-height:96px;color:#171918;text-decoration:none;border-right:1px solid #d2ccc1;font-size:13px;line-height:1.3}.rosling-view-nav a:last-child{border:0}.rosling-view-nav b{font-size:12px;color:#63711c}.rosling-view-nav a[aria-current=page]{background:#171918;color:#faf7ef}.rosling-view-nav a[aria-current=page] b{color:#dfe5b3}.rosling-stage{margin-top:32px;min-height:560px;scroll-margin-top:110px}.rosling-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-bottom:24px}.rosling-section-heading h2{font-size:clamp(28px,3.5vw,44px);line-height:1.1;letter-spacing:-.035em;margin:12px 0}.rosling-section-heading p{line-height:1.65;font-size:16px}.rosling-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0}.rosling-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px}.rosling-page button{cursor:pointer;font:inherit}.rosling-button,.rosling-controls button,.rosling-quiz-options button{border:1px solid #171918;background:#171918;color:#faf7ef;padding:11px 18px;min-height:42px}.rosling-controls input[type=range]{width:200px;accent-color:#63711c}.rosling-controls label.rosling-check{flex-direction:row;align-items:center}.rosling-check input{accent-color:#63711c}.rosling-chart-card{background:#fffdf6;border:1px solid #d2ccc1;padding:22px;margin:0}.rosling-chart-card h3{font-size:20px;margin:0 0 8px}.rosling-chart-note,.rosling-source,.rosling-caption{font-size:13px;line-height:1.65;color:#4b4e43}.rosling-source a,.rosling-attribution a,.rosling-service a{color:#475315;text-underline-offset:3px}.rosling-insight{border-left:4px solid #a8b63f;background:#eef0dc;padding:18px 22px;margin:22px 0;line-height:1.6}.rosling-insight strong{display:block;margin-bottom:6px}.rosling-reading{margin:20px 0;padding-top:16px;border-top:1px solid #d2ccc1;font-size:14px;line-height:1.6}.rosling-reading a{color:#475315}.rosling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rosling-stat-row{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0}.rosling-stat-row div{flex:1;min-width:130px}.rosling-stat-row b{display:block;font-size:30px;letter-spacing:-.04em}.rosling-stat-row span{font-size:13px}.rosling-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rosling-service{border:1px solid #d2ccc1;background:#fffdf6;padding:22px}.rosling-service .rosling-service-symbol{font-size:32px;color:#63711c;font-weight:700}.rosling-service h3{font-size:21px}.rosling-service p{font-size:14px;line-height:1.6}.rosling-service-value{display:block;font-size:30px;font-weight:700;margin:14px 0}.rosling-service small{display:block;line-height:1.6}.rosling-attribution{margin-top:50px;padding-top:30px;border-top:2px solid #171918;scroll-margin-top:110px}.rosling-attribution h2{font-size:32px;letter-spacing:-.03em}.rosling-credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rosling-credit-grid p,.rosling-attribution>div>p{font-size:14px;line-height:1.7}.rosling-credit-grid h3{font-size:20px}.rosling-attribution ul{padding-left:20px;line-height:1.8;font-size:14px}.rosling-error{padding:24px;background:#fffdf6;border:1px solid #c93237}.rosling-quiz-options{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.rosling-quiz-options button[aria-pressed=true]{background:#dfe5b3;color:#171918}.rosling-quiz-result{border-left:4px solid #63711c;background:#eef0dc;padding:18px;line-height:1.7}.rosling-page :focus-visible{outline:3px solid #63711c;outline-offset:4px}.rosling-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;margin:16px 0}.rosling-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--color)}.rosling-country-evidence{font-size:13px;line-height:1.7}.rosling-page footer{max-width:1216px;margin:auto;padding:22px 0;border-top:1px solid #d2ccc1;display:flex;justify-content:space-between}.rosling-page footer small{display:block;margin-top:6px}.rosling-page .psd-chart-panel{max-height:440px;overflow:auto}.rosling-page [hidden]{display:none!important}@media(max-width:800px){.rosling-page main{padding:18px 18px 45px}.rosling-hero{grid-template-columns:1fr;gap:24px}.rosling-hero-aside{min-height:210px}.rosling-view-nav{grid-template-columns:repeat(4,1fr)}.rosling-view-nav a{border-bottom:1px solid #d2ccc1}.rosling-section-heading{grid-template-columns:1fr;gap:0}.rosling-credit-grid{grid-template-columns:1fr;gap:12px}.rosling-service-grid{grid-template-columns:1fr}.rosling-chart-card{padding:12px}.rosling-grid{grid-template-columns:1fr}.rosling-toolbar a{margin-left:0}.rosling-page footer{margin:0 18px}}@media(max-width:420px){.rosling-view-nav{grid-template-columns:repeat(2,1fr)}.rosling-view-nav a{min-height:76px}.rosling-controls input[type=range]{width:160px}}@media(prefers-reduced-motion:reduce){.rosling-page *{scroll-behavior:auto!important;transition:none!important}}
/* A classroom stage: generous type, tangible props and controlled reveals. */
.rosling-lesson{background:#171918;color:#faf7ef;padding:24px 28px;margin:0 0 24px}.rosling-lesson-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.rosling-lesson .rosling-kicker{color:#dfe5b3}.rosling-present{border:1px solid #dfe5b3;color:#dfe5b3;background:transparent;padding:10px 14px;min-height:44px;font-size:13px!important}.rosling-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.rosling-chapters button{padding:16px;text-align:left;color:#faf7ef;border:1px solid #64685b;background:transparent;line-height:1.5}.rosling-chapters b{display:block;font-size:12px;margin-bottom:6px;color:#dfe5b3}.rosling-chapters [aria-pressed=true]{background:#dfe5b3;color:#171918;border-color:#dfe5b3}.rosling-chapters [aria-pressed=true] b{color:#63711c}.rosling-story-caption{max-width:850px;min-height:130px}.rosling-story-caption h3{font-size:28px;letter-spacing:-.035em;margin:0 0 12px}.rosling-story-caption p{font-size:18px;line-height:1.65;margin:0 0 20px}.rosling-story-credit{color:#dfe5b3;font-size:12px;line-height:1.5}.rosling-experiment{margin:24px 0;padding:28px;background:#e8eccb;border:1px solid #c5ce90}.rosling-experiment>h3,.rosling-wash-layout h3{font-size:32px;letter-spacing:-.04em;margin:14px 0}.rosling-experiment p{line-height:1.65;max-width:870px}.rosling-experiment a{color:#475315}.rosling-experiment .rosling-chart-card{background:#f7f8ec}.rosling-controls output{font-variant-numeric:tabular-nums;font-weight:700}.rosling-controls button:disabled{opacity:.45;cursor:default}.rosling-wash-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:center}.rosling-washer{width:210px;height:260px;border:2px solid #171918;background:#fffdf6;padding:18px;box-shadow:9px 9px 0 #c5ce90;position:relative}.rosling-washer-controls{padding-bottom:14px;border-bottom:1px solid #d2ccc1;letter-spacing:4px}.rosling-drum{width:146px;height:146px;border:12px solid #8b8d83;border-radius:50%;background:#d7dfeb;display:grid;place-items:center;margin:18px auto;transition:transform .5s,background .5s;transform-origin:left center}.rosling-drum span{font-size:64px;color:#4e8190;line-height:1}.rosling-washer-brand{font-size:11px;letter-spacing:.2em}.rosling-washer.is-open .rosling-drum{transform:perspective(400px) rotateY(-55deg);background:#dfe5b3}.rosling-washer.is-open:after{content:'Aa';position:absolute;right:22px;top:130px;font:700 40px Georgia,serif;color:#475315}.rosling-wash-layout .rosling-controls{align-items:start}.rosling-wash-layout input[type=range]{width:150px}#rosling-time-result{margin-top:18px;border-left:4px solid #63711c;padding:12px 18px;background:#f7f8ec}#rosling-time-result strong{font-size:27px;letter-spacing:-.03em}.rosling-presenting main{max-width:1500px}.rosling-presenting .rosling-hero,.rosling-presenting .rosling-toolbar,.rosling-presenting .rosling-attribution,.rosling-presenting footer{display:none}.rosling-presenting .rosling-view-nav a{min-height:62px;padding:10px}.rosling-presenting .rosling-stage{margin-top:20px}.rosling-presenting .rosling-story-caption h3{font-size:36px}.rosling-presenting .rosling-story-caption p{font-size:22px}.rosling-presenting .rosling-chart-note{font-size:15px}.rosling-presenting .rosling-lesson{padding:32px}
@media(max-width:700px){.rosling-lesson,.rosling-experiment{padding:18px}.rosling-lesson-top{align-items:start}.rosling-chapters{grid-template-columns:1fr;gap:8px;margin:18px 0}.rosling-chapters button{padding:12px;display:flex;align-items:baseline;gap:12px}.rosling-chapters b{margin:0}.rosling-story-caption{min-height:180px}.rosling-story-caption h3{font-size:24px}.rosling-story-caption p{font-size:16px}.rosling-wash-layout{grid-template-columns:1fr;gap:22px}.rosling-washer{margin:8px auto}.rosling-experiment>h3,.rosling-wash-layout h3{font-size:27px}.rosling-presenting .rosling-lesson{padding:18px}.rosling-presenting .rosling-story-caption p{font-size:18px}.rosling-presenting .rosling-story-caption h3{font-size:28px}}

.rosling-before-after{border:1px solid #d2ccc1;background:#fffdf6;padding:28px;margin-bottom:24px}.rosling-before-after h3{font-size:24px}.rosling-reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rosling-reveal-grid>div{padding:20px 0}.rosling-reveal-grid strong{display:block;font-size:clamp(42px,7vw,80px);letter-spacing:-.055em;margin:10px 0}.rosling-reveal-grid small,.rosling-reveal-grid span{font-size:14px}.rosling-reveal-grid p{font-size:14px;line-height:1.6}@media(max-width:600px){.rosling-reveal-grid{grid-template-columns:1fr;gap:0}.rosling-before-after{padding:18px}}

/* The year navigator belongs below the chart and spans its full available width. */
.rosling-controls.rosling-timeline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 24px;padding:18px 22px;background:#eef0dc;border:1px solid #d2ccc1;margin:0 0 22px}
.rosling-timeline .rosling-timeline-year{display:grid;grid-template-columns:1fr auto;gap:0 16px;width:100%;font-weight:700}
.rosling-timeline-year output{font-size:28px;font-variant-numeric:tabular-nums;line-height:1.2}
.rosling-controls.rosling-timeline input[type=range]{grid-column:1/-1;width:100%;min-height:44px;margin:0;cursor:pointer}
.rosling-timeline-ends{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.rosling-timeline>label:not(.rosling-timeline-year){grid-column:1/-1}
@media(max-width:600px){.rosling-controls.rosling-timeline{grid-template-columns:1fr;padding:16px;gap:14px}.rosling-timeline>button{justify-self:start}}
.rosling-controls.rosling-timeline input[type=range]{appearance:none;background:transparent}
.rosling-timeline input[type=range]::-webkit-slider-runnable-track{height:5px;background:#b5bd8c;border-radius:3px}
.rosling-timeline input[type=range]::-moz-range-track{height:5px;background:#b5bd8c;border-radius:3px}
.rosling-timeline input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-9.5px;background:#63711c;border:3px solid #fffdf6;border-radius:50%;box-shadow:0 0 0 1px #63711c}
.rosling-timeline input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#63711c;border:3px solid #fffdf6;border-radius:50%;box-shadow:0 0 0 1px #63711c}
.rosling-timeline input[type=range]:focus-visible{outline:2px solid #171918;outline-offset:3px;border-radius:3px}
