/* Strature GPS phase 1: the Top 10, "Top risks now" (sitebuild/hubs/top10.py render_list; WP2's styles, loaded by the
   list itself on /gps/ and /gps/risks/). Copied into www/ only with site.config.json phase1.hubs on. Site tokens only;
   phone first: one ranked column at 375px; two from 900px, still read row by row. */
.t10-list{counter-reset:none;margin:0;padding:0;list-style:none;display:grid;gap:10px}
.t10-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:6px;
  align-content:start;padding:14px 14px 14px 10px;background:var(--knockout);border:1px solid var(--hair)}
.t10-item > *{grid-column:2}
.t10-rank{grid-column:1;grid-row:1 / span 2;font:500 30px/1 var(--serif);color:var(--verm);text-align:right;
  font-variant-numeric:lining-nums}
.t10-title{font:600 18px/1.28 var(--serif);color:var(--ink);text-decoration:none;text-wrap:pretty}
.t10-title:hover{text-decoration:underline;text-underline-offset:4px}
.t10-region{font:600 10.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}
.t10-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.t10-chips .hb-chip{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-height:44px;padding:4px 9px;
  max-width:100%;font:400 13px/1.35 var(--sans);background:var(--paper);border:1px solid var(--navy)}
.t10-chips .hb-ck{color:var(--graphite);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.t10-chips .hb-cv{color:var(--ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.t10-chips .hb-cv:hover{text-decoration:underline}
.t10-chips .fl-n{white-space:normal}
.t10-of{font:400 13px/1.4 var(--sans);color:var(--ink)}
.t10-reach{font:400 12.5px/1.4 var(--mono);color:var(--graphite)}
.t10-prov{font-style:italic}
/* the owner's dated note under an item (item_notes.json, WS-387): wraps, never sideways */
.t10-dated{display:block;max-width:100%;font:400 13px/1.45 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.t10-dated time{font-weight:600}
.t10-bar{display:block;width:100%;height:4px;max-width:260px}
.t10-bar .t10-bg{fill:var(--tint)}
.t10-bar .t10-h{fill:var(--navy)}
.t10-bar .t10-m{fill:var(--graphite);opacity:.55}
.t10-note,.t10-left{margin-top:12px;font:400 13.5px/1.45 var(--sans);color:var(--graphite)}
.t10-signed{margin-top:12px;font:400 13px/1.4 var(--sans);color:var(--graphite)}
.t10-analyst{margin-top:14px;border-top:1px solid var(--hair)}
.t10-analyst > summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 14px/1.3 var(--sans)}
.t10-table{width:100%;border-collapse:collapse;font:400 13px/1.4 var(--sans)}
.t10-table th,.t10-table td{padding:6px 8px 6px 0;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.t10-table th{font-weight:600}
.t10-table td:nth-child(n+3){font-family:var(--mono);white-space:nowrap}
.t10-table small{display:block;font-size:11px;color:var(--graphite)}
.t10-capped{margin-top:8px;font:400 13px/1.45 var(--sans);color:var(--graphite)}
.t10-how{margin-top:10px}
.t10-how a{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1.2 var(--sans);color:var(--ink)}
@media (max-width:599px){
  .t10-table thead{display:none}
  .t10-table tr{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:8px 0;border-bottom:1px solid var(--hair)}
  .t10-table td{border:0;padding:1px 0}
  .t10-table td:first-child{grid-row:span 4}
  .t10-table td:nth-child(n+3){white-space:normal}
  /* the header is hidden on a phone: each figure carries its own column name (data-label, top10.py render_list) */
  .t10-table td[data-label]::before{content:attr(data-label) " ";font:600 11px/1.4 var(--sans);color:var(--graphite)}
}
@media (min-width:900px){
  .t10-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .t10-item{padding:18px 18px 18px 12px;grid-template-columns:40px minmax(0,1fr)}
  .t10-rank{font-size:36px}
  .t10-title{font-size:19px}
}