:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#284132;background:#f3f5f0}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:auto;padding:24px 18px calc(32px + env(safe-area-inset-bottom))}h1{font-size:26px;letter-spacing:-1px}h2{font-size:18px}p{line-height:1.65;color:#5a6b5c}a{color:#27724f}article,.notice{background:white;border:1px solid #dce6dc;border-radius:16px;padding:18px;margin:14px 0}.notice{background:#fff5df;color:#755b25}button,.button{display:inline-block;min-height:44px;border:0;border-radius:10px;background:#337f5b;color:white;font:inherit;padding:12px 16px;cursor:pointer;text-decoration:none;margin:4px 0}button:disabled{opacity:.5;cursor:wait}.tag{font-size:12px;padding:5px 9px;border-radius:99px;background:#edf2eb;color:#506453}nav{display:flex;gap:12px;flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #bea163;outline-offset:3px}small{line-height:1.6}

form label{display:block;margin:14px 0}input:not([type=checkbox]),select,textarea{font:inherit;width:100%;max-width:100%;padding:12px;border:1px solid #cbd9cb;border-radius:10px;background:white;color:inherit}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}textarea{min-height:100px}fieldset{border:0;padding:0;min-width:0}form{margin:20px 0}article{overflow-wrap:anywhere}#confirmation{background:#fff5df;padding:16px;border-radius:16px}