*{box-sizing:border-box}body{color:#183c46;background:#faf8f1;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,.button{cursor:pointer;background:var(--primary,#176b63);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:wait}button:hover,.button:hover{filter:brightness(.93)}a{color:#176b63}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c46d15}.shell{min-height:100vh}header{border-bottom:1px solid #e3e6df;align-items:center;gap:24px;height:auto;min-height:92px;padding:20px 5vw;display:flex}.wordmark{letter-spacing:-1px;color:var(--ink);white-space:nowrap;font-size:26px;font-weight:800;text-decoration:none}.wordmark span{vertical-align:middle;letter-spacing:0;background:#daeae2;border-radius:8px;padding:6px;font-size:13px}.release{background:#f0e9d6;border:1px solid #ddd2b6;border-radius:30px;margin-left:auto;padding:7px 10px;font-size:12px}.quiet{color:#176b63;background:0 0}.secondary{color:#183c46;background:0 0;border:1px solid #aec2b9}.danger{color:#a12d20;background:#fff3ef;margin-top:12px}.alert,.success{color:#8a3021;overflow-wrap:anywhere;background:#fff0e9;padding:16px 5vw}.success{color:#1e5e43;background:#e5f1e8}main{min-width:0;max-width:1240px;margin:auto;padding:44px 5vw 32px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;min-height:470px;display:grid}.eyebrow{letter-spacing:2px;color:#4e726d;font-size:11px;font-weight:800}.hero h1{letter-spacing:-2.4px;margin:24px 0;font-size:clamp(36px,4.2vw,64px);font-weight:750;line-height:1.12}.hero h1 em{color:#176b63;font-style:normal}.lead{color:#506565;max-width:600px;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin:24px 0 14px;display:flex}.fine,small{color:#506565;font-size:12px;line-height:1.7}.learning-art{isolation:isolate;background:#e6ede0;border-radius:48% 48% 28% 28%;place-items:center;height:380px;display:grid;position:relative}.book{filter:drop-shadow(0 18px #c8d5c5);width:230px;height:160px;display:flex;transform:rotate(-10deg)}.book span{color:#176b63;background:#fffdf6;border:1px solid #d3d8c9;border-radius:12px 4px 4px 12px;place-items:center;width:50%;font-size:44px;display:grid}.book span+span{color:#b36b0d;background:#fff8e4;border-radius:4px 12px 12px 4px}.orbit{color:#513c1c;text-align:center;background:#e8a545;border-radius:50%;width:85px;height:85px;font-size:50px;font-weight:700;line-height:85px;position:absolute;top:30px;right:35px;transform:rotate(15deg)}.number{letter-spacing:6px;font-size:25px;position:absolute;top:55px;left:30px;transform:rotate(-15deg)}.number span{color:#a74e29}.art-label{letter-spacing:1px;font-size:14px;font-weight:700;position:absolute;bottom:34px}.steps{border-top:1px solid #d6ded3;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding-top:32px;display:grid}.steps b{font-size:15px}.steps p{color:#506565;font-size:14px;line-height:1.8}footer{color:#506565;border-top:1px solid #e3e6df;justify-content:space-between;gap:20px;margin-top:45px;padding:30px 0;font-size:12px;display:flex}.workspace{grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 92px);display:grid}aside{border-right:1px solid #e3e6df;padding:36px 24px;position:relative}nav{gap:8px;margin-top:26px;display:grid}nav button{color:#425c5a;background:0 0;justify-content:flex-start;font-size:14px}nav button[aria-current]{color:#165b50;background:#dcebe2}.aside-note{color:#55716c;margin-top:80px;font-size:14px;line-height:2}.workspace main{width:100%;padding:40px}.workspace h1{letter-spacing:-1px;margin:10px 0 28px;font-size:32px}h2{font-size:21px}h3{font-size:16px}.panel{overflow-wrap:anywhere;background:#fffef9;border:1px solid #dce2d8;border-radius:20px;margin-bottom:24px;padding:26px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px;display:grid}.cards .panel{margin:0 0 24px}.panel p{line-height:1.65}.panel code{overflow-wrap:anywhere}form{gap:16px;max-width:640px;margin:20px 0;display:grid}label{gap:8px;font-size:14px;font-weight:600;display:grid}input,select,textarea{color:#183c46;background:#fff;border:1px solid #b5c7bf;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:12px}textarea{resize:vertical;min-height:90px}form button{justify-self:start}.check{align-items:flex-start;font-weight:400;display:flex}.check input{flex-shrink:0;width:20px;min-height:20px}.empty{background:#edf0e6;border-radius:20px;padding:40px}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700}details details{border-top:1px solid #e3e6df}.student-row{color:#183c46;background:#eff4ed;justify-content:space-between;width:100%;margin:8px 0;display:flex}.content-review{background:#f6f7f0;border-radius:14px;margin-bottom:16px;padding:20px}li{margin:12px 0;line-height:1.6}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}td,th{border-bottom:1px solid #dce2d8;padding:14px;font-size:14px}.lesson-card{text-align:left;color:#183c46;background:#e4eee1;min-height:180px;padding:28px;display:block}.lesson-card span{font-size:13px}.task{background:#fff3d8;border-radius:14px;padding:20px;font-size:20px}.bubble{overflow-wrap:anywhere;border-radius:20px;max-width:85%;padding:12px 20px;font-size:18px;line-height:1.65}.bubble.child{background:#e2ece3;margin-left:auto}.bubble.guide{background:#f0f1e8;margin-bottom:18px;margin-right:auto}.paircode{overflow-wrap:anywhere;background:#eef2e7;margin:16px 0;padding:20px;display:block}.tutor small{display:block}.tutor{max-width:850px}@media (max-width:900px){.hero{gap:24px}.learning-art{height:310px}.book{width:180px;height:130px}.workspace{grid-template-columns:190px minmax(0,1fr)}.workspace main{padding:28px 24px}.workspace h1{font-size:28px}.hero .actions{display:grid}.steps{gap:20px}}@media (max-width:650px){header{flex-wrap:wrap;gap:12px;padding:16px 20px}.wordmark{font-size:23px}.release{padding:6px 8px;font-size:10px}header .quiet{min-height:32px;margin-left:auto;padding:4px}main{padding:24px 20px}.hero{flex-direction:column;align-items:stretch;gap:30px;display:flex}.hero h1{letter-spacing:-1.8px;font-size:40px}.lead{font-size:16px}.learning-art{align-self:center;width:100%;max-width:400px;height:270px}.book{width:190px;height:130px}.orbit{width:60px;height:60px;font-size:34px;line-height:60px;top:20px}.number{font-size:19px;top:28px}.art-label{bottom:20px}.steps{grid-template-columns:1fr;gap:8px;margin-top:30px;padding-top:24px}.steps article{border-bottom:1px solid #e3e6df;padding-bottom:10px}footer{flex-direction:column;gap:12px}.workspace{display:block}.workspace aside{border-bottom:1px solid #dce2d8;border-right:0;padding:12px 20px}.workspace aside .eyebrow{margin:4px 0}nav{gap:4px;margin:8px 0 0;display:flex;overflow-x:auto}nav button{white-space:nowrap;padding:10px 12px;font-size:12px}.aside-note{display:none}.workspace main{padding:26px 20px}.workspace h1{font-size:28px}.panel{padding:20px}.bubble{max-width:96%;font-size:17px}.actions button{flex:1}.tutor .actions button{padding:12px;font-size:14px}.cards{gap:0}.panel .secondary,.panel .danger{width:100%;margin-top:12px}code{word-break:break-word}}