body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:760px;margin:0 auto;padding:16px;color:#222;line-height:1.55;background:#fafaf7}
header a{color:#2a6;text-decoration:none;font-weight:700}h1{font-size:1.9rem;margin:.4em 0}.calc{background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px}
.calc label{display:flex;justify-content:space-between;align-items:center;margin:6px 0;gap:12px}.calc input{width:150px;padding:7px;border:1px solid #bbb;border-radius:6px;font-size:1rem}
button{background:#2a6;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:1rem;cursor:pointer;margin-top:8px}#res1{font-size:1.35rem;font-weight:700;margin-top:14px}#res2{color:#555}
.cta{background:#eef7f1;border-radius:12px;padding:14px;margin:22px 0}.cta a{color:#174;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.grid a{display:block;background:#fff;border:1px solid #ddd;border-radius:10px;padding:14px;color:#222;text-decoration:none}footer{color:#888;font-size:.85rem;margin-top:30px}
.calc label{flex-wrap:wrap}.in{display:inline-flex;align-items:center;border:1px solid #bbb;border-radius:6px;background:#fff;width:170px}.in:focus-within{outline:2px solid #2a6}
.calc .in input{border:0;width:100%;min-width:0;outline:0;background:transparent}.u{color:#666;padding:0 8px;font-size:.95rem}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.acts button{background:#fff;color:#174;border:1px solid #2a6;padding:7px 12px;font-size:.9rem;margin:0}#msg{color:#174;font-size:.85rem;align-self:center}
.bar{display:flex;height:22px;border-radius:6px;overflow:hidden;margin:12px 0 4px;background:#eee}.bar i{display:block;height:100%}.lg{font-size:.85rem;color:#444;display:flex;flex-wrap:wrap;gap:4px 14px}.lg b{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
.cmp div{display:flex;align-items:center;gap:8px;font-size:.88rem;margin:4px 0}.cmp span{flex:0 0 42%}.cmp i{display:block;height:14px;border-radius:4px}
.tw{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:.92rem;background:#fff}th,td{border-bottom:1px solid #e5e5e5;padding:6px 8px;text-align:left}th{background:#f3f6f4}td:not(:first-child),th:not(:first-child){text-align:right}
.ex{background:#fff;border-left:4px solid #2a6;padding:10px 14px;border-radius:6px}.by{color:#666;font-size:.85rem}.rel{margin:10px 0}.rel a small{color:#666}footer a{color:#666}
@media(max-width:520px){h1{font-size:1.55rem}.calc{padding:14px}.calc label{flex-direction:column;align-items:stretch;gap:4px}.in{width:100%}.in input{font-size:16px}button{width:100%}.acts button{flex:1}}