*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#151515;font:16px/1.6 system-ui,sans-serif}header,footer{background:#151515;color:white;padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;gap:30px;flex-wrap:wrap}header a{color:white}main{max-width:1120px;margin:auto;padding:28px 20px 50px}h1{font-size:30px}h2{font-size:23px}a{color:#153d69;overflow-wrap:anywhere}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.button,button{display:inline-block;padding:10px 16px;border:2px solid #151515;color:#151515;background:#fff;text-decoration:none;font:inherit;cursor:pointer}nav [aria-current],button,.button{background:#ffc603}form,details,article{background:white;border:1px solid #ccc;padding:20px;margin:18px 0}form{max-width:860px}label{display:block;margin:14px 0;font-weight:600}input:not([type=checkbox]),textarea{display:block;width:100%;padding:10px;border:1px solid #777;font:inherit;margin-top:5px}textarea{resize:vertical}fieldset{margin:22px 0;border:1px solid #bbb}small{display:block;color:#555}.notice{padding:16px;background:#e5f5e7}.error{padding:16px;background:#ffe4df}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats strong{display:block;font-size:30px}.records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.records article{margin:0}.logout{padding:0;background:none;border:0}code{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e05600;outline-offset:3px}@media(max-width:650px){.stats,.records{grid-template-columns:1fr}header{gap:10px}form,article{padding:14px}}