*{box-sizing:border-box}body{margin:0;font:17px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#252826;background:#fafaf7}a{color:#185a51;text-underline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid #aaa}header a{font-weight:650}nav{display:flex;gap:24px;flex-wrap:wrap}h1{font-size:clamp(26px,4vw,42px);line-height:1.5;margin:20px 0 12px}h2{font-size:24px;margin-top:36px}p{max-width:75ch}label{display:block;font-size:15px}input{display:block;width:100%;padding:9px;font:inherit;border:1px solid #777;border-radius:0;background:white;color:#222}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}legend{font-weight:bold;margin-bottom:18px}button{font:inherit;border:1px solid;padding:8px 20px;cursor:pointer;background:#185a51;color:white;margin:16px 12px 0 0}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #cb6900;outline-offset:3px}.workspace{display:grid;grid-template-columns:330px 1fr;gap:42px;margin:30px 0}output{display:block;font-size:22px;font-weight:bold;min-height:3em}svg{display:block;width:100%;max-height:610px;background:white;border:1px solid #bbb}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{text-align:left;border-bottom:1px solid #ccc;padding:12px 8px}article{max-width:800px}footer{border-top:1px solid #bbb;font-size:14px}.note{font-size:14px;color:#555}.video{background:#15232b;color:#e7eeee}.video a{color:#a7e6d5}.video input{background:#223944;color:white;border-color:#80999d}.video button{background:#bce5d9;color:#15232b}.video .workspace{display:block}.video fieldset{grid-template-columns:repeat(4,1fr)}.video output{font-size:clamp(28px,5vw,54px);padding:22px 0;border-block:1px solid #80999d}.video .note{color:#bdd0d2}.video table{font-variant-numeric:tabular-nums}@media(max-width:650px){header,main,footer{padding:18px}.workspace{display:block}fieldset,.video fieldset{grid-template-columns:1fr 1fr;gap:14px}output{margin:20px 0}nav{gap:16px}th,td{font-size:14px;padding:9px 5px}}