*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1d2530;background:#f6f7f9}
header{background:#13233a;color:#fff;padding:12px 24px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}
header a,.logo{color:#fff;text-decoration:none;white-space:nowrap}.logo{font-weight:800;font-size:22px}.logo span{color:#ff8a3d}
main{max-width:1050px;margin:auto;padding:24px}section{background:#fff;border-radius:10px;padding:22px;margin:18px 0;box-shadow:0 1px 3px #0001}
h1{font-size:34px;margin:.2em 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
th{background:#f0f2f5}.gap{color:#b45309;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
input,select,button{font:inherit;padding:8px;border:1px solid #cbd2db;border-radius:6px;width:100%;margin:4px 0 10px}
button{background:#ff8a3d;color:#fff;border:0;font-weight:700;cursor:pointer}.sponsor{border:2px dashed #ff8a3d;text-align:center;color:#555}
.result{font-weight:700;font-size:18px}.small{font-size:13px;color:#555}footer{text-align:center;padding:30px;color:#777;font-size:13px}
@media(max-width:700px){.grid{grid-template-columns:1fr}}

.btn{display:inline-block;background:#ff8a3d;color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;text-decoration:none}
article h1{font-size:30px}article li{margin:6px 0}
@media(max-width:700px){header{padding:10px 14px}nav{font-size:14px;gap:4px 12px}table{display:block;overflow-x:auto}}