/* PRINT SHEETS - landscape coupon bond, two columns.
   Two columns, not one, because a single column across an 11in sheet is about 110
   characters a line and nobody can read that. Two columns is about 52, which is the
   measure a book uses. The reading order is plain: left column top to bottom, then
   right, then turn the page. That is what the originals never had.
   The sheet size comes from build.cjs and is injected above this file. */

@font-face{font-family:Bricolage;src:url("bricolage-latin.woff2") format("woff2");font-weight:200 800;font-display:block}
@font-face{font-family:Jakarta;src:url("jakarta-latin.woff2") format("woff2");font-weight:200 800;font-display:block}

:root{
  --navy:#14213D; --brand:#2E5E96; --steel:#5689B6;
  --paper:#F4F6F8; --muted:#5C6B82; --line:#DDE3EA;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fff}
body{font-family:Jakarta,system-ui,sans-serif;color:var(--navy);
  -webkit-print-color-adjust:exact;print-color-adjust:exact}

/* one .page is one sheet of paper */
.page{background:#fff;display:flex;flex-direction:column;overflow:hidden;
  page-break-after:always;break-after:page}
.page:last-child{page-break-after:auto;break-after:auto}

.hd{display:flex;align-items:flex-start;gap:13pt}
.badge{flex:0 0 auto;width:33pt;height:33pt;border-radius:8pt;background:var(--brand);
  color:#fff;font-family:Bricolage,serif;font-weight:800;font-size:18pt;
  display:flex;align-items:center;justify-content:center}
.ht{flex:1;padding-top:1pt}
.ht h1{font-family:Bricolage,serif;font-weight:800;font-size:21pt;line-height:1.05;
  letter-spacing:-.015em;text-transform:uppercase}
.of{margin-top:3pt;font-size:8pt;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--steel)}
.goal{margin-top:7pt;font-size:10pt;line-height:1.3;color:var(--muted)}
.legend{margin-top:4pt;font-size:8.5pt;color:var(--steel)}
.legend b{color:var(--brand);font-weight:800}
.hrule{height:1.5pt;background:var(--line);margin:9pt 0 10pt}

/* the two columns - .col height is what the packer measures against */
.body{display:flex;gap:26pt;flex:1;min-height:0}
.col{flex:1 1 0;min-width:0;height:100%;overflow:hidden;
  display:flex;flex-direction:column;gap:7pt}

.you{background:var(--paper);border-left:3pt solid var(--brand);border-radius:0 5pt 5pt 0;
  padding:7pt 9pt;font-size:11.5pt;line-height:1.38;color:var(--navy)}
.him{padding:3pt 9pt 3pt 10pt;border-left:3pt solid var(--line);
  font-size:10pt;line-height:1.34;color:var(--muted);font-style:italic}
.him .who{display:inline-block;font-style:normal;font-weight:800;font-size:6.5pt;
  letter-spacing:.14em;color:#fff;background:var(--steel);
  border-radius:2.5pt;padding:1pt 4pt;margin-right:5pt;vertical-align:1pt}
.lbl{font-size:8.5pt;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand);padding-top:3pt}
.div{height:.75pt;background:var(--line);margin:2pt 0}

.ft{padding-top:7pt;margin-top:8pt;border-top:.75pt solid var(--line);
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:8pt;color:var(--muted)}
.ft .src{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}

/* SECTION HEADS LIVE IN THE COLUMN, not at the top of the sheet. That is what lets a
   three-line section sit in a spare column instead of burning a whole sheet. */
.sh{background:var(--navy);color:#fff;border-radius:5pt;padding:5pt 9pt;
  display:flex;align-items:baseline;gap:8pt;margin-top:4pt}
.sh:first-child{margin-top:0}
.sh .n{font-family:Bricolage,serif;font-weight:800;font-size:13pt;
  color:#8FB6DE;min-width:14pt}
.sh .t{font-family:Bricolage,serif;font-weight:800;font-size:13pt;
  text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}
.sh.cont{background:none;color:var(--steel);border:.75pt dashed var(--line);padding:3pt 8pt}
.sh.cont .n{color:var(--steel);font-size:11pt}
.sh.cont .t{font-size:11pt;color:var(--steel)}
.sg{font-size:9pt;line-height:1.3;color:var(--muted);padding:1pt 0 2pt 2pt}
.ft .flg{font-size:8pt;color:var(--muted)}
.ft .flg b{color:var(--brand);font-weight:800}