/* Printable fee sheets (KLC Fee Finder). A4, KLC navy, Lato like klc.edu.sg. */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
:root{--sheet-accent:#22497F;--sheet-green:#00632B;--sheet-ink:#333;--sheet-muted:#5f646d;--sheet-line:#cfd3d8;--sheet-bg:#f6f6f6}
*{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:#e2e2e2;color:var(--sheet-ink);font:14px/1.5 "Lato",Arial,Helvetica,sans-serif}
.sheet-bar{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--sheet-line);padding:10px 16px}
.sheet-bar-in{max-width:210mm;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}
.sheet-bar a{color:var(--sheet-accent);font-weight:700}
.sheet-bar button{font:500 15px "Inter",Arial,sans-serif;background:var(--sheet-accent);color:#fff;border:2px solid var(--sheet-accent);border-radius:4px;padding:10px 22px;cursor:pointer}
.sheet-bar button:hover{background:#fff;color:var(--sheet-accent)}
.sheet-bar-tip{max-width:210mm;margin:6px auto 0;font-size:13px;color:var(--sheet-muted)}
.sheet{background:#fff;max-width:210mm;margin:24px auto 48px;padding:16mm 14mm;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.sheet.is-wide{max-width:297mm}
.sheet-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;border-bottom:3px solid var(--sheet-accent);padding-bottom:12px;margin-bottom:18px}
.sheet-brand img{height:44px;width:auto;max-width:100%;display:block}
.sheet-brand strong{font-size:18px;color:var(--sheet-accent)}
.sheet-title{text-align:right}
.sheet-title h1{margin:0;font-size:22px;color:var(--sheet-accent)}
.sheet-title p{margin:2px 0 0;color:var(--sheet-muted);font-size:13px}
.sheet-course{margin-bottom:14px}
.sheet-course h2{margin:0;font-size:18px;color:var(--sheet-accent);line-height:1.3}
.sheet-course p{margin:2px 0 0;color:var(--sheet-muted)}
.sheet-block{margin:0 0 14px;break-inside:avoid}
.sheet-block.is-flow{break-inside:auto}
.sheet-table tr{break-inside:avoid}
.sheet-block h2{font-size:15px;margin:0 0 4px;color:var(--sheet-ink)}
.sheet-note{margin:0 0 6px;color:var(--sheet-muted);font-size:13px}
.sheet-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}
.sheet-table th,.sheet-table td{border:1px solid var(--sheet-line);padding:5px 8px;text-align:right;vertical-align:top}
.sheet-table thead th{background:var(--sheet-bg);font-weight:700;text-align:center;font-size:12.5px}
.sheet-table thead th small{display:block;font-weight:400;color:var(--sheet-muted);font-size:11.5px}
.sheet-table thead th.sheet-group{background:var(--sheet-accent);color:#fff}
.sheet-table tbody th{text-align:left;font-weight:400}
.sheet-table tbody th small{display:block;color:var(--sheet-muted);font-size:11.5px}
.sheet-table tr.is-total th,.sheet-table tr.is-total td{font-weight:700;background:#eef2f8;color:var(--sheet-accent)}
.sheet-table tr.sheet-level th{background:var(--sheet-accent);color:#fff;font-weight:700;font-size:12px}
.sheet-table.is-summary{font-size:11.5px}
.sheet-table.is-summary th,.sheet-table.is-summary td{padding:5px 6px}
.sheet-table.is-summary tbody th{min-width:62mm}
.sheet-table.is-summary td{white-space:nowrap}
.sheet-table.is-breakdown{max-width:120mm}
.sheet-table.is-breakdown td{width:36mm}
.sheet-na{color:#aab}
.sheet-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0 0 12px}
.sheet-facts div{background:var(--sheet-bg);padding:8px 10px}
.sheet-facts dt{font-size:11.5px;color:var(--sheet-muted);font-weight:700}
.sheet-facts dd{margin:2px 0 0}
.sheet-disclaimer{font-size:12.5px;color:var(--sheet-muted);border-left:3px solid var(--sheet-green);padding:4px 10px;margin:12px 0 0}
.sheet-notes li{break-inside:avoid}
.sheet-notes h2{font-size:14px;margin:0 0 4px}
.sheet-notes ul{margin:0;padding-left:18px;font-size:11.5px;color:#444;display:grid;gap:3px}
.sheet-foot{margin-top:18px;border-top:1px solid var(--sheet-line);padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:11.5px;color:var(--sheet-muted)}
.sheet-foot p{margin:0}
.sheet-org{text-align:right}
@media (max-width:640px){
  .sheet{margin:0;padding:18px 16px;box-shadow:none}
  .sheet-block{overflow-x:auto}
  .sheet-title{text-align:left}
  .sheet-facts{grid-template-columns:1fr}
}
@page{size:A4;margin:10mm 12mm}
@media print{
  body{background:#fff;font-size:13px;line-height:1.35}
  .sheet-table{font-size:12px}
  .sheet-table th,.sheet-table td{padding:4px 7px}
  .sheet-notes ul{gap:1px;font-size:11px}
  .sheet-head{margin-bottom:12px}
  .sheet-bar{display:none}
  .sheet,.sheet.is-wide{max-width:none;margin:0;padding:0;box-shadow:none}
  a{color:inherit;text-decoration:none}
}