:root{--ink:#15191c;--muted:#657077;--paper:#f4f1e9;--card:#fffdf7;--orange:#ef5b2a;--yellow:#ffc857;--teal:#096b72;--line:#d8d2c5;--shadow:0 18px 45px #19222618}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans JP",system-ui,sans-serif;line-height:1.75}.hero{min-height:92vh;background:radial-gradient(circle at 78% 35%,#f67b3635,transparent 24%),linear-gradient(135deg,#101719,#1c292b);color:white;padding:0 6vw 5rem}.hero nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.brand{font-weight:900;letter-spacing:.08em;color:white;text-decoration:none;font-size:1.15rem}.brand span{color:var(--yellow);font-weight:600}.hero nav div{display:flex;gap:2rem}.hero nav div a{color:#d9e0df;text-decoration:none;font-size:.9rem}.hero nav div a:hover{color:var(--yellow)}#menuButton{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero-grid{max-width:1200px;margin:7rem auto 2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:center}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:.16em;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.04;letter-spacing:-.055em;margin:.7rem 0 1.5rem}.hero h1 em{font-style:normal;color:var(--yellow)}.lead{max-width:670px;color:#cbd4d2;font-size:1.08rem}.hero-actions{display:flex;gap:.8rem;margin:2rem 0}.primary,.secondary{padding:.85rem 1.4rem;border-radius:4px;font-weight:800;text-decoration:none;border:1px solid var(--yellow);cursor:pointer}.primary{background:var(--yellow);color:var(--ink)}.secondary{background:transparent;color:var(--yellow)}.notice{font-size:.78rem;color:#aebbb9}.process-visual{position:relative;height:430px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.torch{position:absolute;top:0;width:118px;padding:1.1rem;text-align:center;background:#e6eceb;color:#172023;font-weight:900;clip-path:polygon(12% 0,88% 0,75% 100%,25% 100%);z-index:2}.torch span{color:var(--orange);font-size:1.4rem}.bead{height:48px;border-radius:50%;background:linear-gradient(180deg,#ffb23f,#d9491d 55%,#67301d);box-shadow:inset 0 -8px 10px #0005,0 0 18px #ef5b2a55;margin-top:-10px}.b1{width:300px}.b2{width:260px}.b3{width:220px;box-shadow:inset 0 -8px 10px #0005,0 -18px 35px #ffb33f99}.plate{width:370px;background:#6e7b7d;padding:1rem;text-align:center;font-size:.7rem;letter-spacing:.2em}.labels{position:absolute;right:-2rem;top:110px;display:grid;gap:88px;color:#aebbb9;font-size:.72rem}.section{max-width:1160px;margin:auto;padding:6rem 1.5rem}.section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:.2rem 0 1.4rem}.intro{max-width:760px;color:var(--muted)}.flow{display:flex;align-items:center;justify-content:space-between;margin:3rem 0}.flow div{display:flex;gap:.75rem;align-items:center}.flow b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--yellow)}.flow i{color:var(--orange)}.status{padding:1.5rem;background:var(--card);border:1px solid var(--line)}.status>div{display:flex;justify-content:space-between}.status progress{width:100%;height:10px;accent-color:var(--orange)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.module{position:relative;background:var(--card);border:1px solid var(--line);padding:1.6rem;cursor:pointer;transition:.2s;text-align:left;color:inherit;font:inherit}.module:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--orange)}.module.done{border-left:6px solid var(--teal)}.module .num{color:var(--orange);font-weight:900;letter-spacing:.12em}.module h3{margin:.4rem 0;font-size:1.35rem}.module p{color:var(--muted);margin:0}.module .tag{display:inline-block;margin-top:1rem;font-size:.72rem;background:#efe9dc;padding:.2rem .55rem}.causality{max-width:none;background:#122023;color:white;text-align:center;padding-left:calc((100% - 1160px)/2 + 1.5rem);padding-right:calc((100% - 1160px)/2 + 1.5rem)}.chain{display:flex;align-items:stretch;justify-content:center;gap:1.2rem;margin:3rem 0}.chain div{flex:1;max-width:290px;border:1px solid #ffffff2b;padding:1.5rem}.chain small{display:block;color:var(--yellow);margin-bottom:.5rem}.chain span{align-self:center;color:var(--orange);font-size:2rem}.quiz-question{background:var(--card);padding:1.4rem;border:1px solid var(--line);margin:1rem 0}.quiz-question p{font-weight:800}.quiz-question label{display:block;padding:.45rem .7rem;border-radius:3px}.quiz-question label:hover{background:#f0eadf}#quizResult{font-weight:900;margin-top:1rem}.quiz-submit{background:var(--ink);color:white;border:0;padding:.9rem 1.4rem;font-weight:800;cursor:pointer}#glossarySearch{width:100%;padding:1rem;border:1px solid var(--line);background:white;font:inherit}.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.term{background:var(--card);border-top:3px solid var(--teal);padding:1.2rem}.term b{display:block}.term span{color:var(--muted);font-size:.9rem}.sources{border-top:1px solid var(--line)}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.source-list a{color:var(--teal);background:#fff;padding:.8rem;text-decoration:none;border-left:3px solid var(--orange)}footer{background:#0f1719;color:#aeb8b7;padding:2rem 6vw;display:flex;justify-content:space-between;font-size:.8rem}dialog{width:min(760px,92vw);max-height:88vh;border:0;border-radius:6px;padding:0;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#0c1517cc}.close{float:right;margin:1rem;background:none;border:0;font-size:1.8rem;cursor:pointer}.dialog-inner{padding:2.5rem}.dialog-inner h2{font-size:2.2rem;line-height:1.2}.dialog-inner h3{margin-top:1.8rem;color:var(--teal)}.dialog-inner .takeaway{border-left:4px solid var(--orange);background:#fff2dc;padding:1rem}.complete{width:100%;background:var(--teal);color:white;border:0;padding:1rem;font-weight:900;cursor:pointer;margin-top:1.5rem}@media(max-width:780px){.hero{padding-inline:1.2rem}.hero-grid{grid-template-columns:1fr;margin-top:3rem;gap:2rem}.process-visual{height:330px;transform:scale(.85)}#menuButton{display:block}#navLinks{display:none;position:absolute;top:72px;right:1rem;background:#182426;padding:1rem;flex-direction:column;z-index:5}#navLinks.open{display:flex}.flow{align-items:flex-start;flex-direction:column}.flow i{transform:rotate(90deg);margin-left:1rem}.module-grid,.glossary-grid,.source-list{grid-template-columns:1fr}.chain{flex-direction:column;align-items:center}.chain span{transform:rotate(90deg)}.chain div{width:100%}footer{flex-direction:column}.labels{display:none}}