*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#17202a;background:#f4f6f7;line-height:1.6}.wrap{max-width:860px;margin:0 auto;padding:16px}.nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#0b3d2e;color:#fff;padding:10px 14px;border-radius:10px}.nav a{color:#fff;text-decoration:none}.nav b{margin-right:auto}h1{font-size:1.9rem;line-height:1.25}h2{margin-top:1.4em}.card{background:#fff;border:1px solid #dde3e6;border-radius:12px;padding:18px;margin:16px 0}label{display:block;margin:10px 0 4px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #b9c2c7;border-radius:8px;font-size:1rem}button{background:#0b7a4d;color:#fff;border:0;padding:12px 18px;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:14px}button:hover{background:#095f3c}.result{font-size:1.25rem;font-weight:700}.muted{color:#555;font-size:.95rem}footer{margin-top:28px;color:#555;font-size:.9rem}a{color:#0b5a3c}table{width:100%;border-collapse:collapse}td,th{border:1px solid #dde3e6;padding:8px;text-align:left}@media(max-width:600px){h1{font-size:1.5rem}.wrap{padding:12px}}