/* /geotech/canada/ and the hub's Canada strip (sitebuild/geotech/canada.py; WS-974 Q26-Q29). Site tokens for the
   chrome; palette B's blues (#051C2C, #2251FF, #A9BCFF, #DCE4FF) for every data mark (WS-967 (1), INVENTORY F). Phone
   first (W-115): one column, both tables become cards under 720 px, no sideways scroll. Copied into www/ only with
   site.config.json geotech.pages on. */
.gt-ca-top .opener{margin-bottom:0}
.gt-ca-cards{padding-top:8px}
.gt-ca-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:900px){.gt-ca-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card.gt-ca{background:#fff;border:1px solid var(--hair);padding:16px;gap:10px;min-width:0}
@media (min-width:720px){.card.gt-ca{padding:18px 20px}}
.card.gt-ca#ica-ns{grid-column:1/-1}
.gt-ca h3{font:600 21px/1.2 var(--serif);margin:0}
.gt-ca p,.gt-ca-allies p{margin:0}
.gt-ca-latest,.gt-ca-p{font:15px/1.45 var(--serif)}
.gt-ca-k{font:600 13px var(--sans)}
.gt-ca-nw{white-space:nowrap}
.gt-ca-n{font:500 15px var(--mono);font-variant-numeric:tabular-nums;color:#051C2C}
.gt-ca-counts,.gt-ca-cl{margin:0;padding:0;list-style:none;font:13px/1.45 var(--sans);display:grid;gap:4px}
.gt-ca-counts li{border-left:3px solid #2251FF;padding-left:8px}
.gt-ca-per{color:var(--graphite)}
.gt-ca-foot{font:13px/1.45 var(--sans);border-top:1px solid var(--tint);padding-top:8px}
.gt-ca-src{font:12px/1.45 var(--sans);color:var(--graphite);overflow-wrap:anywhere}
.gt-ca-src a,.gt-ca-foot a{color:inherit}
.gt-ca-lang{white-space:nowrap}
.gt-ca-conf{font-family:var(--mono);white-space:nowrap;padding:0 4px;border:1px solid var(--hair)}
.gt-conf-medium.gt-ca-conf,.gt-conf-low.gt-ca-conf{color:var(--ink);border-color:var(--ink)}
.gt-conf-low.gt-ca-conf{border-width:2px}
/* the ICA table and chart */
.gt-ca-ica{display:grid;gap:12px}
@media (min-width:900px){.gt-ca-ica{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}
.gt-ca-tab{width:100%;border-collapse:collapse;font:13px/1.35 var(--sans)}
.gt-ca-tab caption{text-align:left;font:600 12px/1.4 var(--sans);color:var(--graphite);padding-bottom:4px;caption-side:top}
.gt-ca-tab th,.gt-ca-tab td{padding:6px 6px 6px 0;border-bottom:1px solid var(--tint);text-align:left;font-weight:400;vertical-align:top;overflow-wrap:anywhere}
.gt-ca-tab thead th{font-weight:600;color:var(--graphite);border-bottom-color:var(--hair)}
.gt-ca-tab tbody th{font-weight:600}
.gt-ca-tab .num{text-align:right;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums}
.gt-ca-fig{margin:0}
.gt-ca-chart{display:block;width:100%;max-width:420px;height:auto}
.gt-ca-axis{stroke:var(--hair);stroke-width:1}
.gt-ca-s1{fill:#051C2C;background:#051C2C}
.gt-ca-s2{fill:#2251FF;background:#2251FF}
.gt-ca-s3{fill:#A9BCFF;background:#A9BCFF;stroke:#2251FF;stroke-width:1;border:1px solid #2251FF}
.gt-ca-v,.gt-ca-x{font:11px var(--sans);fill:var(--ink);text-anchor:middle}
.gt-ca-x{fill:var(--graphite)}
.gt-ca-legend{margin:6px 0 0;padding:0;list-style:none;font:12px/1.5 var(--sans);display:flex;flex-wrap:wrap;gap:4px 14px}
.gt-ca-key{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
/* the comparison */
.gt-ca-intro{font:15px/1.45 var(--serif);max-width:var(--measure);margin:0 0 12px}
.gt-ca-cmp{background:#fff}
.gt-ca-cmp th[scope=row]{width:16%}
.gt-ca-cmp td{width:42%}
.gt-ca-ci{display:grid;gap:3px;padding-bottom:8px}
.gt-ca-ci + .gt-ca-ci{border-top:1px dashed var(--tint);padding-top:8px}
.gt-ca-none{font:13px/1.45 var(--sans);color:var(--ink);background:var(--tint);padding:6px 8px}
/* phone: every table row becomes a card */
@media (max-width:719px){
  .gt-ca-tab,.gt-ca-tab tbody,.gt-ca-tab tr,.gt-ca-tab th,.gt-ca-tab td{display:block;width:auto}
  .gt-ca-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gt-ca-tab tr{border:1px solid var(--hair);background:#fff;padding:8px 10px;margin-bottom:10px}
  .gt-ca-tab th,.gt-ca-tab td{border-bottom:0;padding:3px 0}
  .gt-ca-cmp th[scope=row],.gt-ca-cmp td{width:auto}
  .gt-ca-tab td[data-label]::before{content:attr(data-label);display:block;font:600 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}
  .gt-ca-ica-tab td{display:flex;justify-content:space-between;gap:8px}
  .gt-ca-ica-tab td[data-label]::before{display:inline;font:13px var(--sans);letter-spacing:0;text-transform:none}
}
.gt-ca-notes p{font:13px/1.5 var(--sans);max-width:var(--measure);margin:0 0 8px}
.gt-ca-strip p{margin:0 0 8px;max-width:var(--measure)}
