*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background:#fafafa}
header,main,footer{max-width:760px;margin:0 auto;padding:0 16px}header{padding-top:20px}a{color:#0b57d0}
h1{font-size:1.6rem;line-height:1.25;margin:.6rem 0}h2{font-size:1.15rem;margin:1.6rem 0 .4rem}
.sub{color:#555;margin:.2rem 0 1rem}form{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:14px;display:grid;gap:10px}
label{display:block;font-weight:600;font-size:.86rem}input,select{width:100%;padding:9px;font-size:1rem;border:1px solid #ccc;border-radius:7px;margin-top:3px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e3e3;border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #f0f0f0;font-size:.95rem}tr:last-child th,tr:last-child td{border-bottom:0}
th{font-weight:500;color:#444;width:52%}.n{color:#777;font-size:.84rem}button{cursor:pointer;padding:9px 12px;border-radius:7px;border:1px solid #ccc;background:#fff;font-size:.9rem}
nav a{display:inline-block;margin:0 12px 8px 0;font-size:.9rem}footer{margin:28px auto;color:#666;font-size:.84rem;padding-bottom:30px}
ul{padding-left:20px}li{margin:.25rem 0}