*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,sans-serif;color:#24312c;background:#f4f3ec}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ddd3}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;text-decoration:none}.brand span{color:#477251}nav{display:flex;gap:24px;font-size:14px}.hero{padding:78px 0 60px;max-width:800px}.label{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#537356}h1{font-size:clamp(36px,7vw,72px);line-height:1.06;letter-spacing:-3px;margin:24px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-1px}h3{font-size:21px;line-height:1.3}.intro{font-size:21px;max-width:620px;color:#5a665e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fffef9;padding:28px;border:1px solid #dce0d5;border-radius:16px}.num{font:12px ui-monospace,monospace;color:#6b7e69}article{max-width:760px;margin:70px 0;padding-top:28px;border-top:1px solid #ccd3c6}article p,article li{color:#49584e}.note{padding:22px 26px;border-left:3px solid #6c9565;background:#e7ecdf}footer{border-top:1px solid #d8ddd3;color:#69766b;font-size:13px;display:flex;justify-content:space-between;gap:20px}.small{font-size:14px;color:#69766b}@media(max-width:720px){header,main,footer{padding:22px}nav{gap:12px}.grid{grid-template-columns:1fr}.hero{padding-top:40px}h1{letter-spacing:-1.7px}footer{display:block}}
.import-button{display:inline-block;padding:14px 22px;border-radius:12px;background:#36583c;color:#fff;text-decoration:none;font-weight:600}.import-url{overflow-wrap:anywhere;word-break:break-all}