:root{--ink:#20201d;--paper:#f3f0e7;--red:#d4432f;--blue:#205b78;--line:#aaa599}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Noto Serif SC","Songti SC",serif;background-image:linear-gradient(rgba(40,40,30,.045) 1px,transparent 1px);background-size:100% 28px}.masthead{max-width:1180px;margin:auto;padding:32px 28px 18px}.brand{font:900 clamp(30px,5vw,58px)/1 "Arial Black",sans-serif;letter-spacing:-3px}.brand span{color:var(--red)}.masthead p{font-style:italic;margin:8px 0;color:#656158}.rule{height:6px;border-block:2px solid var(--ink);margin-top:22px}main{max-width:1180px;margin:auto;padding:24px 28px 48px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:42px}.index-panel{border-right:1px solid var(--line);padding-right:24px}.index-title{display:flex;align-items:center;justify-content:space-between;font:700 13px/1.4 sans-serif;letter-spacing:.08em;border-bottom:2px solid;padding-bottom:10px}.index-title button{border:0;background:none;color:var(--red);cursor:pointer;font-weight:700}nav button{width:100%;border:0;border-bottom:1px solid #cbc6ba;background:transparent;padding:13px 4px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;color:inherit;font:700 16px serif}nav button:hover,nav button.active{color:var(--red);padding-left:10px}nav button em{font:11px sans-serif;color:#777;font-style:normal}.aside-note{font:12px/1.7 sans-serif;color:#69655d;margin-top:24px}.sheet-head{display:flex;align-items:start;justify-content:space-between;border-bottom:4px solid;padding-bottom:18px}.sheet-head small{font:700 12px sans-serif;letter-spacing:.14em;color:var(--red)}h1{font-size:clamp(34px,6vw,70px);line-height:1;margin:7px 0;letter-spacing:-.05em}.sheet-head p{margin:8px 0 0;max-width:620px;font-size:17px}.favorite{font-size:34px;border:0;background:none;cursor:pointer;color:var(--red)}.premise{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font:14px/1.6 sans-serif}.premise b{color:var(--blue)}h2{font:800 12px sans-serif;letter-spacing:.12em}.params-wrap{padding:18px 0}.params{display:flex;flex-wrap:wrap;gap:12px}.param{min-width:150px;flex:1}.param label{display:block;font:12px sans-serif;margin-bottom:5px}.param input{width:100%;border:1px solid var(--ink);border-radius:0;background:#fffdf6;padding:11px;font:700 18px monospace}.error{min-height:18px;color:var(--red);font:13px sans-serif}.formula-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink)}.formula-grid article{padding:22px;min-height:180px}.formula-grid article+article{border-left:2px solid}.formula-grid label{font:800 12px sans-serif;letter-spacing:.08em;color:var(--blue)}.formula{font:italic clamp(26px,4vw,42px) Georgia;margin:28px 0 15px}.formula-grid output{font:900 23px monospace;color:var(--red)}.example{display:grid;grid-template-columns:95px 1fr;gap:20px;margin-top:22px;background:var(--blue);color:white;padding:22px}.example-no{font:900 38px "Arial Black"}.example p{margin:8px 0 0;font:16px/1.7 sans-serif}.notes{border-top:1px solid;margin-top:25px;padding-top:12px}.notes ul{padding-left:18px;font:14px/1.8 sans-serif}.notes li::marker{color:var(--red)}footer{border-top:1px solid var(--line);text-align:center;padding:20px;font:11px sans-serif;letter-spacing:.12em;color:#6c685f}@media(max-width:720px){.masthead{padding:23px 18px 12px}main{padding:14px 18px 35px;display:block}.index-panel{border-right:0;padding:0;margin-bottom:25px}nav{display:flex;overflow:auto;gap:7px;padding:10px 0}nav button{flex:0 0 auto;width:auto;border:1px solid;padding:8px 12px}nav button:hover,nav button.active{padding-left:12px}.aside-note{display:none}.formula-grid{grid-template-columns:1fr}.formula-grid article+article{border-left:0;border-top:2px solid}.premise{grid-template-columns:1fr;gap:4px}.example{grid-template-columns:1fr}.example-no{font-size:24px}}