*{box-sizing:border-box}body{font:16px/1.5 Arial,sans-serif;background:#f5f5f5;color:#171717;margin:0;padding:24px}main{max-width:900px;margin:20px auto;background:white;padding:28px}h1{font-size:29px}aside{padding:16px;background:#fff0f6;border-left:4px solid #e72c78}a{color:#a31951}nav{margin:24px 0}label{display:block;margin:16px 0}input{display:block;width:100%;max-width:400px;padding:12px;font-size:16px}button{background:#e72c78;color:white;border:0;padding:13px 22px;cursor:pointer;font-size:16px}button.secondary{background:#222;margin-top:25px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}details{padding:20px 0}summary{cursor:pointer}p[role=alert]{color:#a31951}@media(max-width:500px){body{padding:8px}main{padding:14px}th,td{padding:8px;font-size:13px}h1{font-size:23px}}