*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#252b2a;font-family:system-ui,sans-serif}main{max-width:780px;margin:0 auto;padding:48px 24px}h1{font-size:clamp(28px,5vw,40px)}.eyebrow{font-size:12px;letter-spacing:.12em;color:#50615c}.avatar{width:120px;height:120px;background:#d8e5dc;border-radius:50%;display:grid;place-items:center;font-size:50px;margin:32px 0}.notice{line-height:1.8;color:#555f5b}dl{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:24px 0;border-top:1px solid #ccd1cb}dd{margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px}button{min-height:48px;padding:10px 18px;border:1px solid #889a91;border-radius:6px;background:#fff;color:#252b2a;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #35725b;outline-offset:3px}select{min-height:44px;padding:8px 12px;font:inherit;border:1px solid #889a91;border-radius:6px;background:#fff}select:disabled{opacity:.6}
