:root{color-scheme:dark;font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;background:#0c1929;color:#e4eff5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 90% 600px at 40% 0,#1b3c4d,transparent)}a{color:#9ce5d8;text-underline-offset:4px}a:hover{color:#fff}button,select{font:inherit;color:inherit;background:#17364a;border:1px solid #537383;border-radius:8px;padding:8px 13px;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffdf94;outline-offset:4px}.learnShell{max-width:1040px;margin:auto;padding:28px 32px 40px}.project-nav{margin:0;align-items:center}.project-nav label{font-size:12px}.learnHero{padding:70px 0 45px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#92bcbd}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.045em;line-height:1.3;margin:20px 0}.lead{font-size:19px;line-height:1.9;color:#b7d1dc}h2{font-size:clamp(24px,3vw,32px);line-height:1.5;margin:14px 0 25px}h3{line-height:1.6;font-size:19px}p{font-size:15px;line-height:1.95}.contents{display:flex;flex-wrap:wrap;gap:14px 30px;border-top:1px solid #3b5669;border-bottom:1px solid #3b5669;padding:18px 0;font-size:14px}.learnShell>section{padding:55px 0;border-bottom:1px solid #365064;scroll-margin-top:20px}.equation{font:18px/1.9 Georgia,serif;padding:20px;background:#0a1526;border:1px solid #314e63;border-radius:12px;overflow-x:auto;margin:22px 0}.aside{border-left:3px solid #86d8c6;background:#173143;padding:18px 22px;font-size:14px;line-height:1.9;margin:24px 0}.actionLink{display:inline-block;margin:15px 0;font-size:15px;font-weight:700}.source{font-size:12px}.experiment{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#152c3d;border:1px solid #537283;border-radius:18px;padding:25px;margin:30px 0}.experiment h3{margin:12px 0}.experiment .equation{font-size:17px;padding:12px;margin:12px 0}.experiment label{display:block;font-size:13px}.experiment output{color:#a8f0dc;font-variant-numeric:tabular-nums;margin-left:10px}.experiment input{width:100%;accent-color:#9de3d2;min-height:35px}.directionPresets{display:flex;gap:8px}.directionPresets button{min-width:55px}#directionResult{font-size:14px;margin-bottom:0;min-height:55px}figure{margin:0;min-width:0}svg{width:100%;height:auto}figcaption{font-size:12px;line-height:1.8;color:#a9c3d2}.connectionGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.connectionGrid article{background:#12273a;border:1px solid #365268;border-radius:15px;padding:22px;scroll-margin-top:20px}.connectionGrid h3{margin:0 0 15px;color:#b4eadf}.connectionGrid p{font-size:14px;margin:0 0 15px}.connectionGrid a{font-size:12px;overflow-wrap:anywhere}footer{padding:32px 0;color:#9bb9c8;font-size:12px;line-height:1.8;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}@media(max-width:650px){.learnShell{padding:18px}.learnHero{padding:38px 0 25px}.lead{font-size:16px}.experiment,.connectionGrid{grid-template-columns:1fr}.experiment{padding:18px;gap:8px}.learnShell>section{padding:35px 0}.project-nav{gap:15px}.connectionGrid article{padding:20px}}