:root{color-scheme:only light;--ink:#083c2e;--deep:#082522;--mint:#57dfbd;--soft:#eef6f1;--line:#6e8f80;--paper:#fff;--space:clamp(16px,3.7vw,70px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #166b4d;outline-offset:3px}button:focus:not(:focus-visible){outline:none}button{border:0}a{color:inherit;text-decoration:none}.app{position:fixed;inset:0;height:100dvh;display:grid;grid-template-rows:clamp(56px,9vh,86px) minmax(0,1fr) clamp(56px,8vh,76px);overflow:hidden}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--space);background:var(--deep);color:#fff}.brand{display:flex;align-items:center;gap:22px;min-width:0}.brand-logo{width:clamp(140px,15vw,220px);height:auto;display:block}.brand-by{font-size:10px;font-weight:700;letter-spacing:1.4px;white-space:nowrap}.external-links{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:650}.external-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.external-links .environment-link{background:var(--mint);color:var(--ink);padding:0 18px;border-radius:8px}.brandbar a:focus-visible{outline-color:var(--mint)}.stage{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:clamp(24px,4vw,76px);padding:clamp(18px,4.5vh,55px) var(--space);overflow:hidden}.intro{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0}.kicker{font-size:clamp(11px,.9vw,14px);font-weight:750;letter-spacing:1.7px;line-height:1.3;margin:0 0 20px;text-wrap:balance}.intro h1{font-size:clamp(30px,3.6vw,67px);font-weight:730;letter-spacing:-.045em;line-height:1.045;margin:0;text-wrap:balance}.summary{font-size:clamp(17px,1.48vw,26px);line-height:1.45;margin:24px 0 0;text-wrap:pretty}.intro-hint{font-size:14px;line-height:1.4;margin:30px 0 0;color:#285945}.intro-hint span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d7f5e7;margin-right:5px}.explorer{min-height:0;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.topic-button{min-width:0;text-align:left;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:grid;grid-template-columns:auto 1fr;align-content:start;gap:9px;min-height:100px;line-height:1.25;transition:background .15s,border-color .15s}.topic-number{font-size:11px;display:grid;place-items:center;background:#dcefe4;border-radius:50%;width:23px;height:23px;flex:none;font-weight:750}.topic-title{font-size:clamp(14px,1.12vw,20px);font-weight:650;overflow-wrap:break-word}.topic-button[aria-expanded=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.topic-button[aria-expanded=true] .topic-number{background:var(--mint);color:var(--ink)}.topic-button:hover:not([aria-expanded=true]){background:#e4f4eb;border-color:#1c674b}.content-panel{min-height:0;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--soft);position:relative;overflow:hidden}.welcome{height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.4vw,40px)}.panel-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.4px;line-height:1.3;display:block}.welcome p{font-size:clamp(22px,2.05vw,38px);font-weight:550;line-height:1.25;letter-spacing:-.02em;margin:20px 0 22px;text-wrap:pretty}.welcome-hint{font-size:14px;line-height:1.4}.reader{height:100%;min-height:0;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) 44px;gap:clamp(10px,1.6vh,18px);padding:clamp(18px,2vw,30px)}.reader[hidden],.welcome[hidden]{display:none}.reader-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;min-width:0}.reader-heading h2{font-size:clamp(20px,1.75vw,31px);font-weight:650;line-height:1.16;letter-spacing:-.02em;margin:8px 0 0;text-wrap:balance}.close-topic{width:32px;height:32px;font-size:27px;line-height:1;background:transparent;border:1px solid var(--line);border-radius:50%;flex:none;display:grid;place-items:center}.reading-area{min-height:0;min-width:0;position:relative;overflow:hidden}.reading-text{position:absolute;inset:0;font-size:clamp(17px,1.48vw,26px);line-height:1.48;overflow-wrap:break-word;overflow:hidden}.reading-text p{margin:0 0 .65em;white-space:normal}.reading-text p:last-child{margin-bottom:0}.measure-text{visibility:hidden;pointer-events:none;overflow:visible}.reader-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #b7cdc1;padding-top:8px;min-width:0}.reader-footer>span{font-size:12px;line-height:1.2;font-weight:600}.reading-nav{display:flex;gap:6px}.reading-nav button{border-radius:7px;background:var(--deep);color:#fff;font-size:13px;min-height:34px;padding:0 10px;font-weight:600}.reading-nav button:disabled{background:#d4e3da;color:var(--ink);opacity:1}.reading-nav button[hidden]{display:none}.footer{border-top:1px solid var(--line);padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;min-width:0}.menu-button{border:1px solid var(--line);border-radius:8px;padding:0 14px;min-height:40px;background:#fff;font-size:14px;font-weight:600;white-space:nowrap}.menu-button span{margin-right:5px}.keyboard-hint{font-size:12px;margin:0;color:#285945}.keyboard-hint span{margin:0 8px}.slide-nav{display:flex;align-items:center;gap:10px}.slide-nav>button{background:var(--deep);color:#fff;width:46px;height:40px;border-radius:8px;font-size:23px;line-height:1}.slide-nav>button:disabled{background:#d7e8de;color:var(--ink);opacity:1}.slide-count{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap;min-width:52px;text-align:center}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#e2eee6}.progress>span{display:block;height:100%;background:#1d8967;width:0;transition:width .2s}dialog{width:min(920px,calc(100vw - 30px));height:min(680px,calc(100dvh - 30px));margin:auto;padding:22px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}dialog[open]{display:grid}dialog::backdrop{background:#082522b8}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-header h2{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.025em;line-height:1.1;margin:6px 0 0}.dialog-header button{width:36px;height:36px;background:var(--soft);border-radius:50%;font-size:27px}.index-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:9px}.index-grid button{text-align:left;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:10px;font-size:15px;font-weight:650;line-height:1.25;overflow-wrap:break-word;min-height:0}.index-grid button[aria-current=true]{background:var(--deep);color:#fff}.index-grid button span{display:block;font-size:10px;letter-spacing:1px;opacity:.85;margin-bottom:4px}.dialog-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3}.dialog-footer a{font-weight:700;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.brand-by{display:none}.topic-button{padding:11px 9px;gap:6px;min-height:88px}.stage{gap:25px}.reader{padding:19px}.intro-hint{font-size:12px}.keyboard-hint{font-size:11px}}
@media(max-width:700px){:root{--space:18px}.app{grid-template-rows:58px minmax(0,1fr) 58px}.brandbar{gap:10px}.brand-logo{width:135px}.external-links{font-size:12px}.external-links .environment-link{padding:0 10px;max-width:170px;line-height:1.2;min-height:38px;text-align:center}.external-links .guide-link{display:none}.stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:17px;padding:22px var(--space) 18px}.intro{justify-content:start}.kicker{font-size:10px;letter-spacing:1.2px;margin-bottom:9px}.intro h1{font-size:clamp(28px,6.8vw,40px);line-height:1.06;max-width:620px;text-wrap:pretty}.summary{font-size:15px;line-height:1.35;margin-top:10px;max-width:620px}.intro-hint{display:none}.explorer{gap:10px}.topic-list{gap:7px}.topic-button{display:flex;flex-direction:column;padding:10px;gap:7px;min-height:93px}.topic-number{width:20px;height:20px;font-size:10px}.topic-title{font-size:13px;line-height:1.18}.reader{padding:17px;gap:11px;grid-template-rows:auto minmax(0,1fr) 42px}.reader-heading h2{font-size:22px;margin-top:6px}.panel-eyebrow{font-size:9px;letter-spacing:1px}.reading-text{font-size:17px;line-height:1.45}.welcome{padding:22px}.welcome p{font-size:25px;margin:16px 0}.welcome-hint{font-size:12px}.keyboard-hint{display:none}.footer{gap:10px}.menu-button{font-size:12px;padding:0 10px;min-height:38px}.slide-nav{gap:6px}.slide-nav>button{width:40px;height:38px}.slide-count{font-size:12px;min-width:46px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:7px}.index-grid button{font-size:13px;padding:7px}dialog{padding:17px;gap:13px}.dialog-header h2{font-size:23px}.dialog-footer{font-size:10px}}
@media(max-width:370px){:root{--space:12px}.brand-logo{width:115px}.external-links .environment-link{width:146px;max-width:146px;font-size:11px}.stage{padding-top:16px;gap:12px}.intro h1{font-size:28px}.summary{font-size:14px}.topic-button{min-height:86px;padding:8px;gap:6px}.topic-title{font-size:12px}.reader{padding:13px;gap:9px}.reader-heading h2{font-size:20px}.reading-text{font-size:16px}.welcome p{font-size:23px}.reading-nav button{font-size:12px;padding:0 8px}.reader-footer>span{font-size:10px}}
@media(max-height:620px) and (min-width:701px){.app{grid-template-rows:54px minmax(0,1fr) 54px}.brand-logo{width:155px}.stage{padding-top:18px;padding-bottom:18px;gap:28px}.intro h1{font-size:clamp(29px,3.2vw,49px)}.kicker{margin-bottom:14px;font-size:11px}.summary{font-size:17px;line-height:1.35;margin-top:17px}.intro-hint{margin-top:18px;font-size:12px}.topic-button{min-height:76px;padding:10px}.topic-title{font-size:14px}.topic-number{width:20px;height:20px}.reader{padding:16px;gap:8px;grid-template-rows:auto minmax(0,1fr) 38px}.reader-heading h2{font-size:22px;margin-top:5px}.reader .panel-eyebrow{font-size:9px}.reading-text{font-size:18px;line-height:1.4}.reader-footer{padding-top:5px}.reading-nav button{min-height:31px}.welcome p{font-size:27px}.welcome{padding:24px}}
@media(max-height:520px){.app{grid-template-rows:44px minmax(0,1fr) 46px}.brand-logo{width:126px}.brand-by,.guide-link{display:none!important}.external-links .environment-link{font-size:11px;min-height:30px;padding:0 12px}.stage{padding:12px var(--space);gap:18px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr)}.intro{justify-content:center}.intro h1{font-size:clamp(24px,3.2vw,40px)}.kicker{font-size:9px;letter-spacing:1px;margin-bottom:10px}.summary{font-size:13px;line-height:1.3;margin-top:12px}.intro-hint{display:none}.explorer{gap:8px}.topic-list{gap:5px}.topic-button{min-height:57px;padding:8px;display:flex;flex-direction:column;gap:4px}.topic-number{display:none}.topic-title{font-size:12px;line-height:1.13}.reader{padding:12px;gap:6px;grid-template-rows:auto minmax(0,1fr) 32px}.reader-heading h2{font-size:18px;margin:0;line-height:1.1}.reader-heading .panel-eyebrow{display:none}.close-topic{width:26px;height:26px;font-size:23px}.reading-text{font-size:14px;line-height:1.35}.reader-footer{padding-top:4px}.reader-footer>span{font-size:10px}.reading-nav button{min-height:27px;font-size:11px;padding:0 8px}.welcome{padding:16px}.welcome p{font-size:21px;line-height:1.2;margin:11px 0}.welcome-hint{font-size:11px}.welcome .panel-eyebrow{font-size:8px}.footer .menu-button,.slide-nav>button{min-height:32px;height:32px}.slide-nav>button{width:36px}.keyboard-hint{display:none}.content-panel{border-radius:11px}.index-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:6px}.index-grid button{font-size:12px;padding:6px}.index-grid button span{font-size:9px;margin-bottom:2px}dialog{padding:13px;gap:10px}.dialog-header h2{font-size:21px}.dialog-header .panel-eyebrow{display:none}.dialog-header button{width:28px;height:28px}.dialog-footer{font-size:10px}}
@media(max-height:520px) and (max-width:480px){.stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:9px;padding:10px var(--space)}.intro h1{font-size:25px;line-height:1.05}.kicker{font-size:8px;margin-bottom:5px}.summary{display:none}.topic-button{min-height:48px;padding:7px}.topic-title{font-size:11px}.reader{padding:10px}.reader-heading h2{font-size:17px}.welcome p{font-size:20px}.welcome-hint{font-size:10px}}
@media(max-height:370px){.stage{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);grid-template-rows:minmax(0,1fr);gap:16px;padding-top:9px;padding-bottom:9px}.intro h1{font-size:clamp(22px,3.25vw,32px)}.summary{font-size:12px;line-height:1.25;margin-top:10px}.kicker{font-size:8px;margin-bottom:9px}.topic-button{min-height:48px;padding:6px}.topic-title{font-size:11px}.reader{padding:9px;gap:4px;grid-template-rows:auto minmax(0,1fr) 28px}.reader-heading h2{font-size:16px}.close-topic{width:23px;height:23px;font-size:20px}.reading-text{font-size:13px;line-height:1.28}.reader-footer{padding-top:3px}.reading-nav button{min-height:24px;font-size:10px}.reader-footer>span{font-size:9px}.welcome{padding:11px}.welcome p{font-size:18px;margin:9px 0}.welcome-hint{display:none}.welcome .panel-eyebrow{font-size:8px}.footer{gap:7px}.brandbar{gap:8px}.topic-list{gap:4px}.content-panel{border-radius:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{html,body{overflow:visible;height:auto}.app{position:static;height:auto}.stage{display:block}.topic-list,.footer,.external-links,.intro-hint{display:none}.explorer{display:block}.content-panel,.reader,.reading-area{height:auto;overflow:visible}.reading-text{position:static}.measure-text,.reader-footer,.close-topic{display:none}.reader-heading{margin-bottom:12px}}

.footer-tools{display:flex;align-items:center;gap:8px}.fullscreen-button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:22px}.tight-intro .summary,.tight-intro .intro-hint{display:none}@media(max-width:370px){.footer-tools{gap:5px}.fullscreen-button{width:30px;height:38px}.menu-button{padding:0 8px;font-size:11px}}@media(max-height:520px){.fullscreen-button{height:32px;width:32px}}

.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.fullscreen-button{display:grid;place-items:center;padding:0;line-height:1}.fullscreen-button .icon{width:19px;height:19px}.intro-hint>.icon{margin-right:5px}.dialog-footer a .icon{width:12px;height:12px}
.intro h1,.kicker,.summary{overflow-wrap:anywhere}@media(max-height:370px){.stage{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}}

@media(max-width:700px) and (min-height:521px) and (max-height:700px){.stage{padding-top:16px;padding-bottom:16px;gap:12px}.intro h1{font-size:clamp(25px,5.7vw,32px)}.summary{display:none}.topic-button{min-height:60px;padding:9px}.topic-number{display:none}.topic-title{font-size:13px;line-height:1.18}.reader{padding:14px;gap:9px}.reader-heading h2{font-size:20px}.reading-text{font-size:16px;line-height:1.4}}