html{font:18px/1.65 system-ui,sans-serif;color:#163c35;background:#eef5ef}body{margin:0}main{max-width:880px;margin:auto;padding:24px clamp(16px,4vw,40px) 60px}article{background:#fffef9;padding:clamp(18px,4vw,36px);border:1px solid #d4e3d7;border-radius:18px;margin:22px 0}h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2}h2{line-height:1.3}a{color:#176b4e;text-underline-offset:3px}nav{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}li{margin:9px 0}.example{background:#edf5ee;border-left:4px solid #73a581;padding:12px 18px;border-radius:5px}.button{display:inline-block;padding:12px 20px;background:#176b4e;color:white;border-radius:10px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid #cbdccf;padding:9px;text-align:left}p{white-space:pre-line;overflow-wrap:anywhere}