*{box-sizing:border-box}body{margin:0;background:#f5f1e3;color:#294c3d;font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{font-weight:800;letter-spacing:.3em;text-decoration:none}nav,.row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}a{color:#245440}h1{font:700 clamp(28px,4vw,44px)/1.15 Georgia,serif}h2{font:700 25px/1.25 Georgia,serif}.card{background:#fffbed;border:1px solid #d5dcc8;border-radius:20px;padding:28px;margin:20px 0}.narrow{max-width:600px;margin:30px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.grid .card{margin:0}.notice{padding:16px;background:#dfe9d4;border-radius:10px}input,textarea,select{width:100%;font:inherit;padding:12px;border:1px solid #a8b5a0;border-radius:8px;background:white}input[type=checkbox]{width:auto}label{display:block;margin:12px 0 5px}button,.button{display:inline-block;font:inherit;background:#245440;color:#fffbed;border:0;border-radius:10px;padding:12px 20px;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#3b6b50}.quiet{background:#e4e7d4;color:#294c3d;padding:8px 12px}.errorlist{color:#8e352a;padding-left:20px}footer{font-size:14px;opacity:.8}p{overflow-wrap:anywhere}nav form{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b98d35;outline-offset:3px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding:16px}.card{padding:20px}nav{gap:12px;font-size:15px}}
