:root{font-family:Arial,Helvetica,sans-serif;color:#f8f1ff;background:#28165c;font-synthesis:none;--mint:#aeefd9;--rose:#ffb8bc;--ink:#28165c;--cream:#fff5df}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,summary{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #f8d879;outline-offset:7px}p{line-height:1.55}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4vw,62px);letter-spacing:-.055em;line-height:1.02}h2{font-size:27px;letter-spacing:-.03em}h3{font-size:28px;line-height:1.1;letter-spacing:-.025em}.kicker{font-size:11px;letter-spacing:.13em;font-weight:700}.skip{position:absolute;left:10px;top:-100px;z-index:100;padding:14px;background:white;color:#28165c}.skip:focus{top:10px}.identity{position:absolute;left:28px;top:35px;bottom:auto;width:135px;z-index:5}.wordmark{font-size:24px;letter-spacing:-1px;font-weight:800;text-decoration:none;display:block}.wordmark span{color:#ffd879}.identity-note{display:block;margin-top:20px;line-height:1.5;font-size:13px;color:#d9cde8}.map-return{display:inline-block;font-size:13px;margin-top:32px;padding:10px 0}.map-page .map-return{display:none}main{margin-left:200px;margin-right:4vw}.map-title{padding:44px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:50px}.map-title .kicker{grid-column:1/-1;margin-bottom:20px}.map-title h1{margin:0}.map-title>p:last-child{font-size:16px;margin:0 0 3px;max-width:320px}.route-map{margin-top:38px}.route{position:relative;min-height:270px;display:grid;grid-template-columns:1fr 1.1fr 1.1fr;column-gap:38px;padding:26px 10px 30px 0;align-items:start}.route-listener{--route-color:var(--mint)}.route-creator{--route-color:var(--rose);margin-top:5px}.route-line{position:absolute;height:82px;left:51px;right:34px;top:43px;border:6px solid var(--route-color);border-top:0;border-right:0;border-radius:0 0 0 54px;opacity:.9;pointer-events:none}.route .origin{position:relative;background:var(--ink);z-index:1;padding:0 20px 0 0;align-self:start;width:max-content;max-width:100%}.origin>span{font-size:34px;line-height:1;display:block;margin-bottom:16px;color:var(--route-color)}.origin h2{font-size:24px;margin-bottom:6px}.origin p{font-size:13px;color:#e0d4f0;max-width:175px}.station{position:relative;color:var(--route-color);margin-top:60px;z-index:2}.station summary{cursor:pointer;list-style:none;padding:0 0 12px 0;position:relative}.station summary::-webkit-details-marker{display:none}.station-dot{width:29px;height:29px;border:6px solid var(--route-color);border-radius:50%;display:block;background:var(--ink);position:absolute;top:-33px;left:0}.station-label{display:block;padding-top:14px}.station-label small{display:block;font-size:10px;letter-spacing:.12em}.station-label strong{display:block;font-size:27px;line-height:1.12;letter-spacing:-.035em;margin:12px 0 11px}.station-label>span{font-size:13px;text-decoration:underline;text-underline-offset:5px}.station-two,.station-four{margin-top:105px}.station-two .station-dot,.station-four .station-dot{top:-78px}.station-two:before,.station-four:before{content:"";position:absolute;left:11px;top:-52px;height:50px;border-left:6px solid var(--route-color)}.stop-sheet{background:var(--route-color);color:var(--ink);padding:28px;border-radius:26px;margin-top:14px;min-width:0;box-shadow:0 15px 40px #16093e40;font-size:15px}.station[open]{grid-column:auto;z-index:3}.station[open] summary .station-dot{background:var(--route-color);box-shadow:0 0 0 6px #ffffff25}.station[open] summary .station-label>span{font-weight:bold}.station[open] .stop-sheet{width:calc(200% + 38px)}.station-two[open] .stop-sheet,.station-four[open] .stop-sheet{margin-left:calc(-100% - 38px)}.station[open]{margin-bottom:24px}.menu-sketch{max-width:310px;display:flex;flex-direction:column;background:var(--ink);color:white;border-radius:14px;padding:16px 18px;margin:20px 0;gap:10px}.menu-sketch b{color:var(--mint)}.menu-sketch small{font-size:11px;border-top:1px solid #ffffff40;padding-top:10px}.large-link{display:flex;padding:20px;background:var(--ink);color:white;justify-content:space-between;border-radius:12px}.publication-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.publication-path>*{padding:11px;border:1px solid currentColor;border-radius:12px}.publication-path b{background:var(--ink);color:var(--rose)}.map-note{padding:22px 26px;margin:16px 0 28px 0;border-radius:18px;background:#3a2571;color:#eee4fb;font-size:13px;line-height:1.5}.map-note b{color:#ffda85}.credits{display:flex;justify-content:space-between;gap:24px;margin:0 4vw 0 200px;padding:25px 0 30px;font-size:11px;color:#dccfeb;line-height:1.6}.credits>span:first-child{max-width:480px}.credits a{min-width:100px}.language-heading{padding:40px 0 18px}.language-heading>a{font-size:13px;display:inline-block;padding:8px 0;margin-bottom:30px}.language-heading h1{margin-bottom:20px}.language-heading>p:last-child{color:#e2d6ee}.about-note{max-width:730px;padding:20px 0;margin-left:auto}.about-note h2{font-size:21px}.about-note p{font-size:13px;color:#dfd3ec}@media(min-width:1600px){main{max-width:1150px;margin-left:auto;margin-right:auto}.identity{left:4vw}.credits{max-width:1150px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.identity{width:auto;left:24px;top:25px;display:flex;align-items:center;gap:30px;position:relative;margin-bottom:25px}.identity-note{margin:0;font-size:11px}.map-return{margin:0;padding:8px}main{margin:0 5vw}.credits{margin:0 5vw}.map-title{padding-top:25px}.route{column-gap:20px}.station-label strong{font-size:24px}.station[open] .stop-sheet{width:calc(200% + 20px)}.station-two[open] .stop-sheet,.station-four[open] .stop-sheet{margin-left:calc(-100% - 20px)}}
@media(max-width:650px){.identity{margin:0 20px 24px;left:0;top:20px;justify-content:space-between;gap:15px}.identity-note{font-size:10px;max-width:100px}.identity .map-return{font-size:11px}.language-page .identity-note{display:none}main{margin:0 22px}.map-title{display:block;padding-top:30px}.map-title h1{font-size:40px;margin-bottom:22px}.map-title>p:last-child{font-size:14px}.route-map{margin-top:34px}.route{display:block;padding:0 0 30px 31px;min-height:0;margin:0 0 20px}.route .origin{padding:0 12px 0 0}.origin>span{position:absolute;left:-35px;top:0;font-size:25px}.origin h2{font-size:24px}.origin p{max-width:none}.route-line{left:5px;right:auto;top:12px;bottom:48px;height:auto;width:18px;border:0;border-left:5px solid var(--route-color);border-radius:0}.station,.station-two,.station-four{margin:35px 0 0 14px}.station-dot,.station-two .station-dot,.station-four .station-dot{left:-52px;top:28px;width:26px;height:26px;border-width:5px}.station-two:before,.station-four:before{display:none}.station-label{padding-top:0}.station-label strong{font-size:27px}.station-label strong br{display:none}.station-label small{font-size:9px}.station-label>span{font-size:13px}.station summary{padding-bottom:8px}.station[open] .stop-sheet,.station-two[open] .stop-sheet,.station-four[open] .stop-sheet{width:auto;margin:12px 0 0 -25px;padding:22px 20px;border-radius:16px}.stop-sheet h3{font-size:26px}.stop-sheet p{font-size:14px}.map-note{margin-top:0;padding:20px}.credits{flex-wrap:wrap;margin:0 22px;font-size:11px;gap:12px}.credits>span:first-child{width:100%}.language-heading{padding-top:15px}.language-heading>a{margin-bottom:20px}.language-heading h1{font-size:40px}.language-heading>p:last-child{font-size:14px}}
@media print{body{background:white;color:black}.identity,.credits{position:static;margin:20px;width:auto}main{margin:20px}.route,.route .origin{background:white;color:black}.stop-sheet,.map-note,.reel,.setting-address{color:black;background:white;border:1px solid #aaa}.station-label{color:black}.station .stop-sheet{display:block!important;width:auto!important;margin:0!important}.route-line,.station-dot,.language-thread,.film-art{display:none}.route{display:block}.station{margin:20px 0}.language-pocket{position:static;float:none;margin:0}.language-lesson{padding:0}.reel{display:block;break-inside:avoid}.identity-note{color:black}.credits{color:black}}
/* Route geometry: connect the stop centers, leave labels and expanded help clear. */
@media(min-width:651px){.route-line{top:43px;height:30px}.station-one[open] .stop-sheet,.station-three[open] .stop-sheet{margin-top:65px}.station-two[open] .stop-sheet,.station-four[open] .stop-sheet{margin-top:20px}}

.settings-tree{position:relative;max-width:990px;margin:0 auto 50px}.tree-start{width:max-content;max-width:100%;margin:0 auto;text-align:center;padding:22px 30px;border-radius:20px;background:#433077}.tree-start>span{color:var(--mint);font-size:34px}.tree-start h2{font-size:23px;margin:12px 0}.tree-start p{font-size:14px;margin:0}.device-fork{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative;margin:45px 45px 0}.device-fork:before{content:"";position:absolute;top:-45px;height:45px;width:50%;left:25%;border:4px solid var(--mint);border-bottom:0;border-radius:25px 25px 0 0}.device-route{border-left:4px solid var(--mint);padding:15px 30px 30px;position:relative}.device-route:after{content:"";position:absolute;width:14px;height:14px;background:var(--mint);border-radius:50%;left:-9px;top:0}.device-route h3{font-size:30px;min-height:65px;margin:16px 0}.device-route p{font-size:14px}.device-route a{font-size:12px;display:inline-block;padding:8px 0}.shared-setting{margin:10px auto 0;max-width:630px;background:var(--mint);color:var(--ink);padding:30px 36px;border-radius:40px;text-align:center;position:relative}.shared-setting h2{font-size:31px;margin:12px 0 18px}.shared-setting p:last-child{font-size:15px;margin:0}.case-junction{border-top:3px solid #7b60a6;padding-top:35px;margin-bottom:45px}.junction-title{max-width:650px;margin:auto;text-align:center}.junction-title h2{font-size:32px}.junction-title p:last-child{font-size:14px;color:#ded0ed;max-width:520px;margin:0 auto}.case-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.language-case{padding:0 0 22px;border-left:2px solid #8065ad;padding-left:22px;position:relative}.language-case:before{content:"";position:absolute;left:-9px;top:0;width:16px;height:16px;border:3px solid #baa5d8;background:var(--ink);border-radius:50%}.language-case.inside:before{background:var(--mint);border-color:var(--mint)}.case-person{font-size:12px;color:#d7c5ee;margin:0 0 30px}.language-case h3{font-size:29px;line-height:1.12;letter-spacing:-.03em;margin-bottom:20px}.language-case>p:not(.case-person){font-size:14px;line-height:1.55}.language-case label{display:flex;gap:12px;align-items:center;min-height:68px;padding:10px 13px;background:#493478;border:2px solid #9279b8;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer;margin-top:25px}.language-case input{width:22px;height:22px;flex:none;accent-color:#28165c}.language-case.inside label{background:var(--mint);color:var(--ink);border-color:var(--mint)}.language-case .outcome{font-weight:700;color:#eee4fb;padding:15px 0 0;margin-bottom:15px}.language-case.inside .outcome{color:var(--mint)}.language-case .case-tail{font-size:12px!important;color:#d6c7e9}.return-route{display:flex;gap:28px;align-items:center;max-width:780px;padding:25px 32px;background:var(--rose);color:var(--ink);border-radius:50px 15px 15px 15px;margin-bottom:40px}.return-route>span{font-size:58px}.return-route p{font-size:14px;margin:0}.no-script{font-size:14px;border:1px solid #ac95ce;padding:15px}.language-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;column-gap:30px}.language-heading>a{grid-column:1/-1}.language-heading h1{font-size:49px;grid-column:1;grid-row:3}.language-heading .kicker{grid-column:1;grid-row:2;margin-bottom:20px}.settings-tree{margin-top:-105px;margin-left:210px}.tree-start{margin-left:auto;margin-right:12%}.device-fork{gap:30px;margin-left:0;margin-right:0}.shared-setting{border-radius:32px 32px 32px 0}.case-branches{gap:30px}
@media(max-width:1100px){.settings-tree{margin-top:15px;margin-left:0}.tree-start{margin:0 auto}.language-heading{display:block}.language-heading h1{font-size:44px}}
@media(max-width:650px){.language-heading{padding-top:18px}.language-heading h1{font-size:40px}.settings-tree{margin-top:5px;margin-bottom:35px}.tree-start{padding:20px;width:100%;text-align:left}.tree-start>span{float:right}.tree-start h2{font-size:24px}.device-fork{display:block;margin:25px 0 0 24px}.device-fork:before{display:none}.device-route{padding:8px 24px 25px}.device-route+.device-route{padding-top:20px}.device-route h3{min-height:0;font-size:28px}.shared-setting{padding:26px 24px;text-align:left;margin-top:4px;border-radius:25px 25px 25px 0}.shared-setting h2{font-size:28px}.shared-setting p:last-child{font-size:14px}.case-junction{padding-top:28px}.junction-title{text-align:left}.junction-title h2{font-size:29px}.junction-title p:last-child{margin:0}.case-branches{display:block;margin:30px 0 0 7px}.language-case{padding-left:25px;padding-bottom:36px}.case-person{margin-bottom:20px}.language-case h3{font-size:30px}.language-case h3 br{display:none}.language-case label{margin-top:20px;min-height:64px;font-size:14px}.language-case+.language-case{padding-top:20px}.language-case+.language-case:before{top:20px}.return-route{padding:24px;gap:16px;border-radius:35px 15px 15px 15px}.return-route>span{font-size:40px}.return-route p{font-size:13px}.about-note{padding-top:0}.device-route a{padding:10px 0}}
.decision-note{border-top:1px solid #28165c60;margin-top:26px;padding-top:6px}.decision-note h4{font-size:20px;letter-spacing:-.025em;margin:23px 0 12px}.small-note{font-size:12px!important}.tree-start{margin-left:auto;margin-right:auto}.device-fork:before{display:none}.device-fork{margin-top:28px}.device-route{border-left-style:solid}.credits a,.stop-sheet>a{display:inline-flex;align-items:center;min-height:40px}

.wrong-turns{max-width:1120px;margin:70px auto;padding:36px 24px;border-top:3px solid #40766c}.wrong-turns>h2{font-size:44px;line-height:1.1;margin:18px 0 35px}.turn-line{display:grid;grid-template-columns:80px 1fr;gap:24px;margin:30px 0}.turn-line>span{font-size:45px;line-height:1;color:#40766c}.turn-line h3,.creator-detour h3{font-size:24px;margin:0 0 14px}.turn-line p,.creator-detour p,.turn-boundary{max-width:760px;line-height:1.75;margin:14px 0}.creator-detour{border-left:5px solid #d0a45d;padding-left:25px;margin:40px 0 30px 104px}.turn-boundary{font-size:14px}@media(max-width:700px){.wrong-turns{margin:35px auto;padding:25px 20px}.wrong-turns>h2{font-size:34px}.turn-line{grid-template-columns:40px 1fr;gap:14px}.turn-line>span{font-size:30px}.creator-detour{margin-left:0;padding-left:18px}}