/* liberiabet.net - "the utility sheet": cool, dense, undecorated.
   Tools indexed in a table above the fold; everything else subordinate. */
:root{
  --bg:#F2F5F7; --surface:#FFFFFF; --card:#FFFFFF; --text:#0F1720; --muted:#5B6B7A;
  --accent:#0E7C7B; --accent2:#1F6FEB; --border:rgba(15,23,32,.14);
  --radius:3px; --rule:rgba(15,23,32,.18);
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:var(--sans);
}
body{background:var(--bg);color:var(--text);font-size:15.5px;line-height:1.58}
.wrap{max-width:1120px}
header.site{background:#FFFFFF;border-bottom:1px solid var(--rule)}
nav.top a{color:var(--muted)}
.hero{padding:26px 0 10px}
.hero h1{font-size:clamp(27px,3.6vw,38px);line-height:1.12;letter-spacing:-.02em;font-weight:700}
.hero p.lead{font-size:16.5px;color:var(--muted);max-width:72ch}
.pill{background:#E4F3F2;color:#0B5F5E;border:1px solid #BEE3E1;border-radius:2px;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px}
h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:30px 0 10px}
h3{font-size:15.5px;font-weight:700}
.grid{gap:12px}
.g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px;box-shadow:none}
.card p{color:var(--muted);font-size:14.5px}
.card.link:hover{border-color:var(--accent);background:#F7FDFD;transform:none}
.calc{background:#FFFFFF!important;border:1px solid var(--border);padding:16px}
.out .big{font-family:var(--mono);font-size:30px;color:#0B5F5E}
button{background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600}
table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#F7FAFB}
code{background:#F1F5F7;border:1px solid var(--border)}
details{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;background:#fff}
footer.site{background:#FFFFFF;border-top:1px solid var(--rule)}
/* signature: the tool index */
table.index{width:100%;border-collapse:collapse;background:#fff}
table.index td{padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
table.index td:first-child{width:58%;font-weight:600}
table.index tr:hover{background:#F7FDFD}
.dense{font-size:14px;color:var(--muted)}