/* malibet.net - "le bulletin": ivory paper, black rules, indigo ink, figures in mono.
   The page is laid out like a printed ledger: numbered black section bars, tabular
   figures, dashed allowance boxes. No other market on the network is this bureaucratic. */
:root{
  --bg:#FFFCF2; --surface:#FFFFFF; --card:#FFFFFF; --text:#14110C; --muted:#615A4B;
  --accent:#1B3A8F; --accent2:#9A6B00; --border:rgba(20,17,12,.18);
  --radius:0px; --rule:rgba(27,58,143,.30);
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display:var(--sans);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
}
body{background:var(--bg);color:var(--text);font-size:16.5px;line-height:1.7}
.wrap{max-width:960px}
header.site{background:#FFFCF2;border-bottom:2px solid var(--text);padding-bottom:10px}
header.site .logo{letter-spacing:-.01em}
header.site .logo .dot{background:var(--accent);border-radius:0;width:10px;height:10px}
nav.top a{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
nav.top a[aria-current],nav.top a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* hero = a ledger masthead: heavy top rule, stamp, tabular headline */
.hero{background:#FFFCF2;border-top:6px solid var(--text);border-bottom:1px solid var(--border);
  margin:0 -100vmax 0;padding:40px 100vmax 34px}
.hero h1{color:var(--text);font-size:clamp(31px,4.4vw,50px);line-height:1.02;font-weight:800;
  letter-spacing:-.025em;font-feature-settings:"tnum";max-width:22ch}
.hero p.lead{color:var(--muted);font-size:17.5px;max-width:70ch}
.hero .pill{background:#FFFCF2;border:1.5px dashed var(--accent2);color:var(--accent2);
  border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;font-weight:700;padding:5px 11px}
.hero .calc{background:#FFFFFF;border:1.5px dashed var(--rule);border-left:5px solid var(--accent);padding:20px}
.hero .card{background:#FFFFFF;border:1px solid var(--border)}

h2{display:flex;align-items:baseline;gap:12px;background:var(--text);color:#FFFCF2;
  font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  margin:44px 0 14px;padding:10px 14px;border-radius:0}
h2 .n{font-family:var(--mono);color:var(--accent2);font-size:13px;font-weight:600;letter-spacing:.1em;
  background:transparent;padding:0;flex:none}
h3{font-size:18px;font-weight:700}
.card{background:#FFFFFF;border:1px solid var(--border);border-top:2px solid var(--text);
  border-radius:0;padding:16px 18px;box-shadow:none}
.card p{color:var(--muted)}
.card.link:hover{border-top-color:var(--accent2);background:#FFFDF7;transform:translateY(-1px)}
.grid{gap:16px}
.calc{background:#FFFFFF!important;border:1.5px dashed var(--rule);border-left:5px solid var(--accent);padding:20px}
label{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
input,select{background:#fff;border:2px solid var(--text);border-radius:0;color:var(--text);
  font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}
input:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:3px 3px 0 rgba(27,58,143,.14)}
button{background:var(--accent);color:#FFFFFF;border-radius:0;font-family:var(--mono);font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}
button.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}
.out .big{font-family:var(--mono);font-size:31px;font-weight:800;color:var(--accent);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
table{font-variant-numeric:tabular-nums}
table th{background:var(--accent);color:#FFFFFF;font-family:var(--mono);font-weight:700;
  text-transform:uppercase;letter-spacing:.07em;font-size:11px;border-radius:0}
table td,table th{border-bottom:1px solid var(--border);padding-top:11px;padding-bottom:11px}
tbody tr:nth-child(even){background:#FFFDF6}
table td:first-child{font-weight:650}
code{background:#FFFDF6;border:1px solid var(--border);font-family:var(--mono)}
details{border-bottom:1px dotted var(--border);padding:14px 0}
details summary{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;color:var(--accent)}
footer.site{background:#14110C;color:#E8E2D2;border-top:0}
footer.site a,footer.site h4{color:#FFFCF2}
footer.site h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px}
.rg{background:#FFFDF6;border-left:5px solid var(--accent2)}
.pill{font-family:var(--mono)}