/* Geotechnology forecast cards (sitebuild/geotech/forecasts.py; owner ruling WS-967 (4), Q15 A). Site tokens only
   (site.css :root); the split bar and swatches use palette B (below). Phone first (W-115): one
   column, two from 760px. No inline style anywhere (CSP style-src 'self'). Copied into www/ only with
   site.config.json geotech.pages on. */
.gt-fc .gf-lede{font:16px/1.5 var(--serif);color:var(--graphite);margin:0 0 16px;max-width:var(--measure,70ch)}
.gf-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:760px){.gf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gf-card{border:1px solid var(--hair);background:var(--white,#fff);padding:16px;display:grid;gap:8px;align-content:start;min-width:0}
.gf-m{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0;font:500 12px/1.4 var(--mono);color:var(--graphite)}
.gf-id{color:var(--ink);background:var(--tint);padding:0 5px;font-weight:600}
.gf-st{border:1px solid var(--ink);padding:0 6px;color:var(--ink)}
.gf-st.st-superseded{border-style:dashed;color:var(--graphite);border-color:var(--graphite)}
.gf-q{font:600 17px/1.3 var(--sans);margin:0;color:var(--ink);overflow-wrap:anywhere}
.gf-big{margin:0;font:700 36px/1 var(--sans);color:var(--navy)}
.gf-big small{font:400 13px/1.4 var(--sans);color:var(--graphite);margin-left:8px}
.gf-bar{display:block;width:100%;height:22px;border:1px solid var(--ink)}
/* palette B on every data mark (WS-967 (1), Q46 A): navy, blue, pale, faint, in that order, as fc.html and combo.html;
   pale and faint swatches carry a hairline so they read on white */
.gf-s0{fill:#051C2C;background:#051C2C} .gf-s1{fill:#2251FF;background:#2251FF}
.gf-s2{fill:#A9BCFF;background:#A9BCFF} .gf-s3{fill:#DCE4FF;background:#DCE4FF}
.gf-sw.gf-s2,.gf-sw.gf-s3{box-shadow:inset 0 0 0 1px #051C2C}
.gf-outs{list-style:none;margin:0;padding:0;display:grid;gap:2px;font:14px/1.4 var(--sans)}
.gf-outs li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hair);padding:3px 0}
.gf-sw{flex:0 0 12px;height:12px}
.gf-o{flex:1 1 auto;min-width:0}
.gf-outs b{font:600 14px var(--mono)}
.gf-dt,.gf-sc{margin:0;font:13px/1.45 var(--sans);color:var(--graphite);overflow-wrap:anywhere}
.gf-dt b{color:var(--ink);font-weight:600}
.gf-links{margin:0;font:13px/1.45 var(--sans)}
.gf-links a{min-height:24px;display:inline-block}
.gf-draft{border-style:dashed;background:var(--paper)}
.gf-tag{margin:0;font:600 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--verm)}
.gf-more{margin:16px 0 0}
/* the register's own dates line and "Settled by" grouping (register._dates_line, register._settled_by; review m2, M3) */
.gf-card .rq-dates{margin:0;display:flex;flex-wrap:wrap;gap:0 14px;font:13px/1.45 var(--sans);color:var(--graphite)}
.gf-card .rq-dates b,.gf-res b{color:var(--ink);font-weight:600}
.gf-src{margin:0;font:13px/1.45 var(--sans);color:var(--graphite);overflow-wrap:anywhere}
.gf-src summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:24px}
.gf-k{margin:0;color:var(--ink);font-weight:600}
.gf-src .rq-src{margin:4px 0 0}
.gf-src ul{margin:2px 0 0;padding-left:18px}
.gf-src .rq-note{color:var(--graphite)}
.gf-soon{margin:12px 0 0;font:14px/1.45 var(--sans);color:var(--graphite)}