/* The fund card is laid out for A4 paper, not for a screen. On screen it shows
   the same two sheets so what you see is what the PDF will hold. */
*{box-sizing:border-box}
body{margin:0;background:#e8e3d8;color:#0d1526;
  font:15px/1.5 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

.toolbar{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  padding:12px 18px;background:#0d1526;color:#e8ecf5}
.toolbar button{appearance:none;border:0;border-radius:8px;padding:10px 18px;cursor:pointer;
  background:#b8871c;color:#0d1526;font:700 14.5px/1 inherit}
.toolbar button:hover{background:#dcab3c}
.toolbar a{color:#dcab3c;text-decoration:none;font-weight:600;font-size:14px}
.toolbar span{color:#93a0ba;font-size:13px}

.sheet{width:210mm;height:297mm;overflow:hidden;margin:18px auto;padding:11mm 12mm 14mm;
  background:#fff;box-shadow:0 4px 24px rgba(13,21,38,.18);position:relative}

.ch{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
  border-bottom:2px solid #0d1526;padding-bottom:10px;margin-bottom:14px}
.brand{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b8871c}
.ch h1{margin:3px 0 2px;font-size:21px;line-height:1.25;font-weight:750}
.ch.small h1{font-size:16px}
.sub{margin:0;font-size:12.5px;color:#5a637a}
.navbox{text-align:right;flex:0 0 auto;border:1px solid #c8bda3;border-radius:8px;padding:8px 14px;background:#faf1dc}
.navbox span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f550f}
.navbox b{display:block;font-size:22px;font-weight:750;line-height:1.15}
.navbox i{display:block;font-style:normal;font-size:11px;color:#5a637a;margin-top:2px}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.kv{border:1px solid #ded5c2;border-radius:7px;padding:8px 10px}
.kv span{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5a637a}
.kv b{display:block;font-size:13.5px;font-weight:700;margin-top:2px;line-height:1.3}

h2{font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#0d1526;
  margin:16px 0 7px;padding-bottom:4px;border-bottom:1px solid #ded5c2}
h3{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5a637a;margin:0 0 5px}

.t{width:100%;border-collapse:collapse;font-size:12.5px}
.t th,.t td{padding:6px 7px;border-bottom:1px solid #eee8db;text-align:right;
  font-variant-numeric:tabular-nums}
.t thead th{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:#5a637a;border-bottom:1.5px solid #c8bda3;background:#faf8f3}
.t tbody th{text-align:left;font-weight:700;line-height:1.25}
.t tbody th small{display:block;font-weight:500;font-size:10.5px;color:#5a637a}
.t tr.me{background:#faf1dc}
.t tr.me td,.t tr.me th{font-weight:750}
.t.sm{font-size:12px}
.t.sm th,.t.sm td{padding:5px 7px}
.t.hold td.n,.t.hold th.n{text-align:right}
.t.hold tbody th{font-weight:600}

.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.two-col{column-count:2;column-gap:20px}

.fig{margin:8px 0 0}
.fig svg{width:100%;height:auto;display:block}
.fine{font-size:10.5px;line-height:1.55;color:#5a637a;margin:6px 0 0}
.disc{margin-top:16px;padding:9px 11px;border:1px solid #ded5c2;border-radius:7px;background:#faf8f3}

.cf{position:absolute;left:13mm;right:13mm;bottom:8mm;display:flex;justify-content:space-between;
  font-size:10px;color:#5a637a;border-top:1px solid #ded5c2;padding-top:6px}

@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .no-print{display:none !important}
  .sheet{margin:0;box-shadow:none;page-break-after:always;width:210mm;height:297mm}
  .sheet:last-child{page-break-after:auto}
  .t tr,.two,.fig{page-break-inside:avoid}
}
@media(max-width:820px){
  .sheet{width:100%;min-height:0;padding:16px}
  .grid4{grid-template-columns:1fr 1fr}
  .two{grid-template-columns:1fr}
  .cf{position:static;margin-top:18px}
}

/* Chart styling. The server-drawn SVGs carry classes, not inline fills, so
   without these rules every path renders as solid black — which is exactly how
   the growth chart first came out on this page. Values are the print palette,
   not the site's tokens: this sheet has no theme variables of its own. */
.fig .ivc{display:block;width:100%;height:auto;max-height:62mm;overflow:visible}
.ivc-grid{stroke:#eee8db;stroke-width:1;shape-rendering:crispEdges}
.ivc-zero{stroke:#5a637a;stroke-width:1;shape-rendering:crispEdges}
.ivc-ax{font:500 10px/1 inherit;fill:#5a637a;letter-spacing:.04em}
.ivc-val{font:600 10.5px/1 inherit;fill:#0d1526}
.ivc-fill{fill:rgba(184,135,28,.16)}
.ivc-stroke{fill:none;stroke:#b8871c;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ivc-ddfill{fill:rgba(165,43,34,.16);stroke:#a52b22;stroke-width:1.4}
.ivc-bp{fill:#b8871c;opacity:.5}
.ivc-bn{fill:#a52b22;opacity:.55}
.ivc-bme{opacity:1}
.ivc-band{fill:#fff;stroke:#ded5c2;stroke-width:1}
.ivc-tick{stroke:#5a637a;stroke-width:1.4}
.ivc-mark{fill:#b8871c;stroke:#fff;stroke-width:2}
.ivc-markt{fill:#b8871c}
.ivc-lgl{font:500 12px/1 inherit;fill:#2b3452}
.ivc-lgv{font:700 12px/1 inherit;fill:#0d1526}
.ivc-stv{font:700 12px/1 inherit;fill:#fff}

/* Same reasoning as the site tables: a row separator is what lets the eye
   track sideways across nine columns without sliding a line. */
.t tbody tr th,.t tbody tr td{border-bottom:1px solid #e6e0d2}
.t tbody tr:last-child th,.t tbody tr:last-child td{border-bottom:0}

/* Two charts to a row, sized for paper. A factsheet earns its second page by
   carrying more, not by spreading the same content thinner. */
.two .fig .ivc{max-height:44mm}
.fig.donut .ivc{max-height:52mm;margin:0 auto}
.two h3{margin-top:2px}
.t.sm thead th{white-space:nowrap}
/* nothing should break across the fold mid-thought */
h2,h3{page-break-after:avoid}
.fig{page-break-inside:avoid;margin:4px 0 2px}

/* ── fitting two A4 pages, measured not guessed ───────────────────────────
   The first build ran 311mm and 497mm against A4's 297mm, so the browser would
   have spilled it across four pages with two of them nearly empty. Fixed height
   plus overflow:hidden makes the sheet an honest page: if something does not
   fit it is visibly cut on screen, before anyone prints it. Everything below
   just buys the millimetres back. */
.sheet{font-size:12.5px}
.ch{padding-bottom:7px;margin-bottom:9px}
.ch h1{font-size:19px}
.navbox{padding:6px 12px}
.navbox b{font-size:19px}
.grid4{gap:6px;margin-bottom:10px}
.kv{padding:6px 8px}
.kv b{font-size:12.5px}
h2{font-size:11.5px;margin:10px 0 5px;padding-bottom:3px}
h3{font-size:10.5px;margin-bottom:3px}
.t{font-size:11.5px}
.t th,.t td{padding:4px 6px}
.t.sm{font-size:11px}
.t.sm th,.t.sm td{padding:3px 6px}
.fine{font-size:9.5px;line-height:1.45;margin-top:4px}
.fig{margin:3px 0 0}
.fig .ivc{max-height:46mm}
.two{gap:12px}
.two .fig .ivc{max-height:34mm}
.fig.donut .ivc{max-height:44mm}
.disc{margin-top:10px;padding:7px 9px}
.cf{bottom:6mm;padding-top:4px}
@media print{ .sheet{height:297mm} }
@media(max-width:820px){ .sheet{height:auto;overflow:visible} }
.donutrow{grid-template-columns:1.15fr .85fr;align-items:center;gap:10px}
.donutrow .fig.donut .ivc{max-height:50mm}