/* ── SCREEN STYLES ── */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Arial,sans-serif;font-size:10.5pt;color:#1a1a1a;background:#f5f5f5}
.page{background:#fff;max-width:210mm;margin:0 auto 20px;padding:20mm 18mm;box-shadow:0 2px 12px rgba(0,0,0,.2)}

/* ── PRINT STYLES ── */
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body{background:#fff;font-size:10pt}
  .page{box-shadow:none;margin:0;padding:15mm 15mm;max-width:none;page-break-after:always}
  .page:last-child{page-break-after:auto}
  .no-break{page-break-inside:avoid}
  h2{page-break-after:avoid}
  @page{size:A4;margin:0}
}

/* ── TYPOGRAPHY ── */
h1{font-size:22pt;font-weight:800;color:#0d2847}
h2{font-size:13pt;font-weight:700;color:#0d2847;margin-top:14pt;margin-bottom:6pt;padding-bottom:3pt;border-bottom:2pt solid #0d2847}
h3{font-size:10.5pt;font-weight:700;color:#1a4a7a;margin-top:10pt;margin-bottom:3pt}
h4{font-size:9.5pt;font-weight:700;color:#333;margin-top:8pt;margin-bottom:2pt}
p{margin-bottom:5pt;line-height:1.55}
ul,ol{margin:3pt 0 5pt 16pt;line-height:1.55}
li{margin-bottom:2pt}
code{font-family:"Courier New",monospace;font-size:9pt;background:#f0f4ff;border:0.5pt solid #c0c8e0;border-radius:2pt;padding:1pt 4pt;color:#1a3a6a}
strong{color:#0d2847}

/* ── COVER ── */
.cover{min-height:240mm;display:flex;flex-direction:column;justify-content:space-between}
.cover-top{background:linear-gradient(135deg,#0d2847 60%,#1a4a7a);color:#fff;padding:30mm 20mm 20mm;margin:-20mm -18mm 0;border-radius:0 0 20pt 20pt}
.cover-logo{font-size:44pt;margin-bottom:8pt}
.cover-title{font-size:26pt;font-weight:900;line-height:1.1;margin-bottom:6pt}
.cover-sub{font-size:13pt;font-weight:400;opacity:.85;margin-bottom:14pt}
.cover-pills{display:flex;flex-wrap:wrap;gap:8pt;margin-top:8pt}
.pill{background:rgba(255,255,255,.18);border:1pt solid rgba(255,255,255,.35);border-radius:20pt;padding:3pt 12pt;font-size:9pt;font-weight:600;color:#fff}
.cover-meta{margin-top:auto;padding-top:20pt;border-top:1pt solid #e0e0e0;font-size:9pt;color:#555;line-height:1.8}
.cover-meta strong{color:#0d2847}

/* ── TOC ── */
.toc-entry{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:0.5pt dotted #ccc;padding:3pt 0;font-size:9.5pt}
.toc-entry.h1{font-weight:700;font-size:10pt;color:#0d2847;margin-top:6pt}
.toc-entry.h2{padding-left:12pt;color:#333}
.toc-pg{color:#888;font-size:8.5pt;flex-shrink:0;padding-left:6pt}

/* ── SECTION HEADER BAR ── */
.sec-bar{background:#0d2847;color:#fff;padding:8pt 12pt;margin:-20mm -18mm 14pt;border-radius:0 0 8pt 8pt;display:flex;align-items:center;gap:10pt}
.sec-num{font-size:18pt;font-weight:900;opacity:.6}
.sec-ttl{font-size:14pt;font-weight:700;line-height:1.2}
.sec-desc{font-size:8.5pt;opacity:.8;margin-top:1pt}

/* ── FORMULA CARDS ── */
.fcards{display:grid;grid-template-columns:1fr 1fr;gap:8pt;margin-top:8pt}
.fcard{border:0.75pt solid #c8d8ee;border-radius:5pt;padding:7pt 9pt;background:#f7faff}
.fcard.full{grid-column:1/-1}
.fcard h4{margin-top:0;color:#0d2847}
.fcard .eqn{font-family:"Courier New",monospace;font-size:8.5pt;background:#e8f0ff;border-left:3pt solid #3a7bd5;padding:4pt 8pt;border-radius:0 3pt 3pt 0;margin:4pt 0;line-height:1.5}
.fcard .units{font-size:8pt;color:#555;margin-top:3pt}
.fcard .note{font-size:7.5pt;color:#666;margin-top:3pt;font-style:italic}

/* ── UNIT TABLES ── */
table{width:100%;border-collapse:collapse;font-size:9pt;margin:6pt 0}
th{background:#0d2847;color:#fff;padding:5pt 8pt;text-align:left;font-weight:600}
td{padding:4pt 8pt;border-bottom:0.5pt solid #e0e0e0;vertical-align:top}
tr:nth-child(even) td{background:#f5f8ff}
tr:hover td{background:#e8f0ff}

/* ── INFO BOXES ── */
.info{background:#e8f4fd;border-left:3pt solid #2196F3;border-radius:0 4pt 4pt 0;padding:6pt 10pt;margin:6pt 0;font-size:9pt}
.warn{background:#fff8e1;border-left:3pt solid #f59e0b;border-radius:0 4pt 4pt 0;padding:6pt 10pt;margin:6pt 0;font-size:9pt}
.crit{background:#fff0f0;border-left:3pt solid #ef4444;border-radius:0 4pt 4pt 0;padding:6pt 10pt;margin:6pt 0;font-size:9pt}
.tip{background:#e8fff0;border-left:3pt solid #22c55e;border-radius:0 4pt 4pt 0;padding:6pt 10pt;margin:6pt 0;font-size:9pt}
.box-title{font-weight:700;margin-bottom:3pt}

/* ── STEP LIST ── */
.steps{counter-reset:step;list-style:none;margin-left:0;padding-left:0}
.steps li{counter-increment:step;padding-left:28pt;position:relative;margin-bottom:5pt}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;background:#0d2847;color:#fff;width:18pt;height:18pt;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8pt;font-weight:700}

/* ── APPENDIX BADGES ── */
.badge{display:inline-block;padding:1pt 6pt;border-radius:3pt;font-size:7.5pt;font-weight:700;margin-right:3pt}
.badge.f{background:#dbeafe;color:#1e40af}
.badge.s{background:#dcfce7;color:#166534}
.badge.m{background:#fef9c3;color:#854d0e}

/* ── PRINT BUTTONS ── */
.print-btn{position:fixed;bottom:24px;right:24px;background:#0d2847;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:999}
.print-btn:hover{background:#1a4a7a}
@media print{.print-btn{display:none}}