@font-face{font-family:LifeSerif;src:local('Iowan Old Style'),local('Palatino');font-display:swap}
:root{--paper:#fbfaf5;--ink:#314c43;--muted:#737b70;--green:#397763;--green-dark:#2d6353;--green-pale:#e7eee3;--line:#dfE3d8;--coral:#c17b66;--sans:'Avenir Next','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--serif:LifeSerif,'Songti SC','Noto Serif CJK SC',Georgia,serif;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}button,a,select{touch-action:manipulation}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b37d3c;outline-offset:5px}button:disabled{cursor:default;opacity:.35}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p,figure,blockquote{margin:0}p{line-height:1.85}h2{font-size:31px;font-weight:600;letter-spacing:-.9px;line-height:1.55}h3{font-weight:600}::selection{background:#d8e4c8}.page-width{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:64px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted);line-height:1.7;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--green);color:white;z-index:100}.skip-link:focus{top:16px}
.site-header{border-bottom:1px solid var(--line);height:92px;background:rgba(251,250,245,.97)}.header-inner{width:min(1320px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand-icon{width:42px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e4edde;color:var(--green)}.brand strong{display:block;font-size:21px;font-weight:650;letter-spacing:1.5px;line-height:1.35}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:3px}.header-inner nav{display:flex;gap:34px;align-items:center;margin-left:auto;margin-right:48px}.nav-link{font-size:13px;padding:10px 0;transition:color .2s}.nav-link:hover{color:#b47657}.language-picker{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:26px;color:#617365}.language-picker select{font-size:12px;border:0;background:transparent;padding:8px 2px;cursor:pointer}
.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:5px;align-items:center;min-height:605px;padding-block:55px 35px}.hero-copy{padding-bottom:14px;position:relative;z-index:1}.hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.4px;margin-bottom:26px}.tiny-flower{font-size:24px;line-height:1;color:#809976}.hero h1{font-family:var(--serif);font-size:clamp(44px,4.4vw,62px);font-weight:500;line-height:1.38;letter-spacing:1px;color:#314c43}.hero h1 span{color:#6d917b;position:relative}.hero h1 span:after{content:'';position:absolute;bottom:-8px;left:0;width:97%;height:8px;border-top:2px solid #c1cdb0;border-radius:70% 50%;transform:rotate(-2deg)}.hero-description{margin-top:28px;color:#72796d;font-size:14px;line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:15px 23px;min-height:49px;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#fffdf3;box-shadow:0 4px 0 #dce4d7}.primary:hover{background:var(--green-dark)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;padding:8px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:25px;color:#828779;font-size:10px;letter-spacing:.3px}.hero-picture{position:relative;margin-right:-35px;margin-left:-13px;align-self:center}.hero-svg{width:100%;display:block;overflow:visible}.art-label{position:absolute;z-index:1;font-size:11px;letter-spacing:.8px;background:rgba(255,254,247,.96);padding:10px 16px;border:1px solid #e3e5d7;border-radius:5px;box-shadow:0 4px 0 #e1e5d44a;color:#72816c}.label-school{top:21%;left:5%;transform:rotate(-7deg)}.label-work{top:29%;right:0;transform:rotate(5deg)}.label-home{bottom:9%;right:12%;transform:rotate(-5deg)}.hero-caption{font-family:var(--serif);font-size:13px;color:#87917d;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;transform:rotate(-2deg)}.scribble{font-size:30px;line-height:1;color:#a9b69c}.journey-divider{display:flex;gap:16px;align-items:center;justify-content:center;color:#a3b193}.journey-divider span{height:1px;flex:1;background:var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:12px;color:var(--muted)}.section-heading>div>p:not(.eyebrow){margin-top:9px}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.country-card{display:flex;flex-direction:column;position:relative;text-align:left;padding:21px 23px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#f5f3ea;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.country-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #344c4210}.country-card.china{background:#f5eee2}.country-card.japan{background:#edf1e6}.country-card.usa{background:#f0eef1}.country-card.religion{background:#f4f0e6}.country-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.country-top{display:flex;align-items:center;justify-content:space-between;min-height:23px}.country-code{font-size:10px;font-weight:600;letter-spacing:2px;color:#7a8172}.country-status{font-size:9px;color:#69715f}.selected .country-status{display:grid;place-items:center;background:var(--green);color:var(--paper);width:23px;height:23px;border-radius:50%}.country-art{display:block;height:143px;align-self:center;max-width:100%;margin-block:2px}.country-art svg{width:182px;max-width:100%;height:100%}.country-name{font-size:21px;letter-spacing:.5px;font-weight:600;margin-top:4px}.country-tag{font-size:10px;color:#7e806d;margin-top:8px;letter-spacing:.2px;line-height:1.6}.country-description{font-size:11px;color:#747967;line-height:1.8;margin-top:13px;min-height:40px;display:block}.country-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;margin-top:17px;padding-top:15px;border-top:1px solid #d5d9c78c}.upcoming .country-art{opacity:.75}.upcoming .country-link{color:#7f8175}.upcoming .country-status{background:#ffffff60;padding:4px 7px;border-radius:4px}
.journey-section{background:#f1f4ed;border-block:1px solid #e7ebdf;padding-block:65px 40px;scroll-margin-top:0}.journey-section .section-heading{margin-bottom:34px}.journey-tools{display:flex;align-items:center;gap:12px;padding-bottom:4px}.country-picker{border:1px solid #cdd9ca;background:#fafbf5;border-radius:7px;padding:0 12px}.country-picker select{border:0;background:none;padding:10px 18px 10px 0;font-size:12px;cursor:pointer}.icon-button{width:40px;height:40px;border:1px solid #d5ddce;background:#fbfaf4;border-radius:50%;display:inline-grid;place-items:center;color:#71816a;transition:background .2s}.icon-button:hover{background:#e5eddd}.timeline{display:flex;position:relative;justify-content:space-between;gap:6px;margin-bottom:30px;padding-inline:12px}.timeline:before{content:'';position:absolute;left:6%;right:6%;top:26px;height:1px;background:repeating-linear-gradient(to right,#c4d0be 0 5px,transparent 5px 10px)}.timeline-stop{flex:1;max-width:120px;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;gap:8px;z-index:1}.stop-icon{background:#f1f4ed;border:1px solid #d6dece;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;color:#91a089;transition:background .2s,transform .2s}.timeline-stop:hover .stop-icon{transform:translateY(-3px);background:#e2eadb}.timeline-stop.active .stop-icon{background:var(--green);color:#fffaf0;border-color:var(--green);box-shadow:0 0 0 5px #e0e8d9}.timeline-stop.visited .stop-icon{background:#e4ebdc;color:#749279}.stop-name{font-size:12px;font-weight:500;color:#808977}.active .stop-name{color:var(--green);font-weight:600}.stop-number{font-size:9px;letter-spacing:1px;color:#98a08e;margin-top:-4px}.story-card{display:grid;grid-template-columns:1fr 1.03fr;background:#fffdf7;border:1px solid #dce1d2;border-radius:18px;overflow:hidden;box-shadow:0 5px 0 #e4e9db}.story-visual{background:#f6efdf;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:29px 28px 31px;min-width:0}.japan .story-visual{background:#e9efe0}.scene-meta{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.chapter-number{font-size:10px;letter-spacing:1.5px;color:#8a8671}.age-tag{font-size:11px;color:#7d806a;background:#fffdf475;border:1px solid #dcdcca;padding:5px 13px;border-radius:30px}.story-visual figure{width:100%;margin:auto}.scene-svg{width:100%;display:block;max-height:385px}.story-visual blockquote{text-align:center;font-size:15px;letter-spacing:.5px;color:#827e64;font-family:var(--serif);z-index:1;position:relative;line-height:1.8}.scene-grain{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239a967a' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.story-text{padding:34px 38px 25px;min-width:0}.story-eyebrow{font-size:10px;letter-spacing:1.8px;color:#8b927e}.story-eyebrow span{padding-inline:8px;color:#c0c4b3}.story-text h3{font-size:29px;line-height:1.55;font-weight:550;letter-spacing:.2px;margin:11px 0 22px;font-family:var(--serif)}.story-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.story-tabs button{font-size:11px;display:flex;align-items:center;gap:7px;padding:0 0 11px;color:#8a917f;position:relative}.story-tabs button[aria-selected=true]{color:var(--green);font-weight:600}.story-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--green);position:absolute;left:0;right:0;bottom:-1px}.story-detail{min-height:230px;font-size:12px;line-height:1.9;color:#6e7867}.daily-text{margin-bottom:17px}.reading{background:#f0f3e9;border-radius:8px;padding:14px 17px}.content-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#64806a;letter-spacing:.5px;font-weight:600}.reading p,.fact p,.nuance p{margin-top:7px}.fact{margin-bottom:17px}.nuance{border-left:2px solid #c9d7b9;padding-left:13px}.source-link{color:#818975;font-size:10px;margin-top:15px;gap:7px}.playback{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.step-button{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:11px;color:#748068}.step-button:not(:disabled):hover{color:var(--green)}.play-button{display:flex;align-items:center;gap:9px;border:1px solid #d2dcC9;border-radius:30px;padding:11px 20px;background:#fcfcf5;color:var(--green);font-size:11px;min-height:43px}.play-button:hover{background:#e4eddb}.play-dots{display:flex;gap:4px;margin-left:8px}.play-dots i{width:4px;height:4px;border-radius:50%;background:#d6decf}.play-dots i.filled{background:#82a088}.journey-disclaimer{display:flex;align-items:center;gap:7px;justify-content:center;color:#919886;font-size:9px;letter-spacing:.4px;margin-top:24px}.journey-disclaimer>span{padding-inline:4px}
.lens{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-block:80px;border-bottom:1px solid var(--line)}.lens-intro .eyebrow{margin-bottom:13px}.lens-intro h2{font-family:var(--serif);font-size:27px;line-height:1.65}.lens-intro p:not(.eyebrow){font-size:12px;margin-top:16px;color:#7b8373}.lens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center}.lens-number{font-family:var(--serif);font-style:italic;font-size:35px;color:#b4c0a4;display:block;margin-bottom:18px}.lens-grid h3{font-size:15px;margin-bottom:10px}.lens-grid p{font-size:11px;color:#828876;line-height:1.9}.comparison{padding-block:65px 80px}.comparison .section-heading>svg{color:#a3b193;margin:0 8px 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px}thead{background:#edf1e5}th{font-weight:500}thead th{padding:19px 25px;color:#56715c;font-size:13px}thead th:first-child{width:16%}.country-dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:9px}.china-dot{background:#c38c73}.japan-dot{background:#8da286}tbody tr{border-top:1px solid #e6e7db}tbody th{padding:14px 25px;white-space:nowrap;color:#839175}tbody th svg{margin-right:12px}tbody th span{vertical-align:middle}tbody td{padding:0}tbody td button{padding:17px 25px;display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:11px;color:#767f6c;line-height:1.7;min-height:56px}tbody td button svg{opacity:0;transition:opacity .2s}tbody td button:hover,tbody td button:focus-visible{background:#f0f3e8;color:var(--green)}tbody td button:hover svg,tbody td button:focus-visible svg{opacity:1}.closing{background:#eaf0e3;border-block:1px solid #e1e7d8;text-align:center;padding:47px 20px}.closing>div>svg{color:#839c72;margin-bottom:19px}.closing h2{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:.5px}.closing p{font-size:12px;color:#819076;margin-top:12px}.closing .text-link{margin-top:20px;color:#688064}footer{display:flex;gap:30px;align-items:center;min-height:97px}.footer-brand{font-size:13px;font-weight:600;letter-spacing:.8px}footer p{color:#959984;font-size:10px;margin-right:auto}footer .text-link{font-size:10px;color:#89917e}
.dialog-open{overflow:hidden}dialog{background:var(--paper);color:var(--ink);border:1px solid #dce2d0;padding:45px;max-width:660px;width:calc(100% - 40px);max-height:85dvh;border-radius:19px;box-shadow:0 30px 100px #1b372832;overscroll-behavior:contain}dialog::backdrop{background:#203d3666;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:17px;width:33px;height:33px}.dialog-lead{font-size:13px;color:#7d8576;margin-top:17px}dialog h2{font-family:var(--serif);font-size:29px;line-height:1.5;margin-top:15px;padding-right:12px}dialog .eyebrow{font-size:10px}.method-item{display:flex;gap:19px;margin-top:26px}.method-item>span{font-family:var(--serif);font-size:25px;color:#a8b49b}.method-item h3{font-size:14px}.method-item p{font-size:12px;color:#7c8372;margin-top:7px}.method-item+.button{margin-top:27px}.source-list article{padding-block:24px;border-bottom:1px solid var(--line)}.source-publisher{font-size:10px;color:#8a927d}.source-list h3{font-size:16px;margin-block:6px 13px;line-height:1.6}.source-list h3 a:hover{text-decoration:underline}.source-list h3 svg{margin-left:8px}.source-list article>p:last-child{font-size:12px;color:#7b8573;margin-top:6px}.source-date,.pending-note{font-size:10px;color:#8b947f;margin-top:21px}.pending-art{width:145px;margin-top:-20px;margin-bottom:14px}.pending-note+.button{margin-top:25px}
.little-person{transform-box:fill-box;transform-origin:50% 100%;animation:sway 4s ease-in-out infinite}.hero-svg>g:nth-of-type(2n) .little-person{animation-delay:-1.6s}.float-leaf{animation:float 6s ease-in-out infinite}.story-visual figure,.story-text h3,.story-detail{animation:appear .42s ease-out both}.hero-copy{animation:appear .7s ease-out}.hero-picture{animation:appear .9s ease-out}.playing .play-dots i.filled{animation:breathe 1.3s infinite alternate}.playing .play-dots i:nth-child(2n){animation-delay:.4s}@keyframes sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{to{opacity:.3}}
[data-motion=false]{scroll-behavior:auto}[data-motion=false] *,[data-motion=false] *:before,[data-motion=false] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[lang=en] .brand strong{font-size:17px;letter-spacing:-.5px}html[lang=en] .hero h1{font-size:clamp(42px,4.35vw,61px);line-height:1.17;letter-spacing:-2px}html[lang=en] .hero-description{font-size:13px}html[lang=en] .hero-note{font-size:9px}html[lang=en] .hero .eyebrow{font-size:10px}html[lang=en] .country-tag{font-size:9px}html[lang=en] .country-name{font-size:20px;letter-spacing:-.5px}html[lang=en] .story-text h3{font-size:30px;line-height:1.35}html[lang=en] .story-detail{min-height:263px}html[lang=en] .story-tabs{gap:19px}html[lang=en] .story-tabs button{font-size:9px;letter-spacing:.4px}
@media(min-width:1500px){.hero{min-height:650px}.hero h1{font-size:66px}}
@media(max-width:1100px){.page-width,.header-inner{width:calc(100% - 64px)}.header-inner nav{gap:23px;margin-right:16px}.hero{min-height:560px}.hero h1{font-size:49px}.hero-picture{margin-right:-15px}.art-label{font-size:9px;padding:8px 11px}.hero-actions{gap:18px}.hero-note{font-size:9px}.section-heading{align-items:start}.section-heading>p{max-width:230px;padding-top:30px}.country-card{padding:19px 17px}.country-tag{font-size:9px}.country-description{font-size:10px;min-height:40px}.story-text{padding:28px}.story-text h3{font-size:26px}.story-visual{padding:25px 20px}.story-tabs{gap:16px}.story-tabs button{font-size:10px}.lens{gap:35px;grid-template-columns:1fr 1.5fr}.lens-grid{gap:19px}.lens-intro h2{font-size:23px}.lens-grid h3{font-size:14px}tbody th{padding-inline:19px}tbody th svg{margin-right:6px}thead th{padding-inline:20px}tbody td button{padding-inline:20px}html[lang=en] .hero h1{font-size:47px}html[lang=en] .story-text h3{font-size:27px}}
@media(max-width:850px){.page-width,.header-inner{width:calc(100% - 44px)}.site-header{height:80px}.brand strong{font-size:18px}.brand-icon{width:36px;height:39px}.brand small{font-size:9px}.header-inner nav{gap:20px;margin-right:4px}.header-inner nav button{display:none}.language-picker{padding-left:16px}.hero{min-height:500px;padding-block:50px 32px;grid-template-columns:1fr 1fr}.hero h1{font-size:41px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-description{font-size:12px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-actions .button{padding:13px 17px;gap:15px}.hero-note{max-width:300px;line-height:1.6}.hero-picture{margin-left:-25px;margin-right:-10px}.hero-caption{font-size:10px;max-width:250px;margin:auto}.label-school{left:0}.label-work{right:-5px;top:24%}.label-home{bottom:14%;right:6%}.art-label{font-size:8px;padding:7px 9px;letter-spacing:0}.section{padding-block:48px}.section-heading h2{font-size:26px}.section-heading>p{font-size:10px}.country-grid{gap:12px}.country-card{padding:15px 12px}.country-art{height:115px}.country-name{font-size:18px}.country-code{font-size:8px}.country-status{font-size:8px}.country-description{display:none}.country-link{font-size:10px}.country-tag{font-size:8px;min-height:26px}.selected .country-status{width:20px;height:20px}.story-text{padding:25px 23px}.story-tabs{gap:13px}.story-tabs button{font-size:9px}.story-tabs svg{width:14px}.story-text h3{font-size:23px;margin-bottom:19px}.story-detail{font-size:11px;min-height:270px}.story-visual{padding:23px 15px}.story-visual blockquote{font-size:13px}.chapter-number{font-size:8px}.age-tag{font-size:9px;padding:5px 10px}.lens{grid-template-columns:1fr;gap:30px}.lens-intro{max-width:560px}.lens-grid{gap:30px}.lens-number{margin-bottom:10px}.lens-grid p{font-size:12px}.lens-grid h3{font-size:16px}.closing h2{font-size:25px}html[lang=en] .hero h1{font-size:37px;letter-spacing:-1px}html[lang=en] .hero-description{font-size:11px}html[lang=en] .brand strong{font-size:15px}html[lang=en] .brand small{font-size:8px}html[lang=en] .story-text h3{font-size:24px}html[lang=en] .story-tabs{gap:12px}html[lang=en] .story-tabs button{font-size:8px}html[lang=en] .country-name{font-size:17px}html[lang=en] .country-tag{font-size:8px}}
@media(max-width:640px){html{scroll-padding-top:20px}.page-width,.header-inner{width:calc(100% - 40px)}.site-header{height:75px}.header-inner{gap:12px}.brand{gap:9px}.brand strong{font-size:18px}.brand small{font-size:8px}.header-inner nav{display:none}.language-picker{border:0;padding:0;gap:5px}.language-picker select{font-size:11px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:10px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:22px;font-size:9px;letter-spacing:2px}.hero h1{font-size:46px;line-height:1.38;letter-spacing:.6px}.hero-description{margin-top:24px;font-size:12px;line-height:1.95}.hero-actions{margin-top:24px;gap:24px}.hero-actions .button{padding:14px 21px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:9px;max-width:none;margin-top:20px}.hero-picture{margin:6px -8px 0}.hero-svg{max-width:450px;margin:auto}.art-label{font-size:9px;padding:9px 12px}.label-school{top:17%;left:0}.label-work{top:29%;right:0}.label-home{bottom:12%;right:4%}.hero-caption{font-size:11px;max-width:none;margin-top:9px}.section{padding-block:39px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:25px;letter-spacing:-.7px;line-height:1.5}.section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.section-heading>p{max-width:none;padding-top:10px;font-size:11px}.country-grid{grid-template-columns:repeat(2,1fr);gap:12px}.country-card{padding:15px 16px}.country-art{height:120px;margin-block:1px}.country-name{font-size:20px}.country-code{font-size:9px}.country-status{font-size:9px}.country-tag{font-size:9px;min-height:28px}.country-link{font-size:10px;margin-top:12px;padding-top:11px}.journey-section .section-heading{position:relative;margin-bottom:27px}.journey-section .section-heading h2{max-width:320px;font-size:24px}.journey-tools{margin-top:19px;gap:9px}.country-picker select{font-size:11px;padding-block:8px}.icon-button{height:34px;width:34px}.timeline{gap:0;padding:0;margin-bottom:24px}.timeline:before{top:19px;left:6%;right:6%}.timeline-stop{gap:8px;min-width:0}.stop-icon{height:36px;width:36px}.stop-icon svg{width:18px;height:18px}.timeline-stop.active .stop-icon{box-shadow:0 0 0 3px #dfe8d6}.stop-name{font-size:9px}.stop-number{font-size:8px;letter-spacing:.2px}.story-card{grid-template-columns:1fr;border-radius:14px}.story-visual{padding:20px 21px 21px}.scene-svg{max-height:267px}.scene-meta{margin-bottom:-6px}.chapter-number{font-size:9px}.age-tag{font-size:10px}.story-visual blockquote{font-size:14px}.story-text{padding:25px 24px}.story-text h3{font-size:28px;line-height:1.5;margin:10px 0 20px}.story-tabs{gap:30px}.story-tabs button{font-size:11px;gap:7px}.story-tabs button svg{width:16px}.story-detail{font-size:12px;min-height:0}.source-link{font-size:10px;margin-top:19px}.playback{gap:8px;margin-top:20px}.step-button{font-size:10px;gap:5px}.step-button svg{width:15px}.play-button{font-size:10px;padding:11px 15px;gap:6px}.play-button svg{width:15px}.play-dots{display:none}.journey-disclaimer{font-size:8px;flex-wrap:wrap;gap:5px;letter-spacing:0;margin-top:20px}.journey-disclaimer>span{display:none}.journey-disclaimer>svg{width:11px}.lens-grid{gap:17px}.lens-grid h3{font-size:14px}.lens-grid p{font-size:11px;line-height:1.8}.lens-number{font-size:29px}.lens-intro h2{font-size:25px}.lens-intro p:not(.eyebrow){font-size:12px}.comparison .section-heading>svg{display:none}thead th:first-child{width:20%}thead th{font-size:11px;padding:14px 12px}tbody th{padding:14px 10px;text-align:center;font-size:10px}tbody th svg{display:block;margin:0 auto 5px;width:18px}tbody td button{font-size:10px;line-height:1.7;padding:13px 12px;min-height:90px}tbody td button svg{display:none}.country-dot{width:6px;height:6px;margin-right:5px}.closing{padding:39px 0}.closing h2{font-size:25px;line-height:1.7;max-width:300px;margin:auto}.closing p{font-size:11px}.closing .text-link{font-size:11px}footer{flex-wrap:wrap;gap:6px 20px;padding-block:24px;min-height:0}footer p{order:3;width:100%;font-size:9px}.footer-brand{font-size:12px}footer .text-link{margin-left:auto;font-size:9px}dialog{padding:35px 25px 28px;width:calc(100% - 28px);max-height:88dvh;border-radius:15px}dialog h2{font-size:26px}.dialog-lead{font-size:12px}.source-list h3{font-size:14px}.method-item{gap:14px}.method-item p{font-size:11px}.source-date{font-size:9px}html[lang=en] .brand strong{font-size:15px}html[lang=en] .hero h1{font-size:47px;line-height:1.17;letter-spacing:-1.7px}html[lang=en] .hero-description{font-size:12px;line-height:1.8}html[lang=en] .hero-note{font-size:8px}html[lang=en] .country-name{font-size:19px}html[lang=en] .country-tag{font-size:8px}html[lang=en] .stop-name{font-size:8px}html[lang=en] .story-text h3{font-size:30px}html[lang=en] .story-detail{min-height:0}html[lang=en] .story-tabs button{font-size:9px}html[lang=en] .story-tabs{gap:24px}html[lang=en] .play-button{font-size:9px;padding-inline:11px}html[lang=en] .step-button{font-size:9px}html[lang=en] .step-button span{max-width:52px;text-align:center;line-height:1.3}html[lang=en] .journey-disclaimer{font-size:7px}html[lang=en] .lens-grid h3{font-size:13px}html[lang=en] .lens-grid p{font-size:10px}html[lang=en] .closing h2{font-size:27px;max-width:340px;line-height:1.4}}
@media(max-width:360px){.page-width,.header-inner{width:calc(100% - 30px)}.hero h1{font-size:40px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-actions{gap:15px}.country-card{padding-inline:12px}.country-tag{font-size:8px}.stop-icon{width:31px;height:31px}.timeline:before{top:16px}.story-text{padding:23px 20px}.story-tabs{gap:24px}.story-text h3{font-size:25px}.lens-grid{gap:11px}html[lang=en] .hero h1{font-size:41px}html[lang=en] .brand strong{font-size:13px}html[lang=en] .country-name{font-size:16px}html[lang=en] .story-text h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The atlas is read at leisure: keep body copy and controls comfortably sized. */
:root { --muted: #5c6e62; }
.hero-description, .hero-note, .country-description, .country-tag,
.journey-intro, .stop-name, .story-eyebrow, .chapter-number, .age-tag,
.story-visual blockquote, .story-detail, .content-label, .source-link,
.step-button, .journey-disclaimer, .lens-intro p:not(.eyebrow), .lens-grid p,
tbody th, tbody td button, .closing p, footer p, footer .text-link,
.dialog-lead, .method-item p, .source-publisher, .source-list article > p:last-child,
.source-date, .story-tabs button:not([aria-selected=true]) { color: var(--muted); }
.hero-description, html[lang=en] .hero-description { font-size: 16px; }
.hero-note, html[lang=en] .hero-note { font-size: 12px; line-height: 1.8; }
.atlas-note { margin-top: 30px; color: #6f7d6b; font-size: 10px; letter-spacing: 1.7px; }
.country-description { font-size: 13px; line-height: 1.8; min-height: 48px; }
.country-tag, html[lang=en] .country-tag { font-size: 11px; }
.country-link { font-size: 12px; }
.country-card.sweden { background: #eaf0f1; }
.country-card.selected { box-shadow: inset 0 0 0 1px var(--green), 0 6px 0 #dfe7d7; }
.section-heading > p, .section-heading > div > p:not(.eyebrow) { font-size: 14px; }
.journey-context { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 20px; margin-bottom: 26px; border: 1px solid #d8e0d0; background: #fafbf5; border-radius: 10px; }
.journey-context > p { display: flex; gap: 9px; align-items: center; font-size: 12px; color: #65745d; }
.journey-context > .text-link { flex-shrink: 0; font-size: 12px; }
.timeline-stop { padding-block: 7px; }
.timeline:before { top: 33px; }
.story-card.usa .story-visual { background: #f0eaf2; }
.story-card.sweden .story-visual { background: #e7eff1; }
.story-detail, html[lang=en] .story-detail { font-size: 15px; min-height: 258px; }
.story-tabs button, html[lang=en] .story-tabs button { font-size: 12px; min-height: 42px; }
.story-text h3 { margin-block: 13px 25px; }
.content-label { font-size: 11px; }
.reading { padding: 17px 20px; }
.source-link { font-size: 12px; }
.step-button, .play-button { min-height: 44px; font-size: 12px; }
.journey-disclaimer { font-size: 11px; line-height: 1.8; }
.choices { padding-top: 85px; padding-bottom: 70px; }
.choices > h2 { margin-top: 11px; font-family: var(--serif); font-size: 35px; font-weight: 500; }
.choices-intro { margin-top: 16px; max-width: 760px; font-size: 15px; color: var(--muted); }
.scenario-picker { display: flex; gap: 8px; flex-wrap: wrap; margin-block: 28px; }
.scenario-picker button { padding: 11px 20px; min-height: 44px; border: 1px solid #d9dfd0; border-radius: 30px; font-size: 13px; background: #fffef8; transition: background .2s; }
.scenario-picker button[aria-pressed=true] { background: var(--ink); border-color: var(--ink); color: #fffdf5; }
.scenario-picker button:hover { border-color: var(--green); }
.scenario-story > h3 { margin-bottom: 22px; font-size: 21px; font-weight: 500; }
.people-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.person-case { padding: 29px; border: 1px solid #e3d8c5; border-radius: 16px; background: #f7f0e3; }
.person-case.case-b { background: #ecf1e6; border-color: #d6e0cd; }
.person-heading { display: flex; align-items: center; gap: 17px; padding-bottom: 22px; margin-bottom: 21px; border-bottom: 1px solid #344b461c; }
.person-heading h4 { margin: 0 0 4px; font-size: 23px; font-family: var(--serif); font-weight: 500; }
.person-heading p { font-size: 12px; color: var(--muted); }
.person-avatar { width: 57px; height: 57px; flex-shrink: 0; display: grid; place-items: center; background: #fffaf0; border-radius: 50%; color: #a57650; }
.case-b .person-avatar { color: var(--green); }
.person-case > p { font-size: 15px; color: #586958; }
.case-reflection { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 27px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.case-reflection p { font-size: 14px; color: var(--muted); margin-top: 8px; }
.case-footnote { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 15px; }
.case-footnote > p { color: #65745e; font-size: 11px; max-width: 660px; }
.case-footnote > button { flex-shrink: 0; }
.lens { border-top: 1px solid var(--line); }
.lens-grid p, .lens-intro p:not(.eyebrow) { font-size: 14px; }
.table-wrap { overflow-x: auto; }
.table-wrap table { width: 100%; min-width: 920px; table-layout: fixed; }
thead th:first-child { width: 12%; }
thead th { font-size: 14px; padding: 19px; }
tbody th { padding: 20px 15px; font-size: 13px; }
tbody th svg { display: block; margin: 0 0 8px; }
tbody td button { font-size: 13px; line-height: 1.85; padding: 19px; min-height: 112px; }
.table-wrap th:first-child { position: sticky; left: 0; z-index: 1; background: #f3f5eb; }
.usa-dot { background: #aba0bc; }
.sweden-dot { background: #80a6b7; }
.scroll-hint { display: flex; align-items: center; gap: 9px; font-size: 11px; color: var(--muted); margin: -10px 0 13px; }
.closing p { font-size: 14px; }
footer p { font-size: 11px; }
.source-list article > p:last-child, .method-item p, .dialog-lead { font-size: 14px; }
.source-publisher, .source-date { font-size: 11px; }
.share-label { display: block; font-size: 12px; margin-top: 20px; }
.share-url { display: block; width: 100%; padding: 14px; border: 1px solid var(--line); background: #f3f5eb; border-radius: 6px; margin-top: 9px; font: inherit; font-size: 12px; color: var(--ink); }
.share-url:focus-visible, .table-wrap:focus-visible { outline: 3px solid #b37d3c; outline-offset: 4px; }
.standalone-message { max-width: 660px; margin: 15vh auto; padding: 30px; }
.standalone-message h1 { font-family: var(--serif); font-size: 38px; }
.standalone-message p { margin-block: 20px; }
@media (max-width: 1100px) {
  .header-inner nav { gap: 18px; margin-right: 10px; }
  .nav-link { font-size: 12px; }
  .story-detail, html[lang=en] .story-detail { font-size: 14px; min-height: 300px; }
}
@media (max-width: 850px) {
  .header-inner nav a[href="#choices"] { display: none; }
  .country-description { display: block; font-size: 12px; }
  .country-grid { grid-template-columns: repeat(2, 1fr); gap: 17px; }
  .country-card { padding: 22px; }
  .country-art { height: 150px; }
  .country-name, html[lang=en] .country-name { font-size: 23px; }
  .journey-context { align-items: flex-start; }
}
@media (max-width: 640px) {
  .hero h1 { font-size: 45px; }
  .hero-description, html[lang=en] .hero-description { font-size: 15px; }
  .hero-note, html[lang=en] .hero-note { font-size: 11px; }
  .atlas-note { font-size: 9px; letter-spacing: 1.2px; margin-top: 22px; }
  .hero-actions { gap: 20px; flex-wrap: wrap; }
  .hero-actions .button, .hero-actions .text-link { font-size: 13px; }
  .country-card { padding: 16px; }
  .country-art { height: 115px; }
  .country-name, html[lang=en] .country-name { font-size: 21px; }
  .country-tag, html[lang=en] .country-tag { font-size: 11px; min-height: 38px; }
  .country-description { min-height: 64px; font-size: 12px; }
  .country-link { font-size: 12px; }
  .section-heading > p { font-size: 14px; }
  .journey-context { padding: 14px; flex-direction: column; gap: 5px; }
  .journey-context > p { font-size: 12px; align-items: flex-start; }
  .journey-context > p svg { margin-top: 3px; }
  .timeline { overflow-x: auto; padding: 10px 4px; margin-inline: -4px; }
  .timeline-stop { min-width: 62px; gap: 9px; }
  .timeline:before { top: 36px; }
  .stop-icon { width: 38px; height: 38px; }
  .stop-name, html[lang=en] .stop-name { font-size: 10px; }
  .story-detail, html[lang=en] .story-detail { font-size: 15px; min-height: 0; }
  .story-tabs button, html[lang=en] .story-tabs button { font-size: 11px; }
  .story-tabs, html[lang=en] .story-tabs { gap: 24px; }
  .source-link { font-size: 12px; }
  .step-button, html[lang=en] .step-button { font-size: 11px; }
  .play-button, html[lang=en] .play-button { font-size: 11px; padding-inline: 13px; }
  .journey-disclaimer, html[lang=en] .journey-disclaimer { font-size: 10px; }
  .choices { padding-block: 48px; }
  .choices > h2 { font-size: 28px; line-height: 1.6; }
  .choices-intro { font-size: 14px; }
  .scenario-picker { gap: 7px; }
  .scenario-picker button { padding: 10px 13px; font-size: 12px; }
  .scenario-story > h3 { font-size: 18px; }
  .people-grid, .case-reflection { grid-template-columns: 1fr; }
  .person-case { padding: 22px; }
  .case-reflection { gap: 23px; }
  .case-footnote { align-items: flex-start; flex-direction: column; gap: 8px; }
  .lens-grid { grid-template-columns: 1fr; gap: 25px; }
  .lens-grid article { display: grid; grid-template-columns: 42px 1fr; column-gap: 16px; }
  .lens-number { grid-row: span 2; }
  .lens-grid h3 { font-size: 17px; }
  .lens-grid p { font-size: 14px; }
  .table-wrap table { min-width: 840px; }
  tbody th { text-align: left; }
  tbody th svg { margin: 0 0 8px; }
  tbody td button { font-size: 13px; padding: 16px; }
  thead th { font-size: 13px; padding: 16px; }
  footer { gap: 12px 18px; }
  footer .text-link { font-size: 11px; margin-left: 0; }
  footer p { font-size: 11px; }
}