:root{font-family:Inter,"Noto Sans SC",Arial,sans-serif;color:#202923;background:#f6f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#fff;border-bottom:1px solid #e2e8e2;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100% - 1080px)/2));position:sticky;top:0}header a,main a{color:#34483a;text-decoration:none;font-size:14px}.brand{font-size:18px;font-weight:750;margin-right:auto;color:#244a38}.brand span{color:#536759;font-size:14px}main{max-width:1080px;margin:auto;padding:24px}.intro{padding:34px 0 22px}.eyebrow{font-size:11px;color:#5b7863;font-weight:700}.intro h1{font-size:30px;margin:8px 0}.intro p,.product p,.note p{color:#657168;font-size:14px;line-height:1.65}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.product,.note{background:#fff;border:1px solid #e1e8e1;border-radius:6px;padding:20px}.product h2,.note h2{font-size:17px;margin:0}.product>strong{display:block;color:#345b40;font-size:22px;margin:18px 0}.product form{display:grid;gap:12px}.product label{font-size:12px;color:#59655c;display:grid;gap:5px}.product input{height:38px;border:1px solid #d9e0d9;border-radius:4px;padding:0 10px;font:inherit}.product button{height:40px;border:0;border-radius:4px;background:#335c41;color:white;font-weight:650;cursor:pointer}.product button:hover{background:#274a33}.note{margin-top:22px}.error{padding:12px;background:#fff2f0;border:1px solid #efc8c1;color:#96392d}.empty{color:#657168}footer{max-width:1080px;margin:42px auto 0;padding:20px 24px;border-top:1px solid #e1e8e1;color:#79837b;font-size:12px}@media(max-width:520px){header{gap:14px;height:56px;padding:0 16px}main{padding:16px}.intro{padding-top:22px}}
