:root{--paper:#f5f4ed;--ink:#183b36;--muted:#5a6f65;--line:#d2d8cc;--lime:#dbef8e;--orange:#a54a2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:hover{color:#8a492c}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #9b471f;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button{color:inherit} .preview-bar{background:var(--ink);color:#f4f5e9;padding:7px 4%;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between}.preview-bar a{text-decoration:underline;text-underline-offset:3px}.header{margin:0 4%;height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:35px}.brand{display:flex;align-items:center;gap:15px;font-size:46px;font-weight:750;letter-spacing:-4px;line-height:1}.brand span{font-size:9px;font-weight:500;letter-spacing:.08em;line-height:1.5}.header nav{display:flex;gap:32px;margin-left:auto;font-size:12px}.search-link{font-size:21px;border-left:1px solid var(--line);padding-left:22px}.search-link span{font-size:12px}main{margin:0 4%}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:60px 0 46px;gap:25px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650}.dot{display:inline-block;width:7px;height:7px;background:#a0b955;border-radius:100%;margin-right:10px}h1{font-size:clamp(32px,3.9vw,62px);line-height:1.5;letter-spacing:.04em;margin-top:20px}h1 span{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500}.mobile-break{display:none}.intro{font-size:13px;padding:0 2% 8px 0;line-height:2.2}.intro a{display:flex;gap:30px;margin-top:20px;border-bottom:1px solid var(--ink);padding-bottom:7px}.intro a span{font-size:25px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:18px}.section-top h2{font-size:21px;margin-top:5px;letter-spacing:.03em}.section-top>p,.status{font-size:11px;color:var(--muted)}.status{border:1px solid var(--line);padding:4px 12px;border-radius:20px}.panorama-scroll{border-radius:5px;overflow:auto;scrollbar-color:var(--ink) var(--paper)}.panorama{position:relative;aspect-ratio:2.04;background:#c6dcda;overflow:hidden}.panorama>img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;display:block}.scene-label{position:absolute;top:24px;left:25px;display:grid;gap:2px;background:#f8f7edee;padding:13px 17px;border-radius:2px}.scene-label span{font-size:9px;letter-spacing:.15em}.scene-label strong{font-size:13px;font-weight:500}.hotspot{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-22px,-22px);filter:drop-shadow(0 2px 5px #16312828);white-space:nowrap}.hotspot b{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ffffffb0;border-radius:50%;background:var(--ink);color:white;font-size:12px;font-weight:500;box-shadow:0 0 0 5px #f8f9ef55;transition:transform .2s}.hotspot span{background:#f9f9edee;border-radius:2px;padding:6px 11px;font-size:11px}.hotspot:hover b,.hotspot:focus-visible b{transform:scale(1.12);background:#744725}.sky{left:34%;top:19%}.cloud{left:68%;top:30%}.leaf{left:15%;top:55%}.train{left:51%;top:58%}.water{left:78%;top:82%}.scene-credit{position:absolute;bottom:14px;left:22px;font-size:8px;letter-spacing:.12em;background:#f5f4edcc;padding:2px 6px}.explore-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;gap:12px}.tiny-circle{border:1px solid var(--ink);border-radius:50%;padding:0px 4px;margin-right:8px}.text-button{background:none;border:0;font-size:11px;padding:8px}.text-button span{padding-left:15px}.mobile-hint{display:none}.section{padding:80px 0}.section h2{font-size:30px;line-height:1.7}.filter-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin:28px 0}.filters{display:flex;gap:25px}.filters button{border:0;background:transparent;font-size:12px;padding:10px 0 16px}.filters button.active{border-bottom:2px solid var(--ink);font-weight:700}.search{display:flex;align-items:center;gap:10px}.search input{width:175px;border:0;background:transparent;font-size:12px;padding:8px;color:var(--ink)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.question-card[hidden]{display:none}.card-art{aspect-ratio:1.65;position:relative;overflow:hidden;border-radius:3px;background:#a9cbd0}.card-art>span{position:absolute;z-index:1;top:14px;left:16px;font-size:9px;letter-spacing:.12em;background:#f5f4eddd;padding:2px 7px}.sky-art{background:linear-gradient(165deg,#33728c,#9dc6d3 60%,#e0e8df)}.sun-disc{width:75px;height:75px;border-radius:50%;background:#fff7d9;position:absolute;top:24%;right:25%;box-shadow:0 0 70px #fff6d388}.sky-art:after{content:'';position:absolute;inset:55% -10% -70%;border:1px solid #eef5e955;border-radius:50%;box-shadow:0 -20px 0 0 #eaf4e922,0 -40px 0 0 #eaf4e922}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.cloud-art img{object-position:80% 0;transform:scale(2.6);transform-origin:65% 10%}.train-art img{transform:scale(2.2);transform-origin:53% 53%}.question-card a:hover .card-art{filter:brightness(1.04)}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:17px 0 10px}.card-meta span{font-size:9px}.question-card h3{font-size:21px;line-height:1.7}.card-action{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid var(--line);padding:20px 0 14px}.topic-index{margin-top:26px;display:flex;gap:28px;font-size:11px}.topic-index>span{color:var(--muted)}.depth{background:var(--ink);color:var(--paper);margin:0 -4.35%;padding:65px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.depth-intro .eyebrow{color:#c4d2ab}.depth-intro h2{margin-top:18px;font-family:"Yu Mincho",serif;font-size:38px;line-height:1.65}.depth-intro>p:not(.eyebrow){font-size:12px;line-height:2.2;margin-top:20px;color:#d0dccf}.depth-intro>a{font-size:11px;display:inline-block;margin-top:23px;border-bottom:1px solid #9dad96}.depth a:hover{color:var(--lime)}.depth-steps>a{display:flex;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid #657e6a}.depth-steps>a:first-child{padding-top:7px}.depth-steps>a>span{font-family:Georgia,serif;font-size:24px;color:var(--lime)}.depth-steps h3{font-size:17px}.depth-steps h3 small{font-weight:400;display:block;color:#ced8c8;font-size:10px;margin-top:3px}.depth-steps p{font-size:11px;color:#d0dccf;margin-top:5px}.depth-steps b{margin-left:auto;font-weight:400}.about{position:relative;display:grid;grid-template-columns:1fr 2.5fr;gap:20px;border-bottom:1px solid var(--line);overflow:hidden}.about h2{font-size:28px}.about p:not(.eyebrow){font-size:12px;margin:20px 0;line-height:2.3}.about a{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:6px}.about-mark{position:absolute;right:15px;bottom:30px;font-size:200px;letter-spacing:-25px;color:#e4e7d9;z-index:-1;font-family:Georgia,serif}.about-mark span{font-size:85px}.notes{display:flex;gap:40px;align-items:center;padding:28px 0;font-size:11px}.notes a{margin-left:auto}footer{margin:30px 4% 0;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer .brand{font-size:38px}footer p{font-family:serif;font-size:16px}footer small{font-size:9px;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:5px;padding:0;max-width:720px;width:calc(100% - 30px);max-height:88dvh;box-shadow:0 20px 100px #082b3840}dialog::backdrop{background:#092b2b99;backdrop-filter:blur(4px)}.reader-top{display:flex;justify-content:space-between;align-items:center;padding:13px 25px;border-bottom:1px solid var(--line);font-size:10px;position:sticky;top:0;background:var(--paper);z-index:2}.reader-top button{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%}.reader-body{padding:30px 38px 45px}.reader-body h2{font-size:30px;line-height:1.5;margin:10px 0 24px}.reader-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.reader-tabs button{font-size:11px;padding:9px 12px;border:1px solid var(--line);background:transparent;border-radius:20px}.reader-tabs button[aria-pressed=true]{background:var(--ink);color:white}.reader-body h3{margin:22px 0 12px;font-size:19px}.reader-body p{margin:15px 0;font-size:14px;line-height:2.1}.reader-body a{text-decoration:underline}.reader-body .note{font-size:11px;color:var(--muted);background:#e7ecdf;padding:14px}.equation{padding:20px;background:#e4ebde;text-align:center;font:24px Georgia,serif}.fallback{padding:40px 8%;border-top:1px solid var(--line)}.fallback article{margin:20px 0}.js .fallback{display:none}.skip{position:fixed;top:-100px;left:10px;background:white;padding:10px;z-index:20}.skip:focus{top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body.modal-open{overflow:hidden}
@media(min-width:1500px){main,.header,footer{max-width:1400px;margin-left:auto;margin-right:auto}}@media(max-width:900px){.header nav{gap:18px}.hero{padding-top:40px}.intro{font-size:11px}.panorama{min-width:830px}.hotspot span{font-size:10px}.article-grid{gap:18px}.question-card h3{font-size:17px}.depth{padding:50px 6%;gap:30px}.depth-steps>a{gap:15px}.about{grid-template-columns:1fr 3fr}.notes{gap:20px}.mobile-hint{display:block;font-size:10px;text-align:center;margin-top:9px;color:var(--muted)}}
@media(max-width:600px){.preview-bar{font-size:8px;gap:12px}.preview-bar a{white-space:nowrap}.header{height:76px;gap:10px}.brand{font-size:38px}.brand span{font-size:8px}.header nav{margin-left:auto;gap:15px}.header nav a{font-size:10px}.header nav a:nth-child(n+3){display:none}.search-link{padding-left:8px}.search-link span{display:none}.hero{display:block;padding:34px 0 30px}.eyebrow{font-size:9px}h1{font-size:34px;line-height:1.65;letter-spacing:.02em;margin-top:15px}.mobile-break{display:block}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0;margin-top:22px;font-size:10px}.intro a{font-size:10px;gap:5px;line-height:1.5;margin:0}.intro a span{font-size:20px}.section-top{align-items:flex-start;margin-bottom:15px}.section-top h2{font-size:17px}.status{font-size:8px;white-space:nowrap;padding:4px 6px;margin-top:20px}.panorama{min-width:720px;aspect-ratio:1.65}.scene-label{top:15px;left:15px}.scene-label strong{font-size:11px}.hotspot span{padding:5px 7px;font-size:10px}.explore-bottom{align-items:flex-start;gap:6px;flex-direction:column;font-size:10px}.text-button{padding:5px 0}.section{padding:48px 0}.section h2{font-size:24px}.questions .section-top>p{display:none}.filter-row{display:block;margin:20px 0}.filters{justify-content:space-between;gap:12px}.filters button{font-size:11px}.search{border-top:1px solid var(--line);padding:5px 0}.search input{width:100%}.article-grid{grid-template-columns:1fr;gap:30px}.question-card h3{font-size:22px}.card-art{aspect-ratio:1.9}.card-meta{margin-top:12px}.card-action{padding-top:12px}.topic-index{gap:10px;flex-wrap:wrap;font-size:10px}.topic-index>span{width:100%}.depth{display:block;padding:40px 7%;margin-top:5px}.depth-intro h2{font-size:32px}.depth-intro>p:not(.eyebrow) br{display:none}.depth-steps{margin-top:32px}.depth-steps>a{padding:18px 0}.about{display:block}.about>div{margin-top:18px}.about h2{font-size:22px}.about p:not(.eyebrow){font-size:11px}.about-mark{font-size:160px;right:20px;bottom:20px}.notes{flex-wrap:wrap;gap:9px;padding:22px 0}.notes>.eyebrow{width:100%}.notes p{font-size:10px}.notes a{font-size:10px}footer{flex-wrap:wrap;gap:24px;margin-top:10px}footer p{font-size:13px}footer small{width:100%;font-size:8px}.reader-body{padding:22px}.reader-body h2{font-size:25px}.reader-tabs{gap:5px}.reader-tabs button{font-size:10px;padding:8px}.reader-top{padding:8px 15px}.reader-top span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Hotspots aligned to the generated illustration's rendered crop. */
.sky{left:86%;top:12%;flex-direction:row-reverse;transform:translate(calc(-100% + 22px),-22px)}.cloud{left:61%;top:29%}.train{left:67%;top:44%}.leaf{left:20%;top:48%}.water{left:83%;top:79%;flex-direction:row-reverse;transform:translate(calc(-100% + 22px),-22px)}
@media(max-width:600px){.train{top:45%}.sky{top:17%}}

.cloud{top:14%}.topic-index a[hidden]{display:none}
/* Version 2: scene collection, short question summaries, and separate article entrances. */
.scene-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}.scene-toolbar>div>p:last-child{font-size:15px;margin-top:4px}.scene-arrows{display:flex;align-items:center;gap:18px}.scene-arrows button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:17px}.scene-arrows button:hover{background:var(--ink);color:var(--paper)}#scene-counter{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.scene-switcher{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.scene-option{padding:0;border:1px solid var(--line);border-radius:3px;text-align:left;display:flex;align-items:center;gap:13px;overflow:hidden;background:transparent;min-width:0;transition:background .2s,border-color .2s}.scene-option img{width:65px;height:62px;object-fit:cover;flex-shrink:0}.scene-option-copy{display:grid;line-height:1.5;padding:9px 8px 9px 0}.scene-option small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.scene-option strong{font-size:12px;font-weight:550}.scene-option[aria-pressed=true]{border-color:var(--ink);background:#e0e8d6;box-shadow:inset 0 -2px var(--ink)}.scene-option:hover{background:#e8ebdf}.panorama[aria-busy=true]::after{content:'景色を読み込んでいます…';position:absolute;bottom:18px;right:20px;padding:5px 14px;background:var(--paper);font-size:11px}#hotspots{position:absolute;inset:0}.hotspot{z-index:2}.hotspot.label-left{flex-direction:row-reverse;transform:translate(calc(-100% + 22px),-22px)}.hotspot b{transition:transform .2s,background .2s}.hotspot:focus-visible{outline:none}.hotspot:focus-visible b{outline:3px solid #a54a2e;outline-offset:8px}.hover-hint{font-size:10px;color:var(--muted);margin:7px 0 0 25px}.equation-card{position:fixed;z-index:40;width:300px;max-width:calc(100vw - 24px);padding:17px 20px;background:#fcfcf4;border:1px solid #b6c4ac;border-radius:5px;box-shadow:0 12px 36px #14362c33;pointer-events:none;line-height:1.6}.equation-card[hidden]{display:none}.equation-card .eyebrow{font-size:8px;color:var(--muted)}.equation-card strong{display:block;font-size:13px;font-weight:550;margin-top:6px}.equation-card img{display:block;max-width:100%;max-height:55px;object-fit:contain;width:auto;height:auto;margin:15px auto}.equation-card>p:last-child{font-size:10px;color:var(--muted)}.encyclopedia-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e9eddf;border-radius:3px;padding:27px 33px;margin-top:22px}.encyclopedia-cta h3{font-size:21px;margin:5px 0}.encyclopedia-cta p{font-size:11px;color:var(--muted)}.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 22px;background:var(--ink);color:var(--paper);font-size:12px;border-radius:2px;white-space:nowrap}.button-primary:hover{background:#2c5342;color:var(--paper)}.button-primary span{font-size:18px}.filters{gap:24px;flex-wrap:wrap}.topic-index{display:block}.topic-index>span{display:block;margin-bottom:13px}#more-topics{display:flex;flex-wrap:wrap;gap:8px}.topic-pill{border:1px solid var(--line);padding:7px 12px;border-radius:20px;font-size:10px}.topic-pill:hover{border-color:var(--ink);background:#e9eddf}.topic-pill[hidden],.topic-index[hidden]{display:none}
.reader-body{padding-bottom:30px}.reader-body h2{margin-bottom:20px}.reader-body .question-teaser{font-size:15px;line-height:2.15;margin:15px 0}.reader-body .question-invitation{font-family:"Yu Mincho",serif;font-size:18px;line-height:1.9;margin:20px 0 25px}.summary-equation{font-size:11px;color:var(--muted);padding:11px 0;border-block:1px solid var(--line)}.summary-equation summary{cursor:pointer;width:fit-content}.summary-equation img{display:block;max-width:95%;max-height:65px;width:auto;height:auto;margin:18px auto 12px}.reader-body .equation-explanation{font-size:10px;line-height:1.7;margin-bottom:6px}.reader-article-intro{margin:28px 0 14px}.reader-article-intro h3{font-size:17px;margin:6px 0}.reader-article-intro>p:last-child{font-size:11px;color:var(--muted);margin:5px 0}.level-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-link{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:15px 13px;border-radius:3px;text-decoration:none!important;background:#edf0e5;min-width:0;transition:border-color .2s,background .2s}.level-link:hover,.level-link.suggested{background:#e2eacd;border-color:var(--ink)}.level-number{font:21px Georgia,serif;color:#58723e}.level-link h4{font-size:13px;font-weight:550;margin:0}.level-prerequisite{display:block;font-size:9px;color:var(--muted);margin-top:3px}.level-arrow{margin-left:auto;white-space:nowrap;font-size:9px}.reader-body .reader-prototype-note{font-size:9px;color:var(--muted);line-height:1.6;margin-top:18px}.fallback nav{display:flex;gap:12px;flex-wrap:wrap}.fallback nav a{font-size:11px;border-bottom:1px solid}.social{padding-bottom:60px}.social-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-top:30px}.social-card{position:relative;border:1px solid var(--line);border-radius:3px;overflow:hidden;padding:28px 24px;background:#ecefdf;display:flex;flex-direction:column;transition:transform .25s}.social-card:hover{transform:translateY(-3px);color:var(--ink)}.social-card h3{font-size:22px;line-height:1.6;font-family:"Yu Mincho",serif;margin:20px 0 15px}.social-card p:not(.eyebrow){font-size:11px;line-height:2}.social-platform{font-size:11px;letter-spacing:.06em}.social-icon{position:absolute;right:22px;top:23px;font-size:25px;line-height:1}.social-video{padding:0;background:#fbfbf2}.social-visual{position:relative;min-height:205px;background:#3e5c46 url('../images/park.jpg') center 43%/cover;padding:17px 23px;color:white;isolation:isolate}.social-visual:before{content:'';position:absolute;inset:0;background:#08242166;z-index:-1}.social-visual .social-platform{display:block}.play-mark{position:absolute;right:24px;bottom:24px;border:1px solid #e9f2e999;border-radius:50%;height:45px;width:45px;display:grid;place-items:center;font-size:16px}.social-visual-caption{font-family:"Yu Mincho",serif;font-size:24px;line-height:1.8;display:block;margin-top:15px}.social-copy{padding:23px}.social-copy h3{font-size:17px;font-family:inherit;margin:9px 0 10px}.social-copy>span,.social-action{font-size:11px;margin-top:20px;display:block}.social-instagram{background:#ede6db}.social-x{background:#e3e9dc}.social-action{padding-top:25px;margin-top:auto}.news{position:relative;display:grid;grid-template-columns:1fr 2.3fr;gap:45px;border-top:1px solid var(--line);padding:45px 0 65px}.news-intro h2{font-size:27px;margin:10px 0 15px;line-height:1.55}.news-intro>p:not(.eyebrow){font-size:11px;color:var(--muted)}.news-intro>a{display:inline-block;font-size:11px;border-bottom:1px solid var(--ink);margin-top:18px;padding-bottom:5px}.news-list>a{position:relative;display:block;padding:20px 32px 22px 0;border-bottom:1px solid var(--line)}.news-list>a:first-child{padding-top:0}.news-list>a>div{display:flex;align-items:center;gap:20px;font-size:10px}.news-list time{font-variant-numeric:tabular-nums;color:var(--muted)}.news-list span{font-size:9px;background:#e8ecdd;padding:3px 10px;border-radius:20px}.news-list h3{font-size:16px;margin-top:8px;font-weight:500;line-height:1.9}.news-list b{position:absolute;right:0;top:45%;font-weight:400}.news-source{grid-column:2;font-size:9px;color:var(--muted);margin-top:-22px}.about{padding-top:55px}.footer-links{display:flex;gap:20px;font-size:10px}
@media(max-width:1000px){.scene-option{gap:8px}.scene-option img{width:50px}.scene-option strong{font-size:11px}.filters{gap:20px}.filter-row{gap:20px}.social-grid{gap:13px}.social-card{padding:24px 20px}.social-video{padding:0}.social-card h3{font-size:19px}.social-copy h3{font-size:15px}.social-icon{right:17px}}
@media(max-width:700px){.scene-option img{width:42px;height:53px}.scene-option{gap:5px}.scene-option-copy{padding-right:3px}.scene-option strong{font-size:10px}.scene-switcher{gap:7px}.scene-toolbar>div>p:last-child{font-size:13px}.scene-arrows{gap:13px}.filter-row{flex-wrap:wrap}.social-grid{grid-template-columns:1fr 1fr}.social-video{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.social-visual{min-height:230px}.social-copy{padding:22px}.news{gap:23px;grid-template-columns:1fr 2fr}.news-list h3{font-size:14px}.level-links{grid-template-columns:1fr}.level-link{padding:13px 16px}.level-link h4{font-size:14px}.level-prerequisite{font-size:10px}.level-arrow{font-size:11px}.reader-body .question-invitation{font-size:17px}}
@media(max-width:600px){.scene-switcher{gap:6px;margin-bottom:13px}.scene-option{display:block;position:relative}.scene-option img{width:100%;height:48px}.scene-option-copy{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 2px}.scene-option-copy small{font-size:7px}.scene-option strong{font-size:9px}.scene-toolbar{margin-top:19px}.scene-arrows button{width:33px;height:33px}.scene-arrows{gap:11px}.scene-toolbar .eyebrow{font-size:8px}.scene-toolbar>div>p:last-child{font-size:12px}.hover-hint{display:none}.encyclopedia-cta{display:block;padding:22px;margin-top:20px}.encyclopedia-cta h3{font-size:17px}.encyclopedia-cta .button-primary{display:flex;margin-top:20px;padding:12px 18px}.filters{gap:8px 18px;justify-content:flex-start}.filters button{padding:10px 0}.search{margin-top:9px}.social{padding-bottom:40px}.social .section-top>p{display:none}.social-grid{gap:12px;margin-top:22px}.social-card{padding:22px 17px}.social-video{padding:0;display:block}.social-visual{min-height:220px}.social-copy{padding:22px}.social-card h3{font-size:18px}.social-copy h3{font-size:17px}.social-card p:not(.eyebrow){font-size:10px}.social-platform{font-size:10px}.social-icon{right:14px;top:21px;font-size:19px}.social-visual-caption{font-size:27px}.social-action{font-size:10px}.news{display:block;padding:35px 0 38px}.news-intro h2{font-size:24px}.news-intro h2 br{display:none}.news-intro>a{margin-top:15px}.news-list{margin-top:24px}.news-list>a>div{gap:13px}.news-list h3{font-size:14px;line-height:1.8}.news-source{margin-top:16px}.reader-body .question-teaser{font-size:14px}.reader-article-intro{margin-top:23px}.reader-body .reader-prototype-note{font-size:9px}.topic-pill{font-size:10px}.section-top>.status{font-size:7px;padding:4px 6px}.equation-card{width:270px}.footer-links{flex-wrap:wrap;width:100%;gap:16px}footer small{margin-top:-8px}}
@media(hover:none){.hover-hint{display:none}}
.social-profiles{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:10px}.social-profiles>span{color:var(--muted)}.social-profiles a{border-bottom:1px solid var(--line)}@media(max-width:600px){.social-profiles{gap:10px 20px}.social-profiles>span{width:100%}}
/* Each hotspot can set desktop and mobile label sizes independently. */
.hotspot{height:44px}.hotspot .hotspot-label{font-size:var(--hotspot-label-size,15px);font-weight:550;line-height:1.65;padding:8px 12px;max-width:280px;width:max-content;white-space:normal;overflow-wrap:anywhere;background:#fffdf3f7;box-shadow:0 2px 8px #183b361c}.hotspot b{font-size:13px}.hotspot.label-below .hotspot-label{position:absolute;left:-10px;top:52px}.hotspot.label-below.label-left .hotspot-label{left:auto;right:0}
@media(max-width:600px){.hotspot .hotspot-label{font-size:var(--hotspot-label-size-mobile,14px);padding:8px 11px;max-width:260px}}

/* QLI's Q frames the question without rasterizing its text. */
.hotspot .hotspot-label,.sphere-pin .sphere-pin-label{background:transparent url('../images/q-frame.svg') center/100% 100% no-repeat;border-radius:0;box-shadow:none;text-align:center;padding:17px 25px 28px;min-width:150px;max-width:280px;color:var(--ink);filter:drop-shadow(0 2px 3px #14352a22)}
.hotspot.label-below .hotspot-label{top:55px}.flat-panel[hidden],.exploration-jump[hidden]{display:none!important}.scene-arrows button:disabled{opacity:.4;cursor:default}.depth-optional-note{font-size:11px!important;color:var(--muted);line-height:1.8}.level-links{grid-template-columns:1fr}.level-links .level-link{padding:14px 16px}.scene-switcher{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:600px){.hotspot .hotspot-label,.sphere-pin .sphere-pin-label{padding:17px 24px 28px;max-width:260px}.scene-switcher:not(.sphere-switcher){display:flex;overflow-x:auto;padding-bottom:3px}.scene-switcher:not(.sphere-switcher) .scene-option{flex:0 0 65px}.scene-arrows button:disabled:hover{background:transparent;color:var(--ink)}}

.sphere-pin .sphere-pin-label{min-width:0}

/* Questions on illustrations appear at the numbered point, on hover or keyboard focus. */
.hotspot,.hotspot.label-left{display:block;width:44px;height:44px;transform:translate(-22px,-22px)}
.hotspot .hotspot-label{position:absolute;left:55px;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s}
.hotspot.label-left .hotspot-label{left:auto;right:55px}
.hotspot.label-below .hotspot-label{left:-10px;right:auto;top:55px;transform:none}
.hotspot.label-below.label-left .hotspot-label{left:auto;right:0}
.hotspot:focus-visible .hotspot-label{opacity:1;visibility:visible}
@media(hover:hover){.hotspot:hover .hotspot-label{opacity:1;visibility:visible}}
.hotspot .hotspot-label,.sphere-pin .sphere-pin-label{padding:20px 29px 31px}
@media(max-width:600px){.hotspot .hotspot-label,.sphere-pin .sphere-pin-label{padding:20px 28px 31px}}
@media(prefers-reduced-motion:reduce){.hotspot .hotspot-label{transition:none}}