/* FasTrax / ATS — In‑Bond Manual (shared stylesheet)
   Usage: <link rel="stylesheet" href="css/inbond-manual.css">  */

:root{
  /* Dark theme tokens */
  --bg:#0b1220;      /* page background */
  --card:#111827;    /* cards */
  --ink:#e5e7eb;     /* primary text */
  --muted:#9ca3af;   /* secondary text */
  --accent:#60a5fa;  /* links/accent */
  --border:#1f2937;  /* subtle borders */
  --accent-ink:#0b1220;
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* Layout */
.wrap{max-width:1100px;margin:0 auto;padding:28px}
header{display:flex;gap:14px;align-items:center;margin-bottom:22px}
header .brand{display:flex;align-items:center;gap:12px}
header img.logo{height:44px;width:auto;border-radius:6px;border:1px solid var(--border);background:#0f172a;padding:4px}

/* Typography */
h1{font-size:clamp(22px,4vw,36px);margin:0}
.sub{color:var(--muted)}
.title{font-weight:700;font-size:18px;margin:0 0 10px}

/* Grid */
.grid{display:grid;gap:18px}
@media(min-width:920px){.grid{grid-template-columns:2fr 1fr}}

/* Cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}

/* Menu list on main page */
.menu{display:grid;grid-template-columns:1fr;gap:10px}
.menu a{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#0f172a;border-radius:12px;padding:12px 14px}
.menu a span.num{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#0b1730;color:#dbeafe;border:1px solid #1e3a8a;font-weight:700}

/* Figures */
figure{margin:0}
figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);display:block}
figcaption{color:var(--muted);font-size:13px;margin-top:8px}

/* Tables */
table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}
th,td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{background:#0f172a;text-align:left;color:#c7d2fe}
tr:last-child td{border-bottom:0}

/* Callouts & pills */
.callout{border:1px dashed var(--border);border-radius:14px;padding:14px;background:#0c1428}
.pill{display:inline-block;border:1px solid var(--border);background:#0f172a;color:#cbd5e1;border-radius:999px;padding:6px 10px;font-size:12px}

/* Secondary tokens */
.kb{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.tag{border:1px solid var(--border);background:#0f172a;color:#cbd5e1;border-radius:999px;padding:6px 10px;font-size:12px}

/* Table of contents (side) */
.toc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px}
.toc h3{margin:4px 0 8px;color:#cbd5e1;font-size:14px;text-transform:uppercase}
.toc a{display:block;padding:8px 10px;border-radius:10px}
.toc a:hover{background:#0f172a}

/* Footer */
footer{margin:30px 0 10px;color:var(--muted);font-size:13px}

/* Print styles */
@media print {
  /* Simplify to a clean, white print layout */
  html, body { background: #fff !important; color: #000 !important; }
  .wrap { max-width: 100%; padding: 0.5in; }
  .card { background: #fff !important; border: none !important; }
  header img.logo { border: none !important; background: none !important; }
  a { color: #000 !important; text-decoration: none; }

  /* Hide navigation/pills/buttons when printing */
  .header-actions, .pill { display: none !important; }

  /* Avoid page breaks inside key blocks */
  h1, h2, h3, table, figure, .card { page-break-inside: avoid; }

  /* Show link targets in print (optional) */
  a[href]:after { content: " (" attr(href) ")"; font-size: 10px; }
}