/* LIO v3 skin for the members pages, Sunday, October 18, 2026.
   Loads after lio.css and re-points its tokens to the leagueofoperators.org home page look:
   white, ink and gold, Josefin Sans labels, Spectral body, Helvetica Neue headings, 17px body. */
:root, :root[data-theme="dark"], :root[data-theme="light"], :root:not([data-theme="light"]){
  --ground:#FBFBFA; --surface:#FFFFFF; --surface-2:#F2F0EB;
  --ink:#16191D; --ink-2:#5C646E; --ink-3:#7C8189;
  --rule:#E1DFD9; --rule-strong:#C9C4B8;
  --accent:#C9971C; --accent-ink:#17130A; --accent-deep:#8A6508;
  --go:#1F6B3A;
  --disp:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --narrow:"Josefin Sans","Trebuchet MS",Arial,sans-serif;
  --body:"Spectral",Georgia,"Times New Roman",serif;
  color-scheme:light;
}
body{font-size:17px;background:var(--ground);color:var(--ink)}
.only-dark{display:none!important}.only-light{display:block!important}
.tickscale{display:none}

/* Masthead: same ink bar as the home page */
.mast{background:#16191D;border-bottom:1px solid #ffffff1a}
.brand{gap:13px}
.brand .lock{height:38px;width:34px;object-fit:contain}
.brand .brandtext{font-family:var(--narrow);font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.2em;color:#fff;text-transform:uppercase}
.brand .sub{display:none}
.nav a{color:#E3E6E9}
.nav a:hover{color:#E8C77A}
.nav .join{background:#C9971C;border-color:#C9971C;color:#17130A}
.menubtn{color:#fff;border-color:#ffffff55}

/* Headings: Helvetica Neue, scaled to the home page */
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
h1.head-xl{font-size:clamp(2.4rem,5vw,4rem)!important;line-height:1.05;letter-spacing:-.035em}
h1.head-xl .outline{color:var(--accent-deep);-webkit-text-stroke:0}
.eyebrow{color:var(--accent-deep);letter-spacing:.22em;font-weight:700}
.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--ink-2)}

/* Buttons */
.btn{font-family:var(--narrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;border-radius:3px;padding:15px 24px 13px}
.btn-gold{background:#1B46CC;border-color:#1B46CC;color:#fff}
.btn-gold:hover{background:#1638A6;border-color:#1638A6}
.btn-ghost{background:transparent;color:var(--accent-deep);border-color:var(--accent)}

/* Cards and panels */
.jobdesk{border-color:var(--accent);background:var(--surface)}

/* Footer: ink, like the home page */
.foot{background:#16191D;color:#CDD3D9;border-top:0}
.foot a{color:#E8C77A}
.foot .apex,.foot .fine{color:#CDD3D9}

:focus-visible{outline:3px solid var(--accent);outline-offset:3px}