*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f24;background:#f6f7f9}
header,main,footer{max-width:720px;margin:auto;padding:0 14px}header{padding-top:10px}header a{color:#0b5;font-weight:700;text-decoration:none}
nav{display:flex;gap:8px;overflow-x:auto;padding:8px 0;font-size:14px}nav a{white-space:nowrap;padding:6px 10px;border-radius:16px;background:#e8f5ee;color:#064;text-decoration:none}nav a.on{background:#064;color:#fff}
h1{font-size:1.4rem;margin:.6em 0 .2em}h2{font-size:1.1rem}.lead{color:#555;margin-top:0}
form,.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0001;margin:12px 0}
label{display:block;font-size:14px;margin:10px 0 4px;color:#333}input,select{width:100%;padding:10px;font-size:16px;border:1px solid #ccd;border-radius:8px;background:#fff}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chk{display:flex;gap:8px;align-items:center}.chk input{width:auto}
button{padding:11px 14px;font-size:16px;border:0;border-radius:8px;background:#064;color:#fff;cursor:pointer}button.sec{background:#e8f5ee;color:#064}
table{width:100%;border-collapse:collapse;font-size:15px}td{padding:6px 2px;border-bottom:1px solid #eee}td.n{text-align:right;font-variant-numeric:tabular-nums}tr.tot td{font-weight:700;font-size:1.1rem;border-top:2px solid #064}tr.neg td.n{color:#b22}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.src{font-size:12px;color:#666}.src a{color:#066}.warn{background:#fff6dc;border-left:4px solid #e0a800;padding:8px 10px;font-size:14px;border-radius:6px}
.ad{min-height:0;margin:12px 0}details{background:#fff;border-radius:8px;padding:10px 12px;margin:6px 0}summary{font-weight:600;cursor:pointer}
footer{font-size:13px;color:#666;padding:20px 14px}.hint{font-size:12px;color:#777}
@media print{nav,form,.acts,.ad,footer,.faq,header nav{display:none!important}body{background:#fff}.card{box-shadow:none}}
.corta{background:#e8f5ee;border-radius:10px;padding:10px 12px;font-size:15px}.big{font-size:1.8rem;font-weight:800;margin:.2em 0;color:#064}.big small{font-size:.9rem;font-weight:400;color:#555}
.exp h2{margin-top:1.2em}.exp li{margin:4px 0}.tw{overflow-x:auto}table.val{font-size:13px}table.val th{text-align:left;background:#f0f3f5;padding:6px}table.val td{vertical-align:top}
input,select,button{min-height:44px}
header .logo{font-size:1.15rem}.grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}.grid.one{grid-template-columns:1fr}
a.rate{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"n n v" "c w h";gap:2px 10px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 3px #0001;color:inherit;text-decoration:none;align-items:end}
a.rate .rn{grid-area:n;font-weight:700;font-size:15px}a.rate .rv small{display:block;font-size:11px;color:#777}a.rate .rv b{font-variant-numeric:tabular-nums;font-size:1.05rem}
a.rate .rv:nth-of-type(2){grid-area:c}a.rate .rv:nth-of-type(3){grid-area:w}a.rate .var{grid-area:v;font-size:13px;text-align:right}a.rate .rh{grid-area:h;font-size:11px;color:#888;text-align:right}
a.rate.big .rv b{font-size:1.6rem}.up{color:#0a7a3d}.dn{color:#b22}.var.up{color:#0a7a3d}.var.dn{color:#b22}
.rng{display:flex;gap:6px;flex-wrap:wrap}.rng button{padding:6px 12px;min-height:40px}.rng button.on{background:#064;color:#fff}.svgw{position:relative;margin-top:8px}.svgw svg{width:100%;height:auto;touch-action:pan-y}
.tip{position:absolute;top:0;background:#064;color:#fff;font-size:12px;padding:3px 6px;border-radius:6px;pointer-events:none;white-space:nowrap}
a.rate .rv b{white-space:nowrap}a.rate{grid-template-columns:1fr auto}a.rate{grid-template-areas:"n v" "c w" "h h"}a.rate .rh{text-align:left}