:root{--navy:#14284b;--gold:#b8892b;--cream:#fbf8f1}
body{font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--navy);margin:0;background:var(--cream)}
header,main,footer{max-width:860px;margin:0 auto;padding:12px 18px}
header{border-bottom:3px solid var(--gold);display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;background:#fff;max-width:none}
.brand{font-weight:700;color:var(--navy);text-decoration:none;font-size:1.15em}nav a{margin-right:10px}
a{color:var(--navy)}h1{font-size:1.6em;line-height:1.25}h2{border-left:4px solid var(--gold);padding-left:8px}
.tw{overflow-x:auto}table.rate{border-collapse:collapse;margin:8px 0;background:#fff;width:100%}table.rate td,table.rate th{border:1px solid #d8d2c2;padding:6px 10px;text-align:left}table.rate th{background:#f1ead8}
.note,.meta{color:#4a5568;font-size:.92em}input#q{width:100%;padding:10px;font-size:1em;box-sizing:border-box;border:2px solid var(--gold);border-radius:6px}
#res li{margin:4px 0}.calc{border:1px solid var(--gold);background:#fff;border-radius:6px;padding:10px 14px;margin:12px 0}.calc h2{margin-top:4px;font-size:1.15em;border:0;padding:0}
input#hv{padding:6px;font-size:1em;width:10em;margin-left:6px}.calcout{font-weight:700}
footer{border-top:3px solid var(--gold);color:#4a5568;font-size:.85em;margin-top:30px}footer h3{font-size:.95em;margin:10px 0 2px}
@media(max-width:600px){table.rate td,table.rate th{padding:5px 6px;font-size:.9em}}