*{box-sizing:border-box}body{margin:0;background:#f7f2e4;color:#243d32;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px}header img{width:72px;height:72px;border-radius:20px}nav{margin-left:auto;display:flex;gap:20px}a{color:#285b42;text-underline-offset:4px}h1,h2{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(32px,6vw,44px)}h2{font-size:25px}section,form,.notice{background:#fffdf5;border:1px solid #d5d9c5;border-radius:20px;padding:24px;margin:20px 0}label{display:block;font-weight:600;margin-top:16px}input,select,textarea,button{font:inherit;width:100%;padding:12px;border:1px solid #879b89;border-radius:10px;background:#fffdf5;color:inherit}textarea{resize:vertical;min-height:150px}button{background:#285b42;color:white;cursor:pointer;border:0;margin-top:20px;min-height:48px;font-weight:600}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #b17620;outline-offset:3px}.small{font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2e8;padding:14px;border-radius:10px}#feedback,#status{overflow-wrap:anywhere}.trap{position:absolute;left:-9999px}footer{font-size:14px}details{margin-top:30px}summary{cursor:pointer;min-height:44px}@media(max-width:480px){header,main,footer{padding:18px}header{flex-wrap:wrap}nav{margin-left:0}section,form{padding:18px}}