:root{
  --green:#0e4b2c; --green-d:#0a3a21; --green-l:#12603a;
  --gold:#c9a227; --gold-d:#a6851c;
  --ink:#1e2723; --mut:#5c6660; --line:#d7ddd8; --bg:#f5f7f5; --card:#fff;
  --ok:#1a7f4b; --bad:#b3261e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,"PT Sans","Helvetica Neue",Arial,sans-serif;
  font-size:15px;line-height:1.6}
main,.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--green-l);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--green-d);line-height:1.25;font-weight:600}
h1{font-size:1.85rem;margin:1.3rem 0 .6rem}
h2{font-size:1.3rem;margin:1.9rem 0 .5rem;padding-bottom:.3rem;border-bottom:2px solid var(--gold)}
h3{font-size:1.05rem;margin:1.2rem 0 .35rem}
p{margin:.6rem 0}
ul{margin:.5rem 0}
small,.mut{color:var(--mut)}
hr{border:0;border-top:1px solid var(--line);margin:1.6rem 0}

.topbar{background:var(--green-d);color:#cfe0d5;font-size:.82rem}
.topbar .wrap{display:flex;gap:20px;padding:6px 20px;flex-wrap:wrap}
.topbar a{color:#cfe0d5}
header.masthead{background:var(--green);color:#fff}
header.masthead .wrap{display:flex;align-items:center;gap:16px;padding:14px 20px}
header .emblem{width:58px;height:58px;flex:none;object-fit:contain}
header .titles b{display:block;font-size:1.3rem;letter-spacing:.01em}
header .titles span{font-size:.85rem;color:#bcd3c5}
nav.main{background:#fff;border-bottom:1px solid var(--line)}
nav.main .wrap{display:flex;flex-wrap:wrap;padding:0 20px}
nav.main a{font-size:.9rem;padding:11px 13px;color:var(--ink);border-bottom:3px solid transparent}
nav.main a:hover{background:var(--bg);text-decoration:none}
nav.main a.active{border-bottom-color:var(--gold);color:var(--green-d);font-weight:600}

.ratestrip{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin:18px 0;
  display:flex;gap:26px;flex-wrap:wrap;align-items:baseline}
.ratestrip .big{font-size:1.6rem;color:var(--green-d)}
.ratestrip .lbl{font-size:.72rem;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;display:block}
.up{color:var(--ok)} .down{color:var(--bad)}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:1rem 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 18px}
.card h3{margin-top:0}
.card p{font-size:.9rem;color:var(--mut)}

table{border-collapse:collapse;width:100%;font-size:.92rem;margin:.6rem 0}
th,td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
th{background:var(--green);color:#fff;font-weight:600}
tbody tr:nth-child(even),tr:nth-child(even){background:#fafbfa}
.num{text-align:right;font-variant-numeric:tabular-nums}

form.gov{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;max-width:640px}
form.gov label{display:block;margin:.8rem 0 .2rem;font-size:.9rem;font-weight:600;color:var(--green-d)}
form.gov input,form.gov textarea,form.gov select{width:100%;padding:8px 10px;border:1px solid #b8c2ba;border-radius:4px;font:inherit}
form.gov textarea{min-height:130px;resize:vertical}
form.gov button{margin-top:1rem;background:var(--green);color:#fff;border:0;border-radius:4px;padding:10px 22px;font-size:.95rem;cursor:pointer}
form.gov button:hover{background:var(--green-d)}
.note{font-size:.86rem;color:var(--mut);background:#eef3ef;border-left:3px solid var(--green);padding:8px 12px;margin:.8rem 0}
.msg-ok{color:var(--ok);font-weight:600}
.msg-err{color:var(--bad);font-weight:600}

.conv2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:640px}
.conv2 .cf{flex:1;min-width:220px;display:flex}
.conv2 .cf input{flex:1;min-width:0;padding:10px;border:1px solid #b8c2ba;border-right:0;border-radius:5px 0 0 5px;font-size:1.05rem;font-variant-numeric:tabular-nums}
.conv2 .cf select{padding:10px;border:1px solid #b8c2ba;border-radius:0 5px 5px 0;background:#f2f5f2}
.conv2 #cv-swap{width:40px;height:40px;border:1px solid var(--green);background:#fff;color:var(--green);
  border-radius:50%;font-size:1.2rem;cursor:pointer;flex:none;line-height:1}
.conv2 #cv-swap:hover{background:var(--green);color:#fff}
@media(max-width:520px){.conv2 #cv-swap{transform:rotate(90deg)}}

.chart{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px}
.chart svg{width:100%;height:auto;display:block}
.crumbs{font-size:.82rem;color:var(--mut);margin:14px 0 0}
.crumbs a{color:var(--mut)}

footer.site{background:var(--green-d);color:#a7bfb0;margin-top:3rem;font-size:.86rem}
footer.site .wrap{padding:22px 20px;display:flex;gap:40px;flex-wrap:wrap}
footer.site a{color:#cfe0d5}
footer.site .col b{color:#fff;display:block;margin-bottom:6px}
.pill{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:10px;background:#e6ede8;color:var(--green-d)}
.pill.active{background:#d6efe0;color:var(--ok)}
.pill.revoked,.pill.suspended{background:#fbe0de;color:var(--bad)}
@media(max-width:640px){header .titles b{font-size:1.05rem}.ratestrip .big{font-size:1.3rem}}