/* FREE SAILING — og.css — the three-group supply finding, wherever it appears.

   MOVED OUT OF org.css 2026-09-02, when the club dashboard started rendering
   the same three groups. Two surfaces now show this component: the public
   organisation page (org.html) and the signed-in club board
   (dashboard/club.html), which previously rendered the engine's debug view
   instead. A component shown in two places with its styling defined in one
   page's stylesheet is a component that silently loses its meaning on the
   other — and the meaning here IS the styling, per the note below.
   ---------------------------------------------------------------------- */

/* ------------------------------------------------- what is not listed here
   Three groups that must not read as one list. They are three DIFFERENT
   kinds of statement — a finding to act on, a fact that needs no action,
   and a limit of our own reach — and a reader who cannot tell them apart
   has been told something false about the strongest of them.

   The separation is carried by the left rule's weight rather than by
   colour alone: solid and full-strength for the finding, hairline for the
   covered fact, dashed for the limit. That survives a greyscale print, a
   colour-blind reader and a screenshot, and it needs no legend. */
.og-group{ margin-top:26px; }
.og-group:first-child{ margin-top:0; }
.og-group h3{ font-size:17px; color:var(--navy); letter-spacing:-.012em; }
.og-note{ color:var(--ink-40); font-size:13.5px; margin-top:4px; max-width:62ch; }
.og-row{ margin-top:12px; padding:12px 0 12px 16px; border-left:3px solid var(--line); }
.og-row p{ font-size:15px; color:var(--ink-60); max-width:70ch; line-height:1.5; }
.og-missing .og-row{ border-left-color:var(--cyan); }
.og-missing .og-row p{ color:var(--navy); font-weight:600; }
.og-covered .og-row{ border-left-width:1px; }
.og-unsure  .og-row{ border-left-style:dashed; }
.og-fact{ display:inline-block; margin-top:6px; font-size:13px; font-weight:700;
          color:var(--cyan-text); }
.og-foot{ margin-top:24px; padding-top:14px; border-top:1px solid var(--line-2);
          color:var(--ink-40); font-size:13px; max-width:70ch; }

@media (max-width:640px){
  .og-row{ padding-left:12px; }
  .og-row p{ font-size:14.5px; }
}

/* A FOURTH STATEMENT, ON THE PERSON'S OWN PAGE ONLY.
   "You looked for this and something near you DOES list it" is not one of
   the three an organisation reads — it is a miss on our side, addressed to
   the person it happened to, and it is the most useful line on profile.html.
   It carries the finding's weight because it is a finding; it gets its own
   name because borrowing .og-missing would make that class hold rows that
   are the opposite of missing.

   IT IS NAVY AND HEAVIER, NOT CYAN. The first version reused .og-missing's
   cyan and weight, and measured in the browser the two groups came back
   byte-identical — 3px solid rgb(2,162,238), navy 600, both of them. Two of
   the three groups on that page looked the same, which is the one thing this
   file exists to prevent. Colour AND width both differ now, so it survives
   greyscale the way the other three do. */
.og-found .og-row{ border-left-color:var(--navy); border-left-width:5px; }
.og-found .og-row p{ color:var(--navy); font-weight:600; }