/* The Reef — light, warm, committed to one look (operator: "lighten it up, more energy"). */
:root{
  --ground:#FAF7F1;--surface:#FFFFFF;--surface-2:#F0EBE2;--ink:#17262C;--ink-2:#46555A;--ink-3:#7A8A8C;
  --line:#E3DDD1;--line-strong:#C9C2B4;--accent:#0B7C7C;--accent-deep:#0A3D40;--accent-soft:#DDEEEC;
  --critical:#C2452C;--critical-soft:#FBEDE6;--warm:#F6E9D8;--ok:#2F7A56;--on-dark:#F3F7F5;
  --radius:6px;--shadow:0 1px 2px rgba(23,38,44,.06), 0 12px 30px -18px rgba(23,38,44,.25);
}
*{box-sizing:border-box}

body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,"Iowan Old Style",Georgia,serif;font-weight:600;text-wrap:balance;margin:0;line-height:1.12}
a{color:var(--accent)}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
header.rail{position:sticky;top:0;z-index:40;background:rgba(250,247,241,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
header.rail .wrap{display:flex;align-items:center;gap:14px;padding-top:13px;padding-bottom:13px}
.mark{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:21px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
ff-network-menu{--ffn-bg:var(--ground);--ffn-fg:var(--ink);--ffn-accent:var(--accent);color:var(--ink);margin-right:auto}
.site-menu-only{display:none}
.btn{display:inline-block;font:inherit;font-weight:600;background:var(--accent);color:#fff;
  border:0;border-radius:var(--radius);padding:11px 22px;cursor:pointer;text-decoration:none;transition:transform .08s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.btn.onDark{background:#fff;color:var(--accent-deep)}
.badge{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.04em;
  padding:3px 9px;border-radius:100px;border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;background:var(--surface)}
.badge.imported{background:var(--surface-2)}
.badge.retracted{background:var(--critical-soft);color:var(--critical);border-color:var(--critical)}
.badge.weight{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.muted{color:var(--ink-2)}
.small{font-size:13.5px}
@media(max-width:520px){
  .phone-hidden{display:none}
  .site-menu-only{display:block}
}
@media(max-width:420px){
  header.rail .wrap{gap:10px;padding-left:14px;padding-right:14px}
  header.rail .btn{padding:10px 13px}
}