.xf-pair{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:620px;display:grid}.xf-one{gap:8px;min-width:0;display:grid}.xf-one .xc-label{margin:0}.xf .xc-row .xc-go{flex:1}.xf-stopped{background:var(--cn-white);border:1px solid color-mix(in srgb, var(--cn-gold) 80%, var(--cn-rule));border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:900px;margin-top:16px;padding:14px 18px;display:flex}.xf-stopped p{color:var(--cn-ink-2);font-variant-numeric:tabular-nums;flex:360px;margin:0;font-size:15px;line-height:1.5}.xf-stopped b{color:var(--cn-navy)}.xf-stopped em{color:var(--cn-navy);font-style:normal;font-weight:700}.xf-stopped .xc-btn{flex:none}.xf-stopped .xc-btn:disabled{opacity:.7;cursor:default}.xf-result{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);margin-top:24px;display:grid}.xf-card{gap:10px;display:grid;position:sticky;top:16px}.xf-side{gap:20px;min-width:0;display:grid}.xf-style .xc-seg{grid-template-columns:repeat(3,minmax(0,1fr))}.xf-style .xc-swatches{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.xf-hint{color:var(--cn-ink-2);margin:0;font-size:13.5px;line-height:1.45}.xf-verdict{color:var(--cn-ink-2);margin:6px 0 0;font-size:18px;line-height:1.4}.xf-verdict b{color:var(--cn-navy);font-weight:800}.xf-lead{color:var(--cn-ink-2);margin:6px 0 0;font-size:14px;line-height:1.5}.xf-bands{background:var(--cn-white);border:1px solid var(--cn-rule);border-radius:20px;padding:22px 24px}.xf-bands h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.xf-bands ol{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.xf-bands li{font-variant-numeric:tabular-nums;border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"range label tag""range line tag";column-gap:12px;padding:9px 12px;display:grid}.xf-bands li span{color:var(--cn-ink-2);grid-area:range;padding-top:1px;font-size:14px;font-weight:700}.xf-bands li b{color:var(--cn-navy);grid-area:label;font-size:15px;font-weight:800}.xf-bands li em{color:var(--cn-ink-2);grid-area:line;font-size:14px;font-style:normal;line-height:1.45}.xf-bands li strong{background:var(--cn-navy);color:var(--cn-cream);border-radius:99px;grid-area:tag;align-self:center;padding:3px 9px;font-size:12.5px;font-weight:800}.xf-bands li[aria-current=true]{background:color-mix(in srgb, var(--cn-purple) 10%, var(--cn-white))}.xf-why{background:var(--cn-white);border:1px solid var(--cn-rule);border-radius:20px;padding:22px 24px}.xf-why h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.xf-why ul{gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.xf-why li{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:6px 12px;font-size:15px;font-weight:700;display:grid}.xf-why li span{color:var(--cn-navy)}.xf-why li b{color:var(--cn-navy);font-weight:800}.xf-why li em{color:var(--cn-ink-2);font-style:normal;font-weight:600}.xf-why li i{background:linear-gradient(90deg, var(--cn-purple) var(--fill,0%), color-mix(in srgb, var(--cn-navy) 8%, transparent) 0);border-radius:99px;grid-column:1/-1;height:8px}.xf-why dl{border-top:1px solid var(--cn-rule);gap:10px;margin:20px 0 0;padding-top:16px;display:grid}.xf-why dl div{gap:2px;display:grid}.xf-why dt{color:var(--cn-ink-2);overflow-wrap:anywhere;font-size:14px;font-weight:700}.xf-why dd{color:var(--cn-navy);font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:700}.xf-why p{color:var(--cn-ink-2);margin:16px 0 0;font-size:14px;line-height:1.5}.xf-why a{color:var(--cn-link);font-weight:700}#how-the-score-works{scroll-margin-top:24px}@media (max-width:720px){.xf-result{grid-template-columns:minmax(0,1fr)}.xf-card{max-width:420px;position:static}}@media (max-width:560px){.xf-pair{grid-template-columns:1fr}.xf-card .xr-actions{flex-direction:row}}