/* FREE SAILING — fingerprint.css — the four facets in the profile.
   Site tokens only; adds nothing to the palette. */

.fp-head{margin:34px 0 16px}
.fp-head h2{margin:0 0 6px}

.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fp-card{padding:18px 18px 14px;border-radius:14px;background:var(--card,#fff);
  border:1px solid var(--line,#DDE5EA);display:flex;flex-direction:column}
.fp-card h3{margin:0 0 4px;font-size:16px}
.fp-sub{margin:0 0 14px;font-size:13.5px;color:var(--dim,#5C7180);line-height:1.45}

.fp-v{padding:10px 0;border-top:1px solid var(--line,#DDE5EA)}
.fp-v:first-of-type{border-top:0;padding-top:2px}
.fp-vt{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fp-vt b{font-size:14.5px;font-weight:600}
.fp-said{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;
  padding:2px 7px;border-radius:99px;background:var(--wash,#F3F7FA);
  border:1px solid var(--line,#DDE5EA);color:var(--dim,#5C7180)}

/* A bar with no cause under it is a score, which this page does not do —
   .fp-why is what makes the bar legitimate. */
.fp-bar{display:block;height:4px;border-radius:99px;background:var(--wash,#EDF2F5);
  margin:7px 0 6px;overflow:hidden}
.fp-bar i{display:block;height:100%;background:var(--cyan,#57C8E8);border-radius:99px}
.fp-why{margin:0 0 6px;font-size:12.5px;color:var(--dim,#5C7180);line-height:1.45}

.fp-no{padding:3px 10px;border-radius:99px;font-size:11.5px;cursor:pointer;
  font-family:inherit;border:1px solid var(--line,#DDE5EA);background:transparent;
  color:var(--dim,#5C7180)}
.fp-no:hover:not(:disabled){border-color:var(--ink,#022B83);color:var(--ink,#022B83)}
.fp-no:disabled{cursor:default;opacity:.6}

.fp-empty{margin:0;font-size:13.5px;color:var(--dim,#5C7180);font-style:italic}
.fp-how{margin:auto 0 0;padding-top:12px;font-size:12px;color:var(--dim,#5C7180);
  border-top:1px solid var(--line,#DDE5EA)}

/* The disagreement panel is deliberately the loudest thing here. */
.fp-conf{margin-top:16px;padding:18px;border-radius:14px;
  background:var(--wash,#F3F7FA);border:1px solid var(--line,#DDE5EA)}
.fp-conf h3{margin:0 0 4px;font-size:16px}
.fp-cx{margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#DDE5EA);
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.fp-cx:first-of-type{border-top:0}
.fp-cl{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--dim,#5C7180)}
.fp-cx b{font-size:14.5px}
.fp-cx .fp-why{width:100%;margin:2px 0 0}

@media (max-width:820px){ .fp-grid{grid-template-columns:1fr} }

/* What a club would see. Deliberately plain and complete — the point is that
   the person can read the WHOLE thing, not a summary of it. */
.fp-two{margin-top:16px;padding:18px;border-radius:14px;background:var(--card,#fff);
  border:1px solid var(--line,#DDE5EA)}
.fp-two h3{margin:0 0 4px;font-size:16px}
.fp-crow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  padding:9px 0;border-top:1px solid var(--line,#DDE5EA)}
.fp-cl{flex:0 0 92px;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--dim,#5C7180)}
.fp-cchip{padding:3px 10px;border-radius:99px;font-size:13px;
  background:var(--wash,#F3F7FA);border:1px solid var(--line,#DDE5EA)}
.fp-cnone{font-size:13px;color:var(--dim,#5C7180);font-style:italic}
.fp-cnot{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line,#DDE5EA);
  font-size:12.5px;color:var(--dim,#5C7180);line-height:1.55}