/* Regional calculator styles. Every class starts with gcr- so nothing else on the site is affected. */
.gcr-nav{margin:24px 0}
.gcr-nav h2{font-size:21px;margin:0 0 12px}
.gcr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.gcr-grid li{margin:0}
.gcr-grid a,.gcr-grid .gcr-soon{display:block;background:var(--card,#fff);border:1px solid var(--bd,#e1e6ef);border-radius:10px;padding:10px 12px;color:var(--ac,#1a6ef0);font-size:15px}
.gcr-grid a:hover{border-color:var(--ac,#1a6ef0);text-decoration:none;box-shadow:0 2px 10px rgba(26,110,240,.12)}
.gcr-grid a:focus-visible{outline:3px solid var(--ac,#1a6ef0);outline-offset:2px;border-color:var(--ac,#1a6ef0)}
.gcr-grid a.gcr-cur{background:var(--ac,#1a6ef0);border-color:var(--ac,#1a6ef0);color:#fff;font-weight:600}
.gcr-grid .gcr-soon{color:var(--mut,#5b6577);background:transparent;border-style:dashed}
.gcr-scroll{overflow-x:auto;margin:10px 0}
.gcr-table{border-collapse:collapse;width:100%;max-width:520px;font-size:15px}
.gcr-table caption{text-align:left;font-weight:600;padding:0 0 6px}
.gcr-table th,.gcr-table td{border:1px solid var(--bd,#e1e6ef);padding:6px 10px;text-align:left}
.gcr-table thead th{background:var(--bg,#f5f7fb)}
@media(max-width:600px){.gcr-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}