/* ==========================================================================
   Adviser guides: the client PDF
   --------------------------------------------------------------------------
   Loaded with media="print" by every guide page (setguides.py), so it is the
   print stylesheet for window.print() and the template setpdfs.mjs renders to
   adviser-guides/pdf/<slug>.pdf.

   An A4 document: a cover (the .gd-cover block setguides.py writes into each
   page, hidden on screen), then the TL;DR, the sections, figures and FAQ, then
   sources and the disclaimer. Site chrome, rails, the adviser pack offer,
   feedback, pager and Read next are left out. White ground, ink text, First
   Light only as a fill, square corners.

   The running footer ("Tall Order · <title> · page X of Y") is a page margin
   box. Its text is per guide, so setguides.py writes it as a small <style> in
   each page's head; the cover page has none.

   The cover's .gd-cover-for box is where js/guides.js stamps "Provided by
   <name>, <firm>". Its position is fixed here in mm and mirrored in points in
   guides.js (STAMP). Move one, move the other.
   ========================================================================== */

@page{size:A4;margin:18mm 18mm 20mm;
  @bottom-center{content:"Tall Order";font-family:"Neue Haas Grotesk",Helvetica,Arial,sans-serif;
    font-size:7.5pt;color:#8A8C96;vertical-align:top;padding-top:6mm}}
@page :first{margin:0;@bottom-center{content:none}}

/* ---------- tokens: the light theme, on white ---------- */
html:root{
  color-scheme:light;
  --ground:#fff; --bg:#fff; --surface:var(--to-grey-150); --chip:var(--to-grey); --card:#fff;
  --white:var(--to-ink); --text:var(--to-ink); --muted:var(--to-grey-900); --muted-2:var(--to-grey-700); --faint:var(--to-grey-500);
  --border:rgba(25,24,25,.14); --border-2:rgba(25,24,25,.24); --hairline:rgba(25,24,25,.1);
  --accent:var(--to-ink); --accent-on:#fff;
  --accent-bg:rgba(255,246,149,.55); --accent-br:rgba(25,24,25,.18);
  --grain-opacity:0;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
html,body{background:#fff!important;color:var(--to-ink)}
body::before,body::after{display:none!important}
*{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
[fill="#1c1917"]{fill:var(--to-grey-150)}
[fill="#FFF695"]{fill:var(--to-ink)}
[fill="#44464D"]{fill:var(--to-grey-500)}

/* ---------- what never prints ---------- */
.notice-bar,.header,.mobile-menu,.footer,.crumb,.gd-nav,.gd-toc,.gd-head,.gd-gate,.gd-cta,.gd-next,.gd-pager,.gd-fb,
.lf-jump,.ga-fab,.ga,.chat-fab,.gd-pop,.gd-sm,.gd-pdf-ask,.skip-link,
.ms-wrap .ms-viewport,.ms-wrap .ms-arrows,.fr-fig .fr-tabs,.fr-fig .fr-hot,.fr-fig .fr-pop,
.af-calc .af-ctrls,.af-seg,.ms-arrows{display:none!important}

/* ---------- the frame collapses to the page ---------- */
main.frame,.frame{border:0!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important}
.frame::before,.frame::after{display:none!important}
.gd{display:block!important;padding:0!important;margin:0!important}
.gd-main{max-width:none!important;margin:0!important}
.gd-main .lf-body,.lf-body{max-width:none!important;margin:0!important;padding:0!important}

/* ---------- cover ---------- */
.gd-cover{display:block!important;position:relative;width:210mm;height:296.5mm;overflow:hidden;
  break-after:page;page-break-after:always;background:#fff;color:var(--to-ink);font-family:var(--font-body)}
.gd-cover-mark{position:absolute;left:20mm;top:20mm;width:46mm;height:auto;display:block}
.gd-cover-main{position:absolute;left:20mm;right:24mm;top:92mm}
.gd-cover-kicker{display:flex;align-items:center;gap:3mm;font-family:var(--font-mono);font-size:9pt;line-height:1.3;
  letter-spacing:.08em;text-transform:uppercase;color:var(--to-grey-700);margin:0 0 7mm}
.gd-cover-kicker::before{content:"";display:block;width:9mm;height:2.4mm;background:var(--to-first-light);
  border:.3pt solid rgba(25,24,25,.18)}
.gd-cover-title{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:0;
  font-size:38pt;line-height:.98;color:var(--to-ink);margin:0 0 8mm;max-width:150mm}
.gd-cover-dek{font-size:13pt;line-height:1.45;color:var(--to-grey-900);margin:0 0 11mm;max-width:140mm}
.gd-cover-meta{display:flex;flex-direction:column;gap:1.6mm;padding-top:5mm;border-top:.6pt solid var(--to-ink);max-width:150mm}
.gd-cover-meta span{font-size:9.5pt;line-height:1.4;color:var(--to-grey-900)}
.gd-cover-meta span:first-child{color:var(--to-ink);font-weight:600}
/* Reserved for "Provided by <name>, <firm>", stamped on download. Empty and
   unmarked in the published file, so an unstamped copy has no blank to fill. */
.gd-cover-for{position:absolute;left:20mm;bottom:30mm;width:150mm;height:16mm}
.gd-cover-url{position:absolute;left:20mm;bottom:18mm;font-family:var(--font-mono);font-size:8pt;
  letter-spacing:.04em;color:var(--to-grey-500)}

/* ---------- body type ---------- */
.lf-body{font-size:10.5pt;line-height:1.55;color:var(--to-ink)}
.lf-body p,.lf-body li{font-size:10.5pt!important;line-height:1.55!important;color:var(--to-grey-900)!important}
.lf-body h2{font-size:17pt!important;line-height:1.2!important;margin:9mm 0 3mm!important;color:var(--to-ink)!important}
.lf-body h3{font-size:12.5pt!important;line-height:1.3!important;margin:6mm 0 2mm!important;color:var(--to-ink)!important}
.lf-body h4{color:var(--to-ink)!important}
.lf-body b,.lf-body strong{color:var(--to-ink)!important}
.lf-body a{color:var(--to-ink)!important;text-decoration:none!important}
.lf-body a.gd-term{text-decoration:underline dotted!important}
.lf-body a.fnref{color:var(--to-grey-700)!important}

/* Keep headings with what follows them, and figures, tables and callouts whole. */
.lf-body h2,.lf-body h3,.lf-body h4{break-after:avoid;page-break-after:avoid;break-inside:avoid}
.lf-body h2+*,.lf-body h3+*{break-before:avoid}
figure,.lf-fig,.af-fig,.callout,.metrics,.faq-item,.ms-detail,.lf-steps li,img,svg,tr{
  break-inside:avoid;page-break-inside:avoid}
.lf-body p,.lf-body li{orphans:3;widows:3}

/* The TL;DR keeps its First Light mark; everything else is ink and grey. */
.callout{background:#fff!important;border-color:var(--border-2)!important}
.callout.tldr{border-left:2pt solid var(--to-ink)!important;background:var(--to-grey-50)!important}

/* Figures: white plots, nothing clipped, nothing scrolled sideways. */
.af-fig,.af-calc .af-head,.af-calc .af-plot,.lf-fig{background:#fff!important;border-color:var(--border-2)!important}
.tbl-wrap,.fr-scroll,[data-native-scroll]{overflow:visible!important;max-height:none!important}
/* Tables may run across a page break, between rows, with the header repeated. */
.tbl{font-size:9pt!important}
.tbl thead{display:table-header-group}
.tbl th,.tbl td{color:var(--to-grey-900)!important;padding-top:2.2mm!important;padding-bottom:2.2mm!important;
  font-size:9pt!important;line-height:1.4!important}
.tbl-wrap{break-before:avoid}
/* Hatching drawn for a dark ground, redrawn in ink. */
.af-fig .af-sched li.exit .bx{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(25,24,25,.22) 5px 6px)!important}
.af-fig .af-sched-key .k.exit::before{background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(25,24,25,.4) 3px 4px)!important}
.af-fig .af-box .outer{fill:rgba(25,24,25,.03)}
.fr-fig .fr-tbl.wide,.fr-fig .fr-tbl.mid{min-width:0!important}
figcaption,.tbl-cap{font-size:8.5pt!important;line-height:1.45!important;color:var(--to-grey-700)!important}

/* The reforms timeline: every date and its detail, as a list. */
.ms-wrap .ms-details{margin-top:0!important}
.ms-wrap .ms-detail,.ms-wrap .ms-detail[hidden]{display:block!important;border-top:.5pt solid var(--border-2)!important}
.ms-wrap .ms-detail.key{border-top:1.5pt solid var(--to-ink)!important}
.ms-wrap .ms-detail.key .d,.ms-wrap .ms-detail.key .s{color:var(--to-ink)!important}

/* The annotated fund report: all five pages, one after another. Each page
   stays whole where it fits; the long ones may break between table rows. */
.fr-fig .fr-page,.fr-fig .fr-page[hidden]{display:block!important}
.fr-fig .fr-doc,.fr-fig .af-plot,.fr-fig{break-inside:auto!important}
.fr-fig .fr-tour,.fr-fig .fr-pg{display:none!important}
.fr-fig .fr-tbl{width:100%!important;table-layout:auto}
.fr-fig .fr-tbl.wide{font-size:7.5pt!important}
.fr-fig .fr-tbl.wide th,.fr-fig .fr-tbl.wide td{padding:1.6mm 1.6mm 1.6mm 0!important;font-size:7.5pt!important;line-height:1.35!important}
.fr-fig .fr-tbl.wide td.co,.fr-fig .fr-tbl.wide td.co small,.fr-fig .fr-tbl.wide td:nth-child(2){white-space:normal!important}
.fr-fig .fr-tbl td.bas{min-width:0!important;font-size:7.5pt!important}
.fr-fig .fr-page+.fr-page{border-top:.6pt solid var(--border-2)}

/* Tool call-to-action boxes become one line pointing at the live tool. */
.callout.tp-cta{display:block!important;margin:4mm 0!important;padding:2.5mm 4mm!important;border:0!important;
  border-left:1.5pt solid var(--to-ink)!important;background:var(--to-grey-50)!important}
.callout.tp-cta>*{display:none!important}
.callout.tp-cta>a.btn{all:unset;display:block!important;font-size:0!important}
.callout.tp-cta>a.btn>*{display:none!important}
.callout.tp-cta>a.btn::before{content:"Interactive tool: tallorder.vc" attr(href);display:block;
  font-family:var(--font-mono);font-size:8.5pt;line-height:1.4;color:var(--to-ink);letter-spacing:.02em}

/* FAQ: every answer open, no toggle icons. */
.faq-a{max-height:none!important;overflow:visible!important;display:block!important;opacity:1!important}
.faq-q{pointer-events:none}
.faq-q .ico{display:none!important}

/* Sources and the disclaimer close the document. */
.fnotes{break-before:auto;margin-top:10mm!important;padding-top:4mm!important;border-top:.6pt solid var(--border-2)!important}
.fnotes h2{font-size:12pt!important;margin:0 0 3mm!important}
.fnotes li,.fnotes li span,.fnotes a{font-size:8pt!important;line-height:1.45!important;color:var(--to-grey-900)!important}
.fn-back{display:none!important}
.k-disclaimer{break-inside:avoid;margin-top:6mm!important;padding:3.5mm 4mm!important;border:.6pt solid var(--border-2)!important;
  background:#fff!important;font-size:8.5pt!important;line-height:1.5!important;color:var(--to-grey-900)!important}
.k-disclaimer strong{color:var(--to-ink)!important}