/* Strature GPS phase 1 (WP8): the register's GPS filter columns and "In GPS" cells (sitebuild/register.py gps_places)
   and the brief pages' "Where this brief sits in GPS" panel (sitebuild/hubs/brief_links.py). Shipped only with
   site.config.json phase1.hubs on. */
.rf-gps label{padding:0 0 0 10px}
.rf-gps select{font:500 16px/1.2 var(--sans);color:var(--ink);background:var(--paper);border:0;border-left:1px solid var(--hair);min-height:34px;max-width:12.5rem;padding:0 6px}
.rf-gps select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.gps-off{display:none!important}
.cat.reg .c-gps{font:14px/1.45 var(--sans)}
@media (min-width:900px){.cat.reg .c-gps{min-width:11rem}}
.gpp-dl{margin:0;display:grid;gap:14px}
.gpp-row{display:grid;gap:4px}
.gpp-dl dt{font:600 11px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--graphite)}
.gpp-dl dd{margin:0}
.gpp-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.gpp-list a{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border:1px solid var(--hair);font:500 15px/1.2 var(--sans);color:var(--ink);text-decoration:none;background:var(--paper)}
.gpp-list a:hover,.gpp-list a:focus-visible{border-color:var(--ink);background:var(--tint)}
@media (min-width:760px){.gpp-row{grid-template-columns:8rem 1fr;align-items:baseline}}
/* the brief page: the panel in place of the "Countries in this brief" row of #gps-questions (brief_links.inject), one
   line per kind, its places as text links (as the question cards' countries), so the page stays short on a phone */
.gpp-in{margin:-8px 0 28px;font:400 14px/1.6 var(--sans);color:var(--ink)}
.gpp-in .gpp-h{display:block;margin:0 0 2px}
.gpp-in .gpp-dl{display:block}
.gpp-in .gpp-row{display:block}
.gpp-in .gpp-dl dt{display:inline;margin-right:8px;font-size:10.5px}
.gpp-in .gpp-dl dd,.gpp-in .gpp-list,.gpp-in .gpp-more,.gpp-in .gpp-more summary{display:inline}
/* the markup has no space between the <li>s, so as plain inlines a list ran as one unbreakable word and pushed the
   375px page wide (c-003, c-004, c-006, q-021, q-027, t-001): each place is its own inline-block, after which the line
   may break, its separator dot kept at the end of the line; a long name still wraps inside its box */
.gpp-in .gpp-dl dd{min-width:0;overflow-wrap:break-word}
.gpp-in .gpp-list li{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.gpp-in .gpp-list li:not(:last-child)::after,.gpp-in .gpp-more::before{content:"\00B7";margin:0 6px;color:var(--graphite)}
.gpp-in .gpp-list a{display:inline;min-height:0;padding:0;border:0;background:none;font:500 14px/1.6 var(--sans);
  color:var(--ink);text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:3px}
.gpp-in .gpp-list a:hover,.gpp-in .gpp-list a:focus-visible{background:none;text-decoration-color:var(--ink)}
.gpp-in .gpp-more summary{cursor:pointer;color:var(--graphite);text-decoration:underline;text-underline-offset:3px}
.gpp-in .gpp-more[open] summary{display:none}
.gpp-in .fine{margin-top:4px}
@media (min-width:760px){.gpp-in .gpp-row{display:block}}