:root{color-scheme:light;--ink:#202322;--sub:#59615c;--line:#d9ddd7;--bg:#f8f8f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 Arial,'Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}header{background:#222;color:white;padding:20px max(20px,calc((100% - 1080px)/2))}header a{font-weight:800;text-decoration:none;font-size:23px}nav{display:flex;gap:24px;max-width:1080px;margin:auto;padding:12px 20px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap;font-size:14px}main{max-width:860px;margin:32px auto 60px;padding:0 24px}h1{font-size:32px;line-height:1.4;letter-spacing:-1px;border-left:5px solid #f3cd42;padding-left:16px;margin:18px 0}h2{font-size:22px;line-height:1.5;margin:34px 0 14px}h3{font-size:18px}p{margin:12px 0}.lead{font-size:17px}.meta,.hint{color:var(--sub);font-size:13px}.panel,.example{background:white;border:1px solid var(--line);padding:24px;margin:24px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:6px;font-size:14px}input,select{min-width:0;width:100%;border:1px solid #9fa69e;background:white;color:#202322;border-radius:2px;padding:11px;font:inherit;font-size:16px}button{font:inherit;font-weight:700;border:1px solid #222;background:#222;color:white;cursor:pointer;padding:10px 18px;margin:16px 8px 0 0;border-radius:2px}.secondary{color:#222;background:white}.result{border-left:4px solid #d3ae22;background:#faf4d9;padding:18px;white-space:pre-line}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{background:#eceee9}li{margin-bottom:8px}footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:13px}footer a{margin:8px;display:inline-block}.entries{list-style:none;padding:0}.entries li{border-bottom:1px solid var(--line);padding:20px 0}.entries a{font-size:19px;font-weight:700}.entries p{font-size:14px;color:var(--sub)}:focus-visible{outline:3px solid #a47700;outline-offset:3px}.preview-note{background:#fff3c5;padding:12px 20px;font-size:13px}svg.measure{display:block;max-width:360px;margin:20px auto;width:100%}@media(max-width:600px){main{padding:0 18px;margin-top:24px}h1{font-size:26px}.fields{grid-template-columns:1fr}.panel{padding:18px}nav{gap:20px}body{font-size:15px}}