:root{font-family:system-ui,sans-serif;color:#17352f;background:#f3f6f5;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:32px auto;padding:24px}h1{font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.2}.brand{font-weight:750;text-decoration:none;color:#17684e}.brand small{display:block;font-weight:400}form,article,.box{background:white;border:1px solid #d5e2dd;border-radius:14px;padding:22px;margin:20px 0}label{display:block;margin:16px 0;font-weight:600}input,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #9bb0a7;border-radius:8px;background:white;font:inherit;min-width:0}button,.button{display:inline-block;background:#17684e;color:white;border:0;border-radius:8px;padding:13px 20px;font:inherit;font-weight:650;min-height:48px;text-decoration:none;cursor:pointer;margin:6px 8px 6px 0}a{color:#17684e;overflow-wrap:anywhere}small{color:#52665e}p{overflow-wrap:anywhere}.error{padding:15px;background:#fff1ee;border:1px solid #ba5144;border-radius:8px}.success{padding:15px;background:#e6f5ec;border:1px solid #257747;border-radius:8px}code{overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}details{margin:20px 0}summary{cursor:pointer;font-weight:650;padding:10px 0}@media(max-width:500px){main{padding:18px;margin:8px auto}form,article,.box{padding:16px}button,.button{max-width:100%}}