/* Letter-size printables. On screen they show as a sheet with a toolbar; in print, just the sheet. */
:root{
  --ink:#17132B; --ink-soft:#4A4459; --ink-faint:#6E6880;
  --line:#9ED3DE; --line-soft:#C9E8ED; --rule:#B9B4C4;
  --navy:#1B3A5C; --pink:#C7488E; --pink-text:#A93D78; --cyan:#0FB8C9;
  --font-display:'Space Grotesk', system-ui, sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;
}
@page{size:letter;margin:0.5in}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#E7E3EC;color:var(--ink);font:400 11pt/1.45 var(--font-body);-webkit-print-color-adjust:exact;print-color-adjust:exact}
a{color:var(--navy)}

.toolbar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px;background:#0F2233;color:#fff;font:500 14px var(--font-body)}
.toolbar a{color:#fff}
.toolbar button{font:600 14px var(--font-body);background:#fff;color:#1B3A5C;border:0;border-radius:999px;padding:9px 18px;cursor:pointer}
.toolbar .hint{opacity:.75;font-size:13px}

.sheet{width:8.5in;min-height:11in;margin:24px auto;padding:0.5in;background:#fff;box-shadow:0 16px 40px rgba(23,19,43,.15)}
@media screen and (max-width:8.6in){
  .sheet{width:auto;min-height:0;margin:12px;padding:20px 16px}
}
@media print{
  body{background:#fff}
  .toolbar{display:none}
  .sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none}
}

h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0}
h1{font-size:24pt;font-weight:700;letter-spacing:-.01em}
h2{font-size:12pt;font-weight:700;margin:12pt 0 5pt;padding-bottom:3pt;border-bottom:1.5pt solid var(--ink)}
h3{font-size:11pt;font-weight:600;margin:0 0 4pt}
p{margin:0 0 6pt}
.eyebrow{font:600 8.5pt var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pink-text);margin-bottom:4pt}
.mono{font-family:var(--font-mono)}
.muted{color:var(--ink-soft)}
.small{font-size:9pt}
.doc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16pt;padding-bottom:8pt;border-bottom:3pt solid var(--navy);margin-bottom:6pt}
.doc-head .meta{text-align:right;font:500 9pt var(--font-mono);color:var(--ink-soft)}

/* Fill-in fields */
.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:7pt 18pt}
.fields.three{grid-template-columns:repeat(3,1fr)}
.fields .full{grid-column:1/-1}
.f{display:flex;flex-direction:column}
.f .line{border-bottom:1pt solid var(--ink);min-height:19pt;padding:2pt 0;font:500 10.5pt var(--font-body)}
.f label{font:600 7.5pt var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:2pt}
.prefilled{font-weight:600}

.sig-row{display:grid;grid-template-columns:2fr 1fr;gap:12pt 18pt;margin-top:14pt}

/* Checkboxes */
ul.boxes{list-style:none;margin:0;padding:0}
ul.boxes li{position:relative;padding:3pt 0 3pt 18pt;break-inside:avoid}
ul.boxes li::before{content:"";position:absolute;left:0;top:5.5pt;width:9pt;height:9pt;border:1pt solid var(--ink);border-radius:2pt}
.cols{columns:2;column-gap:22pt}
.cols > div{break-inside:avoid;margin-bottom:8pt}

.box{border:1pt solid var(--rule);border-radius:6pt;padding:8pt 10pt}
.notes{border-bottom:1pt solid var(--rule);height:20pt}
.fineprint{font-size:8pt;color:var(--ink-faint);margin-top:12pt}