:root{--ink:#173041;--muted:#667985;--line:#d7e0e4;--paper:#f5f8f8;--accent:#1f7f78;--soft:#e7f0ef}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.loading{min-height:100dvh;color:var(--muted);place-items:center;font-size:15px;display:grid}.presentation{background:#fbfcfc;grid-template-rows:74px minmax(0,1fr) 74px;min-height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,78px);display:flex}.brand,.index-button{cursor:pointer;color:var(--ink);background:0 0;border:0}.brand{letter-spacing:.14em;text-align:left;font-size:12px;font-weight:800}.brand span{color:var(--muted);font-weight:600}.index-button{border:1px solid var(--line);border-radius:8px;padding:9px 15px;font-size:12px;font-weight:700}.page{min-height:0;padding:clamp(38px,6vh,70px) clamp(28px,8vw,150px) 48px;animation:.25s both page-in;overflow-y:auto}@keyframes page-in{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:800}.page h1{letter-spacing:-.045em;max-width:1100px;margin:0 0 clamp(26px,4vh,44px);font-size:clamp(31px,4.1vw,60px);line-height:1.05}.cover-page{flex-direction:column;justify-content:center;padding-bottom:10vh;display:flex}.cover-page .page-kicker{margin-bottom:24px}.cover-page h1{letter-spacing:-.075em;max-width:1050px;margin:0;font-size:clamp(52px,8.4vw,132px);line-height:.94}.cover-page .page-body{display:none}.page-body{max-width:1180px;padding-bottom:20px}.page-body h3{color:var(--ink);margin:34px 0 12px;font-size:clamp(18px,1.8vw,26px);line-height:1.25}.page-body p,.page-body li{color:#405664;font-size:clamp(15px,1.25vw,18px);line-height:1.58}.page-body p{max-width:1050px;margin:0 0 16px}.page-body ul,.page-body ol{max-width:1110px;margin:8px 0 22px;padding-left:24px}.page-body li{margin:8px 0;padding-left:4px}.page-body li::marker{color:var(--accent);font-weight:800}.page-body ul ul{margin:7px 0 4px}.page-body strong{color:var(--ink);font-weight:750}.page-body blockquote{border-left:3px solid var(--accent);max-width:1030px;margin:22px 0;padding:4px 0 4px 22px}.page-body blockquote p{color:var(--ink);margin:0;font-size:clamp(18px,1.7vw,26px);line-height:1.4}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:1180px;margin:22px 0 30px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 15px;font-size:14px;line-height:1.4}th{background:var(--soft);text-transform:uppercase;letter-spacing:.07em;color:var(--ink);font-size:11px}td{color:#405664}tr:last-child td{border-bottom:0}.footer{border-top:1px solid var(--line);background:#fff}.progress{background:#e8edef;height:2px}.progress span{background:var(--accent);height:100%;transition:width .25s;display:block}.footer-inner{height:71px;color:var(--muted);letter-spacing:.1em;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 clamp(22px,5vw,78px);font-size:11px;font-weight:700;display:grid}.hint{text-align:center;letter-spacing:.02em;font-weight:500}.controls{justify-self:end;gap:8px;display:flex}.controls button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:700}.controls .next{background:var(--ink);color:#fff;border-color:var(--ink)}.controls button:disabled{opacity:.35;cursor:default}.modal{z-index:20;background:#1026344d;justify-content:flex-end;display:flex;position:fixed;inset:0}.index{background:#fbfcfc;width:min(590px,96vw);height:100%;padding:46px;overflow-y:auto;box-shadow:-20px 0 70px #0f2a3a26}.index>p{color:var(--accent);letter-spacing:.18em;margin:44px 0 8px;font-size:10px;font-weight:800}.index h2{letter-spacing:-.04em;margin:0 0 28px;font-size:32px}.close{float:right;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.index nav{border-top:1px solid var(--line)}.index nav button{border:0;border-bottom:1px solid var(--line);text-align:left;color:#526773;cursor:pointer;background:0 0;grid-template-columns:38px 1fr;gap:10px;width:100%;padding:14px 2px;font-size:13px;line-height:1.35;display:grid}.index nav button b{color:#8c9da5;letter-spacing:.12em;padding-top:2px;font-size:10px}.index nav button small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.index nav button.active{color:var(--ink);font-weight:800}@media (width<=700px){.presentation{grid-template-rows:62px minmax(0,1fr) 65px}.topbar{padding:0 18px}.brand span,.hint{display:none}.page{padding:30px 22px 35px}.page h1{font-size:31px}.cover-page h1{font-size:56px}.page-body p,.page-body li{font-size:16px}.footer-inner{grid-template-columns:1fr auto;padding:0 18px}.controls{grid-column:2}.index{padding:28px 24px}}
