*{box-sizing:border-box}body{margin:0;background:#f7f6f0;color:#183b32;font:16px/1.9 -apple-system,"Microsoft JhengHei",sans-serif}a{color:#17533f;text-underline-offset:4px}a:focus-visible{outline:3px solid #448352;outline-offset:4px}header,footer{padding:22px 5%;background:#e7ecdf;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}main{max-width:1180px;margin:auto;padding:40px 24px}h1{font-size:clamp(28px,4vw,42px);line-height:1.4}nav{font-size:14px}nav a{margin-right:12px}.button{display:inline-block;background:#17533f;color:white;padding:12px 20px;border-radius:8px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px;margin:32px 0}figure{margin:0;background:white;border:1px solid #dce3da;border-radius:9px;padding:12px}img{width:100%;height:auto;display:block}.grid img{aspect-ratio:1;object-fit:contain}figcaption{font-size:12px;text-align:center;padding-top:10px}.sheets{display:grid;gap:28px;max-width:1000px;margin:32px auto}aside{border-top:1px solid #dce3da;margin-top:44px;padding:24px 0}@media(max-width:500px){header{font-size:12px;gap:12px}main{padding:26px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}