/* Quick answers and picks: inherit each guide's ink, lines and type; no new colors. */
.fg-takes,.fg-picks{
  --fgt-ink:var(--fg-ink,var(--ink,var(--gw-ink,#1d1d1f)));
  --fgt-muted:var(--muted,var(--gw-muted,#5f6368));
  --fgt-line:var(--fg-line,var(--line,var(--gw-rule,#e4e4e4)));
  --fgt-line-2:var(--fg-line-strong,var(--line-2,var(--gw-rule-strong,#c8c8c8)));
  --fgt-well:var(--fg-well,var(--well,#f4f4f4));
  color:var(--fgt-ink);
}
.fg-takes{border:1px solid var(--fgt-line);border-radius:12px;padding:16px;margin:24px 0;background:#fff}
.fg-takes[hidden],.fg-picks [hidden]{display:none!important}
.fgt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;min-height:52px}
.fgt-head>div{flex:1 1 220px;min-width:0}
.fg-takes .fgt-title,.fg-picks .fgt-title{font-size:20px;font-weight:700;line-height:1.25;margin:0}
.fg-takes .fgt-sub,.fg-picks .fgt-sub{font-size:14px;color:var(--fgt-muted);margin:4px 0 0;line-height:1.4}
.fgt-open{flex:none;min-height:44px;padding:0 16px;border:1px solid var(--fgt-line-2);border-radius:8px;background:#fff;color:var(--fgt-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.fgt-open:hover{border-color:var(--fgt-ink)}
.fgt-body{border-top:1px solid var(--fgt-line);margin-top:16px;padding-top:16px}
.fgt-ask{border:0;margin:0;padding:0;min-width:0}
.fg-takes .fgt-ask legend,.fg-picks .fgt-ask legend{font-size:16px;font-weight:600;padding:0;margin:0 0 12px}
.fg-takes .fgt-count,.fg-picks .fgt-count{font-size:14px;font-weight:400;color:var(--fgt-muted);margin-left:6px}
.fgt-chips{display:flex;flex-wrap:wrap;gap:8px}
.fgt-chip{min-height:44px;padding:0 16px;border:1px solid var(--fgt-line-2);border-radius:999px;background:#fff;color:var(--fgt-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.fgt-chip:hover{border-color:var(--fgt-ink)}
.fgt-chip[aria-pressed=true]{background:var(--fgt-ink);border-color:var(--fgt-ink);color:#fff}
.fgt-chip:disabled{opacity:.6;cursor:progress}
.fgt-q+.fgt-q{margin-top:16px}
.fg-takes .fgt-qtext,.fg-picks .fgt-qtext{font-size:15px;font-weight:600;margin:0 0 8px}
.fg-takes .fgt-bars,.fg-picks .fgt-bars{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fgt-bars li{display:grid;grid-template-columns:minmax(96px,9em) 1fr 3.2em;align-items:center;gap:10px;font-size:14px}
.fgt-label{color:var(--fgt-ink)}
.fgt-bar{height:8px;border-radius:999px;background:var(--fgt-well);overflow:hidden}
.fgt-bar>span{display:block;height:100%;width:var(--w,0);background:var(--fgt-ink);border-radius:inherit;transition:width .3s ease-out}
.fgt-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--fgt-muted)}
.fg-takes .fgt-note,.fg-picks .fgt-note{font-size:14px;color:var(--fgt-muted);margin:12px 0 0;line-height:1.5}
.fgt-results>.fgt-note:first-child{margin-top:0}
.fg-takes .fgt-thanks,.fg-picks .fgt-thanks{font-size:15px;font-weight:600;margin:0 0 12px}
.fg-takes .fgt-actions,.fg-picks .fgt-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0}
.fgt-link{background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:var(--fgt-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fg-takes :focus-visible,.fg-picks :focus-visible{outline:2px solid var(--fgt-ink);outline-offset:2px}

/* /picks */
.fg-picks{max-width:720px}
.fgp-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}
.fg-picks .fgt-note a,.fg-takes .fgt-note a{color:var(--fgt-ink);font-weight:600}
.fgp-tabs .fgt-chip{flex:none}
.fgp-vote{margin:20px 0 0}
.fgp-prompt{font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.25}
.fgp-pair{display:grid;grid-template-columns:1fr;gap:0;position:relative}
.fgp-card{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:112px;padding:16px 20px;border:1px solid var(--fgt-line-2);border-radius:12px;background:#fff;color:var(--fgt-ink);font:inherit;text-align:left;cursor:pointer;position:relative;overflow:hidden}
.fgp-card:hover{border-color:var(--fgt-ink)}
.fgp-card strong{font-size:20px;font-weight:700;line-height:1.2;position:relative}
.fgp-card small{font-size:14px;color:var(--fgt-muted);position:relative}
.fgp-card .fgp-share{position:absolute;inset:0;width:var(--w,0);background:var(--fgt-well);transition:width .35s ease-out}
.fgp-card .fgp-pct{position:relative;font-size:15px;font-weight:600}
.fgp-card[aria-pressed=true]{border-color:var(--fgt-ink);border-width:2px;padding:15px 19px}
.fgp-or{justify-self:center;margin:-10px 0;z-index:1;background:#fff;border:1px solid var(--fgt-line);border-radius:999px;font-size:14px;color:var(--fgt-muted);padding:2px 10px}
.fgp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;font-size:14px;color:var(--fgt-muted)}
.fgp-rank{margin:32px 0 0}
.fgp-rank h2{font-size:20px;font-weight:700;margin:0 0 4px}
.fgp-rank ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:0}
.fgp-rank li{display:grid;grid-template-columns:2em 1fr auto;gap:10px;align-items:baseline;padding:12px 0;border-top:1px solid var(--fgt-line);font-size:15px}
.fgp-rank li span:first-child{color:var(--fgt-muted);font-variant-numeric:tabular-nums}
.fgp-rank li small{font-size:14px;color:var(--fgt-muted)}
.fgp-rank a{color:var(--fgt-ink)}
@media (min-width:761px){
  .fgp-tabs{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .fgp-pair{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px}
  .fgp-or{align-self:center;margin:0}
  .fgp-card{min-height:148px}
}
@media (prefers-reduced-motion:reduce){.fgt-bar>span,.fgp-card .fgp-share{transition:none}}
