:root{font-family:Inter,system-ui,sans-serif;color:#171717;background:#f8f8f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:32px;padding:24px 5%;border-bottom:1px solid #ddd;background:white}.brand{font-weight:800;font-size:25px;color:inherit;text-decoration:none}.brand small{font-size:12px;font-weight:500}nav{display:flex;gap:24px;flex:1}a{color:inherit}header form{margin:0}main{max-width:1100px;margin:40px auto;padding:0 24px}h1{font-size:32px;margin:0 0 12px}p{line-height:1.55}section{background:white;border:1px solid #ddd;border-radius:16px;padding:24px;margin:24px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.row{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-bottom:1px solid #eee;text-decoration:none}.row:last-child{border:0}form p{margin:20px 0}label{display:block;font-weight:600;margin-bottom:8px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #ccc;border-radius:8px;padding:12px;background:#fff;font:inherit}textarea{font:14px/1.6 ui-monospace,monospace}input[type=checkbox]{width:20px;height:20px}button,.button{display:inline-block;border:1px solid #bbb;border-radius:24px;padding:12px 22px;cursor:pointer;background:white;color:inherit;font:inherit;text-decoration:none}.primary{background:#cbfb45;border-color:#cbfb45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6654e8;outline-offset:3px}.errorlist{color:#a82020}.narrow{max-width:460px;margin:10vh auto}code{overflow-wrap:anywhere}@media(max-width:650px){header{flex-wrap:wrap;gap:16px}nav{order:3;flex-basis:100%;gap:18px}.heading,.row{align-items:flex-start;flex-direction:column}main{margin-top:28px}h1{font-size:27px}}