:root{--ink:#141416;--paper:#f7f3ea;--paper-2:#efe9dc;--gold:#a8874a;--gold-2:#c4a468;--rule:#d9d1c0;--mute:#7a7367;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#1b1b1e}body{font-family:var(--sans);font-weight:300;color:var(--ink);line-height:1.5;font-size:9.6pt}
.toolbar{position:sticky;top:0;z-index:5;background:#0e0e11;color:#d6cdbb;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.toolbar a,.toolbar button{color:#c4a468;background:transparent;border:1px solid #c4a468;padding:8px 14px;font:inherit;cursor:pointer;text-decoration:none}.toolbar .brand{font-family:var(--serif);letter-spacing:.34em;font-size:14px;color:#f2ecdf}
.page{background:var(--paper);width:210mm;margin:24px auto;padding:20mm 20mm 14mm;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.page.lock{max-height:150mm;overflow:hidden}.page.lock>:nth-child(n+5):not(.unlock){filter:blur(7px);user-select:none;pointer-events:none;opacity:.75}.page.lock:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70mm;background:linear-gradient(180deg,rgba(17,17,20,0),var(--paper) 70%)}
.unlock{position:absolute;left:20mm;right:20mm;bottom:16mm;z-index:2;border:1px solid var(--gold);background:#0e0e11;padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}.unlock b{font-family:var(--serif);font-weight:400;font-size:15pt;color:#f2ecdf;display:block}.unlock span{font-size:9.5pt;color:#a9a191;display:block;margin-top:4px}.unlock a{border:1px solid var(--gold);color:var(--gold);padding:11px 16px;font-size:9pt;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.unlock a:hover{background:var(--gold);color:#0a0a0c}
.preview-note{width:min(210mm,calc(100% - 28px));box-sizing:border-box;margin:24px auto 0;color:#a9a191;font-size:10pt;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.preview-note b{color:#f2ecdf;font-weight:500}

.folio{display:flex;justify-content:space-between;font-size:7.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:16px}
.cover .folio{display:none}
tr,.kpis,.box,.warn,.tl li,.verify li,.ent div{break-inside:avoid;page-break-inside:avoid}h2,h3,h4{break-after:avoid;page-break-after:avoid}thead{display:table-header-group}.tight td{padding:3px 5px 3px 0}
.eyebrow{font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
h1{font-family:var(--serif);font-weight:300;font-size:44pt;line-height:1;letter-spacing:-.01em}h1 em{font-style:italic;color:var(--gold)}
h2{font-family:var(--serif);font-weight:300;font-size:24pt;line-height:1.05;margin-bottom:10px}h2 em{font-style:italic;color:var(--gold)}
h3{font-family:var(--serif);font-weight:500;font-size:13pt;margin:12px 0 4px}
h4{font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin:10px 0 4px}
p{margin-bottom:7px;max-width:70ch}p.lede{font-family:var(--serif);font-size:13pt;line-height:1.3;max-width:36em;margin-bottom:10px}
.cover{background:var(--ink);color:#f2ecdf;display:flex;flex-direction:column;justify-content:space-between;min-height:297mm}.cover .eyebrow{color:var(--gold-2)}.cover h1{font-size:56pt;color:#f2ecdf}.cover .meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;border-top:1px solid rgba(242,236,223,.2);padding-top:18px;font-size:9.5pt}.cover .meta b{display:block;font-family:var(--serif);font-weight:400;font-size:16pt;color:#f2ecdf}.cover .meta span{font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:#8a8373}.cover .brand{font-family:var(--serif);letter-spacing:.4em;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:9.2pt;margin:6px 0 12px}th{font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:400;text-align:left;padding:5px 6px 5px 0;border-bottom:1px solid var(--ink)}td{padding:5px 6px 5px 0;border-bottom:1px solid var(--rule);vertical-align:top}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}td b{font-family:var(--serif);font-weight:500;font-size:11.5pt}tr.lead td{background:rgba(196,164,104,.12)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:10px 0 12px}.kpis div{background:var(--paper);padding:9px 10px}.kpis i{font-style:normal;display:block;font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}.kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:19pt;line-height:1.1;margin-top:3px}.kpis small{font-size:8.5pt;color:var(--mute)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.box{border:1px solid var(--rule);padding:10px 12px;margin:8px 0;background:var(--paper-2)}.box.gold{border-color:var(--gold-2)}
ol,ul{padding-left:18px;margin-bottom:8px}li{margin-bottom:4px}
.tl{list-style:none;padding:0}.tl.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.tl.four{display:grid;grid-template-columns:repeat(4,1fr);gap:0 12px}.tl.four li{display:block;border-bottom:0;border-top:1px solid var(--rule);padding:6px 0 0}.tl.four li i{display:block;font-size:10pt}.tl.four li b{font-size:11pt}.tl.four li span{font-size:8.6pt;line-height:1.4;display:block}.tl li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:5px 0;border-bottom:1px solid var(--rule)}.tl li i{font-style:normal;font-family:var(--serif);color:var(--gold);font-size:12pt}.tl li b{font-family:var(--serif);font-weight:500;display:block;font-size:12pt}.tl li span{font-size:9.5pt;color:#3b3833}
.bar{height:4px;background:var(--rule);position:relative;margin:3px 0 7px}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--gold)}
.flag{font-size:14pt;vertical-align:-2px;margin-right:6px}
.rank{font-family:var(--serif);font-size:9pt;color:var(--mute)}
.verify{border-left:2px solid var(--gold);padding-left:12px;margin:8px 0}.verify li{margin-bottom:5px}
.sig{margin-top:40px;font-family:var(--serif);font-style:italic;font-size:14pt}
.small{font-size:9pt;color:var(--mute)}
.ent{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.ent div{border:1px solid var(--rule);padding:10px 12px}.ent b{font-family:var(--serif);font-weight:500;display:block;font-size:12pt}.ent span{font-size:9pt;color:var(--mute)}
.arrows{font-size:9.5pt;margin-bottom:10px}.arrows span{display:inline-block;background:var(--paper-2);padding:3px 8px;margin:0 6px 6px 0;border:1px solid var(--rule)}
.warn{background:#fff7e6;border:1px solid #e6c78a;padding:12px 14px;font-size:9.5pt;margin:12px 0}
.seq{width:100%;border-collapse:collapse;margin:8px 0 16px}.seq td{border-top:1px solid var(--rule);padding:9px 8px 9px 0;font-size:9.5pt;vertical-align:top}.seq td b{display:block;font-family:var(--serif);font-weight:500;font-size:11pt}.seq td span{display:block;color:#5a5348;font-size:9pt;margin-top:2px}.seq td.fill{width:150px;text-align:right;font-size:8.5pt;letter-spacing:.12em;text-transform:uppercase;color:#8b7440;white-space:nowrap}

@media(max-width:860px){.page{width:100%;padding:18px;min-height:auto;overflow-x:hidden}.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}h1{font-size:32pt}.cover h1{font-size:38pt}.toolbar{flex-wrap:wrap;gap:10px 12px;padding:12px 16px}.toolbar .brand{font-size:12px;letter-spacing:.26em}.toolbar #tbTitle{order:3;flex-basis:100%;font-size:9px;letter-spacing:.18em;color:#8a8373}.toolbar>span:last-child{display:flex;gap:8px;margin-left:auto}.toolbar a,.toolbar button{padding:8px 10px;font-size:9px;letter-spacing:.14em;white-space:nowrap}.tight{font-size:7.5pt;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.brand{display:inline-flex;align-items:center;gap:10px}.brand .tld{color:var(--gold);font-size:.78em;letter-spacing:.22em;margin-left:-.2em}.brand .mark{width:26px;height:26px;flex:none}

html,body{max-width:100%;overflow-x:hidden}
.preview-note>*{min-width:0}

/* Wax on the cover and at the close. The document is sealed, not branded. */
.brand .dseal{width:46px;height:auto;margin-left:16px;vertical-align:middle;flex:0 0 auto}
.seal-off{margin-top:16mm;padding-top:8mm;border-top:1px solid var(--rule);display:flex;align-items:center;gap:16px}
.seal-off img{width:84px;height:auto;flex:0 0 auto}
.seal-off span{font-size:8.5pt;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media(max-width:860px){.brand .dseal{width:38px;margin-left:12px}.seal-off img{width:68px}}

/* PRINT. A browser drops every background colour by default unless it is told not to, so the
   document that reads as cream paper with gold rules on screen came out of Save as PDF as
   black type on white with the panels, the tinted boxes and the rules all gone. Everything
   inside a page now prints the colour it was designed in, the page keeps its paper, the
   cover keeps its ink, and the viewer chrome does not print at all. */

/* PRINT. One block, and it is the only one. The three that had piled up here contradicted
   each other on padding, page width and type size, so Save as PDF produced a document with
   different margins, different line breaks and different sizes from the one on screen. The
   rule now is simply that print is the screen: same 210mm sheet, same 20mm margin inside it,
   same type sizes, same colours. @page carries no margin of its own because the sheet already
   has one, and every background prints because a browser drops them unless it is told not to. */
@media print{
  *,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  @page{size:A4;margin:0}
  html{background:var(--paper)!important}
  body{background:var(--paper)!important;color:var(--ink)!important;margin:0;padding:0;
    font-size:9.6pt;line-height:1.5}
  .toolbar,.preview-note,.tb{display:none!important}
  #doc{overflow:visible}
  html,body{overflow-x:visible;max-width:none}
  .page{width:210mm;min-height:297mm;margin:0;padding:20mm 20mm 14mm;
    background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important;
    border:0;break-before:page;page-break-before:always}
  .page:first-child{break-before:auto;page-break-before:auto}
  .page:last-child{break-after:avoid;page-break-after:avoid}
  .cover{background:var(--ink)!important;color:#f2ecdf!important;min-height:297mm;padding:20mm}
  .cover .eyebrow{color:var(--gold-2)!important}
  .cover h1,.cover .meta b,.cover .brand{color:#f2ecdf!important}
  .cover .meta span{color:#8a8373!important}
  .box{background:var(--paper-2)!important}
  .warn{background:#fff7e6!important;border-color:#e6c78a!important}
  .kpis{background:var(--rule)!important}
  .kpis div{background:var(--paper)!important}
  tr.lead td{background:rgba(196,164,104,.12)!important}
  .arrows span{background:var(--paper-2)!important}
  .bar{background:var(--rule)!important}.bar i{background:var(--gold)!important}
  .unlock{position:static;margin-top:12mm;background:#0e0e11!important}
  .unlock b{color:#f2ecdf!important}.unlock span{color:#a9a191!important}
  .page.lock{max-height:none;overflow:visible}
  .page.lock>:nth-child(n+5):not(.unlock){display:none}
  .page.lock:after{display:none}
  a{color:inherit!important;text-decoration:none}
  a[href^="http"]::after{content:""}
  img,svg{max-width:100%}
  tr,.kpis,.box,.warn,.tl li,.verify li,.ent div,.seq tr{break-inside:avoid;page-break-inside:avoid}
  h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}
  thead{display:table-header-group}
}