@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#173333;background:#f2f5f1;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:22px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #d5dfd7;display:flex;align-items:center;justify-content:space-between;background:#fafcf8}.brand{text-decoration:none;font-weight:800;letter-spacing:2px;color:#173333;display:flex;align-items:center;gap:12px}.mark{background:#174f46;color:white;border-radius:10px;padding:6px 13px;font-size:24px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700}.green{color:#347b60}main{max-width:1200px;margin:auto;padding:40px 24px}.intro{display:flex;gap:60px;align-items:center;justify-content:space-between;margin-bottom:32px}h1{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.8px;font-size:44px;line-height:1.18;margin:14px 0}h2{font-size:20px;letter-spacing:-.4px;margin:8px 0 18px}h3{font-size:15px}.sub{max-width:600px;font-size:16px;color:#536964;line-height:1.6}.modebox{max-width:290px;min-width:250px}.modebox p,.small{font-size:12px;line-height:1.6;color:#60736b}label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}select,input,textarea,button{font:inherit}select,textarea{width:100%;border:1px solid #c9d8cf;border-radius:8px;padding:12px;background:white;color:#173333}select{cursor:pointer}.workspace{display:grid;grid-template-columns:1.13fr 1fr;gap:24px}.card{padding:26px;background:#fff;border:1px solid #d9e3db;border-radius:16px;box-shadow:0 4px 18px #183c2b04}aside{display:flex;flex-direction:column;gap:22px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionhead select{width:84px;padding:8px}.sectionhead h2{margin:0 0 14px}.screen{background:#eaf1e6;border:1px solid #c6d4bc;border-radius:10px;padding:18px;margin:8px 0 20px}.screen label{font-size:10px;letter-spacing:1.5px;color:#496852}.screen input{display:block;background:transparent;border:0;width:100%;font-size:20px;padding:5px 0;color:#193e2d;outline-offset:4px}.screen output{display:block;text-align:right;font-family:monospace;font-size:32px;min-height:60px;padding-top:16px;overflow-wrap:anywhere}.screen output.error{font-size:15px;color:#923e21}.screenbottom{display:flex;justify-content:space-between;font-size:10px;color:#51634d;margin-top:10px}.keys{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}button,.linkbutton{border:1px solid #d7e1dc;background:#eff4f1;color:#214d40;border-radius:8px;cursor:pointer;padding:12px;font-weight:600;transition:background .1s}button:hover,.linkbutton:hover{background:#dfece3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ca9d35;outline-offset:3px}.keys button{min-height:46px;padding:8px;font-size:15px}.keys .num{background:#fafbf9;color:#1b3029;font-size:20px}.keys .equal,.primary{background:#1b5a48;color:white;border-color:#1b5a48}.keys .equal:hover,.primary:hover{background:#103f32}.keys .danger{color:#a05235;background:#fbefe7}.textbtn{background:none;border:0;padding:4px;font-size:12px}.muted{color:#76867c}.history{margin:0;padding:0;list-style:none;max-height:150px;overflow:auto}.history li{padding:10px 0;border-top:1px solid #edf0eb;font-size:13px}.history button{text-align:left;width:100%;background:none;border:0;padding:0;overflow-wrap:anywhere;font-weight:400}.steps{border-left:3px solid #c4a15d;background:#f7f7ee;padding:14px 16px;line-height:1.6;margin:18px 0}.steps code{display:block;margin:8px 0;color:#1e5e49;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px}.secondary{background:white;font-size:13px}.guide{margin-top:24px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;line-height:1.6}.linkbutton{display:inline-block;text-decoration:none;margin-top:8px}footer{font-size:12px;line-height:1.7;color:#69786e;margin:28px 0 0;max-width:1050px}footer strong{color:#475c50}a{color:#246c54}#statcalc{margin:10px 0}#statresult{font-size:13px;line-height:1.8}dl{display:grid;grid-template-columns:1fr 1fr;margin:10px 0}dt,dd{margin:0;padding:5px;border-bottom:1px solid #edf0eb}.practice #learning,.practice #statistics,.practice #guide{display:none}.practice .workspace{grid-template-columns:minmax(280px,620px);justify-content:center}.embed header,.embed .intro,.embed aside,.embed .guide,.embed footer{display:none}.embed main{max-width:660px;padding:12px}.embed .workspace{display:block}@media(max-width:760px){header .eyebrow{display:none}main{padding:24px 16px}h1{font-size:34px}.intro{display:block}.modebox{max-width:none;margin-top:24px}.workspace,.guide{grid-template-columns:1fr}.card{padding:20px}.intro{margin-bottom:24px}.guide{gap:12px}.screen output{font-size:28px}}