/* 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}

/* min-height, not height, and nothing hidden. A fixed A4 box with
   overflow:hidden does not push the extra onto the next page — it deletes it,
   silently, and only for the funds whose tables happen to run long. One fund's
   activity table was falling off the bottom while another's fitted, with no
   sign on the page that anything was gone. Spilling to an extra printed page is
   the failure everyone can see. */
.sheet{width:210mm;min-height:297mm;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{line-height:0;margin-bottom:5px}
/* The mark, at the size a printer can still resolve. `print-color-adjust` is
   what stops the browser dropping it on the way to PDF — by default it strips
   backgrounds and can wash images out to save ink. */
.brand img{height:19px;width:auto;display:block;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.ch.small .brand img{height:15px}
.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;min-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{min-height:297mm} }
@media(max-width:820px){ .sheet{min-height:0} }
.donutrow{grid-template-columns:1.15fr .85fr;align-items:center;gap:10px}
.donutrow .fig.donut .ivc{max-height:50mm}


/* the holdings sheet now carries share counts and rupee values */
table.hold th:nth-child(2){width:38%}
table.hold td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
table.hold thead th small{font-weight:600;opacity:.75}

/* the activity table on the last sheet */
table.chg tr.bandrow th{background:#e9eff8;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:#33405c;padding:4px 6px}
table.chg th{font-weight:600}
table.chg td.n{font-variant-numeric:tabular-nums;white-space:nowrap}