.s22-page{--ink:#17352e;--deep:#123e34;--moss:#547969;--paper:#fffdf8;--cream:#f4f0e7;--coral:#de7154;--gold:#e5b663;--line:#d7dfda;background:var(--paper);min-height:100vh;color:var(--ink)}.s22-page button,.s22-page input,.s22-page select{font:inherit}.s22-page button,.s22-page a{transition:background-color .18s,color .18s,border-color .18s,transform .18s}:is(.s22-page button:focus-visible,.s22-page a:focus-visible,.s22-page input:focus-visible,.s22-page select:focus-visible,.s22-page summary:focus-visible){outline-offset:3px;outline:3px solid #1b72b8}.s22-page button:disabled{cursor:not-allowed;opacity:.48}.s22-header{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8ee;border-bottom:1px solid #17352e1a;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:0 clamp(18px,5vw,78px);display:grid;position:sticky;top:0}.s22-brand{color:inherit;align-items:center;gap:9px;font:700 19px/1 Georgia,Noto Serif SC,serif;text-decoration:none;display:flex}.s22-brand>span{border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;font:700 15px/1 Arial;display:grid}.s22-header nav{color:#667771;align-items:center;gap:8px;font-size:13px;display:flex}.s22-header nav a{color:inherit}.s22-header nav b{color:var(--ink)}.s22-header>button{color:var(--ink);background:0 0;border:1px solid #234a40;border-radius:4px;justify-self:end;padding:10px 15px;font-weight:800}.s22-toast{z-index:80;background:#f0faf5;border:1px solid #799a8f;border-radius:6px;align-items:center;gap:18px;max-width:470px;padding:14px 16px;display:flex;position:fixed;top:86px;right:24px;box-shadow:0 16px 36px #17352e24}.s22-toast button{color:var(--deep);background:0 0;border:0;font-weight:800;text-decoration:underline}.s22-header-actions{justify-self:end;gap:8px;display:flex}.s22-header-actions button{color:var(--ink);background:0 0;border:1px solid #234a40;border-radius:4px;padding:10px 12px;font-weight:800}.s22-header-actions .danger{color:#792c21;background:#fff0ed;border-color:#a44332}.s22-hero{background:linear-gradient(135deg,#fffdf8 0 56%,#e8f0eb 56%);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,6vw,88px);padding:clamp(52px,8vw,104px) clamp(22px,7vw,108px);display:grid}.s22-kicker{color:#a44c37;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.s22-hero h1{letter-spacing:-.04em;margin:0;font:700 clamp(42px,6vw,74px)/1.03 Georgia,Noto Serif SC,serif}.s22-hero h1 em{color:var(--coral);font-style:normal}.s22-hero>div>p:not(.s22-kicker){color:#526660;max-width:700px;margin:26px 0;font-size:18px;line-height:1.75}.s22-hero details{color:#65766f;margin-top:20px;font-size:12px}.s22-hero summary{cursor:pointer;font-weight:900}.s22-goals{flex-wrap:wrap;gap:9px;display:flex}.s22-goals span{background:#fffdf8;border:1px solid #b9c9c2;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.s22-media{background:#fffdf8;border:1px solid #17352e20;border-radius:12px;padding:30px;box-shadow:0 24px 62px #17352e1a}.s22-media h2{margin:0 0 22px;font:700 32px/1.15 Georgia,Noto Serif SC,serif}.s22-media>div{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.s22-media>div span{background:#f5f1e8;border:1px solid #ced9d4;gap:7px;padding:17px;display:grid}.s22-media>div b{font-size:23px}.s22-media details{margin:18px 0;line-height:1.6}.s22-primary{border:1px solid var(--deep)!important;background:var(--deep)!important;color:#fff!important;border-radius:4px!important;padding:12px 18px!important;font-weight:900!important}.s22-primary:not(:disabled):hover{transform:translateY(-1px);background:#1f594a!important}.s22-work{grid-template-columns:260px minmax(0,1fr);gap:52px;max-width:1360px;margin:0 auto;padding:70px clamp(22px,5vw,72px);display:grid}.s22-route{border:1px solid var(--line);background:#fbfaf5;border-radius:8px;align-self:start;position:sticky;top:100px;overflow:hidden}.s22-route>p{color:#697b75;letter-spacing:.12em;margin:0;padding:18px;font-size:12px;font-weight:900}.s22-route button{color:#536760;text-align:left;background:0 0;border:0;border-top:1px solid #e2e7e3;grid-template-columns:30px 1fr;align-items:center;gap:10px;width:100%;padding:13px 18px;display:grid}.s22-route button b{border:1px solid #9eb0a9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.s22-route button span{font-weight:800}.s22-route button.active{color:var(--deep);background:#e7f0eb}.s22-route button.done b{color:#fff;background:#2f6a59;border-color:#2f6a59}.s22-step{min-width:0}.s22-step>header>p{color:#6b7c76;margin:0;font-size:12px;font-weight:900}.s22-step>header h2{margin:12px 0 34px;font:700 clamp(34px,4.3vw,54px)/1.08 Georgia,Noto Serif SC,serif}.s22-progress{background:#e1e7e3;border-radius:5px;height:5px;margin-top:10px;overflow:hidden}.s22-progress i{background:var(--coral);height:100%;display:block}.s22-panel,.s22-question{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:24px;padding:clamp(22px,4vw,38px)}.s22-panel>h3{margin:0 0 22px;font:700 clamp(26px,3vw,38px)/1.2 Georgia,Noto Serif SC,serif}.s22-purpose{background:#ced9d4;border:1px solid #ced9d4;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.s22-purpose>div{background:#f7f8f4;padding:18px}.s22-purpose b{color:#9f4d38;letter-spacing:.08em;font-size:12px}.s22-purpose p{margin:7px 0 0;line-height:1.6}.s22-choice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0;display:grid}.s22-choice-grid button{min-height:54px;color:var(--ink);background:#fffdf8;border:1px solid #b8c7c1;border-radius:5px;padding:12px 14px;font-weight:900}.s22-choice-grid button:hover,.s22-choice-grid button.selected{border-color:var(--deep);background:#e7f0eb}.s22-choice-grid button.selected{box-shadow:inset 0 0 0 2px var(--deep)}.s22-feedback{border-radius:5px;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin:18px 0 0;padding:15px 17px;line-height:1.55;display:grid}.s22-feedback b{white-space:nowrap}.s22-feedback.ok{color:#174a3b;background:#e8f5ee;border:1px solid #75a391}.s22-feedback.try{color:#743723;background:#fff2e9;border:1px solid #d8a88f}.s22-unit-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.s22-unit-scale article{background:#f7f8f4;border:1px solid #ced9d4;border-radius:6px;padding:18px}.s22-unit-scale span{color:#65766f;font-size:11px;font-weight:900}.s22-unit-scale b{color:var(--coral);margin:12px 0;font:700 34px Georgia,serif;display:block}.s22-unit-scale p{margin:0;font-size:12px;line-height:1.5}.s22-cup{background:#eef3f0;border-radius:8px;margin:22px 0;padding:24px;overflow-x:auto}.s22-cup figcaption{margin-bottom:18px;font-weight:900}.s22-cup>div{border-bottom:3px solid var(--deep);grid-auto-columns:minmax(70px,1fr);grid-auto-flow:column;min-width:420px;display:grid}.s22-cup>div span{justify-content:center;height:68px;display:flex;position:relative}.s22-cup span.filled{background:#5a9fbc28}.s22-cup i{background:var(--deep);width:2px;height:28px;position:absolute;bottom:0}.s22-cup b{padding-top:8px;font-size:11px}.s22-cup>p{text-align:center;font-weight:800}.s22-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.s22-examples article{background:#f2f5f2;border-radius:7px;padding:22px}.s22-examples span{color:#a44c37;font-size:11px;font-weight:900}.s22-examples h4{margin:8px 0}.s22-examples p{line-height:1.6}.s22-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.s22-question{margin:0}.s22-question.passed{background:#f8fcfa;border-color:#71a08e}.s22-question h4{min-height:58px;margin:0 0 14px;font-size:20px;line-height:1.4}.s22-question details{margin-bottom:14px}.s22-question summary{cursor:pointer;font-weight:800}.s22-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.s22-fields label,.s22-single-field{color:#51645e;gap:8px;font-size:13px;font-weight:900;display:grid}.s22-fields input,.s22-fields select,.s22-single-field input,.s22-game-grid select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #aebfb8;border-radius:4px;padding:10px 12px}.s22-single-field{margin:18px 0}.s22-text-button{color:#315e51;background:0 0;border:0;margin-top:12px;font-weight:800;text-decoration:underline}.s22-complete-banner{background:#e7f3ed;border-left:4px solid #3a7563;margin-top:22px;padding:18px;font-weight:800;line-height:1.6}.s22-ledger{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.s22-ledger span{color:#5c6f68;border:1px solid #ccd7d1;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.s22-support-gate{background:#fff1e9;border:2px solid #b64c39;border-radius:7px;margin:18px 0;padding:25px}.s22-support-gate h4{margin:0 0 10px;font:700 26px Georgia,Noto Serif SC,serif}.s22-support-gate p{line-height:1.65}.s22-support-gate dl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.s22-support-gate dl div{background:#fff;padding:10px}.s22-support-gate dt{color:#6c7974;font-size:10px;font-weight:900}.s22-support-gate dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}.s22-support-gate small{line-height:1.6;display:block}.s22-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.s22-game-grid article{border:1px solid var(--line);background:#fbfaf6;border-radius:6px;padding:17px}.s22-game-grid article.locked{background:#e9f5ef;border-color:#6d9b8a}.s22-game-grid h4{margin:0 0 14px;font-size:20px}.s22-game-grid label{gap:7px;font-size:12px;font-weight:900;display:grid}.s22-game-grid button{border:1px solid var(--deep);width:100%;color:var(--deep);background:0 0;border-radius:4px;margin-top:12px;padding:9px;font-weight:900}.s22-card-preview{background:#f6f4ec;border:1px dashed #78978d;align-items:center;gap:12px;margin:20px 0;padding:22px;display:flex}.s22-card-preview b{font-size:20px}.s22-card-preview span,.s22-card-preview em{background:#dfeee6;border-radius:4px;padding:7px 10px;font-style:normal;font-weight:900}.s22-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s22-inline-actions>button:not(.s22-primary){min-height:44px;color:var(--ink);background:#fff;border:1px solid #8ba097;border-radius:4px;padding:10px 14px;font-weight:800}.s22-status{background:#f3f1e9;border:1px solid #c9d4cf;border-radius:9px;grid-template-columns:1fr minmax(320px,.9fr);gap:28px;margin-bottom:24px;padding:30px;display:grid}.s22-status.complete{background:#e9f4ee;border-color:#4c806f}.s22-status.support{background:#fff1e9;border-color:#b64c39}.s22-status h3{overflow-wrap:anywhere;margin:0;font:700 33px/1.1 Georgia,Noto Serif SC,serif}.s22-status p{line-height:1.6}.s22-gates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.s22-gates span{background:#fff;border:1px solid #c3cdc9;border-radius:4px;place-items:center;min-height:48px;padding:8px;font-size:12px;font-weight:800;display:grid}.s22-gates span.ok{color:#194f3f;background:#dff0e7;border-color:#5a8b7a}.s22-ledger-summary{background:#fff;border:1px solid #d0dad5;margin:24px 0;padding:26px}.s22-ledger-summary h3{margin-top:0}.s22-ledger-summary>div{border-top:1px solid #e1e6e3;grid-template-columns:80px 1fr 1fr auto;gap:12px;padding:12px 0;display:grid}.s22-ledger-summary span{font-size:12px}.s22-ledger-summary em{color:#a44c37;font-size:11px;font-style:normal;font-weight:900}.s22-remember{border-left:4px solid var(--gold);background:#fff9e9;padding:28px}.s22-remember li{margin:9px 0;line-height:1.6}.s22-finish-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.s22-finish-actions button,.s22-finish-actions a,.s22-step-actions button{min-height:44px;color:var(--ink);background:#fff;border:1px solid #8ba097;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.s22-finish-actions .danger{color:#792c21;background:#fff0ed;border-color:#a44332}.s22-contract{color:#5c6f68;margin-top:24px;font-size:11px;line-height:1.7}.s22-contract summary{cursor:pointer;font-weight:900}.s22-contract p:last-child{overflow-wrap:anywhere}.s22-step-actions{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;display:flex}.s22-footer{background:#f0eee6;border-top:1px solid #d8dfdb;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px clamp(22px,6vw,90px);display:grid}.s22-footer p{color:#687a73;text-align:center}.s22-footer nav{gap:18px;display:flex}.s22-footer nav a{color:inherit;font-size:13px;font-weight:800}@media (max-width:1000px){.s22-header{grid-template-columns:auto 1fr}.s22-header nav{display:none}.s22-hero{background:linear-gradient(#fffdf8 0 55%,#edf3ef 55%);grid-template-columns:1fr}.s22-work{grid-template-columns:1fr;gap:30px}.s22-route{display:flex;position:static;overflow-x:auto}.s22-route>p{display:none}.s22-route button{border-top:0;border-right:1px solid #e2e7e3;min-width:178px}.s22-unit-scale{grid-template-columns:repeat(2,1fr)}.s22-practice-grid{grid-template-columns:1fr}.s22-game-grid{grid-template-columns:repeat(2,1fr)}.s22-footer{text-align:center;grid-template-columns:1fr}.s22-footer .s22-brand,.s22-footer nav{justify-content:center}}@media (max-width:640px){.s22-header{min-height:64px;padding:0 14px}.s22-header>button{padding:8px 10px;font-size:12px}.s22-brand{font-size:16px}.s22-brand>span{width:28px;height:28px}.s22-hero{padding:42px 18px}.s22-hero h1{font-size:40px}.s22-media{padding:22px}.s22-media>div{grid-template-columns:1fr}.s22-work{padding:42px 16px}.s22-route button{min-width:152px;padding:11px}.s22-purpose,.s22-examples,.s22-fields,.s22-status,.s22-unit-scale,.s22-game-grid,.s22-support-gate dl,.s22-gates,.s22-ledger-summary>div{grid-template-columns:1fr}.s22-card-preview{flex-direction:column;align-items:flex-start}.s22-finish-actions,.s22-step-actions{flex-direction:column}.s22-finish-actions>*,.s22-step-actions button{width:100%}.s22-footer nav{flex-direction:column;gap:9px}}@media (prefers-reduced-motion:reduce){.s22-page *{scroll-behavior:auto!important;transition:none!important}}