@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --navy:#0F1B2D; --navy-2:#16263C; --cream:#F7F4EC; --cream-2:#EFEADD;
  --gold:#B0801F; --gold-lt:#D9AE4A; --ink:#1A1F27; --muted:#5C6674;
  --line:#DDD5C4; --red:#8F2F2F; --green:#2F6B4F;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream-2);color:var(--ink);font-family:var(--sans);line-height:1.5;padding:18px 12px 40px}

.sheet{
  width:100%;max-width:790px;margin:0 auto 20px;background:#fff;
  border:1px solid var(--line);border-radius:4px;padding:26px 28px 24px;
}

/* head */
.hd{display:flex;gap:14px;align-items:flex-start;border-bottom:2px solid var(--navy);padding-bottom:13px;margin-bottom:15px}
svg.mk{width:29px;height:29px;flex-shrink:0}
.hd h1{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.12;letter-spacing:-.01em}
.hd .meta{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px;line-height:1.7}
.hd .rt{margin-left:auto;text-align:right;font-family:var(--mono);font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);line-height:1.7;flex-shrink:0}

h2{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:15px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--line)}
h2:first-of-type{margin-top:0}
p{font-size:11.5px;margin-bottom:7px;line-height:1.52}
p:last-child{margin-bottom:0}
strong{font-weight:600}
em{font-style:italic}
.mono{font-family:var(--mono);font-size:10px;color:var(--gold)}

/* grid rows */
.rows{border:1px solid var(--line);border-radius:3px;overflow:hidden}
.row{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:none}
.row>div{padding:7px 10px}
.row .a{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--cream);border-right:1px solid var(--line);line-height:1.5}
.row .b{font-size:11px;line-height:1.5}
.row.hdr{background:var(--navy)}
.row.hdr .a{background:var(--navy);color:var(--gold-lt);border-right-color:rgba(217,174,74,.3)}
.row.hdr .b{color:var(--cream);font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase}

/* two col */
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:4px}
.nb{background:var(--navy);color:var(--cream);border-radius:3px;padding:10px 11px}
.nb b{display:block;font-family:var(--serif);font-size:24px;color:var(--gold-lt);font-weight:600;line-height:1}
.nb s{display:block;text-decoration:none;font-size:9px;color:rgba(247,244,236,.7);margin-top:4px;line-height:1.4}

/* blockers */
.blk{display:flex;gap:9px;font-size:11.5px;padding:6px 0;border-bottom:1px dotted var(--line);line-height:1.5}
.blk:last-child{border-bottom:none}
.blk i{font-family:var(--mono);font-size:10px;color:var(--gold);font-style:normal;font-weight:600;min-width:16px}

/* flow strip */
.strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.st{font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;padding:4px 7px;border:1px solid var(--line);border-radius:3px;background:var(--cream);color:var(--muted)}
.st b{color:var(--gold);font-weight:600}

/* callout */
.call{border-left:3px solid var(--red);background:var(--cream);padding:9px 12px;border-radius:0 3px 3px 0;margin-top:8px}
.call.g{border-left-color:var(--green)}
.call .t{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.call p{font-size:11px;margin-bottom:5px}

/* checklist */
.grp{margin-top:14px;page-break-inside:avoid}
.grp>.gt{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:var(--navy);padding:6px 11px;border-radius:3px 3px 0 0}
.ck{display:grid;grid-template-columns:26px 1fr 88px 62px;border:1px solid var(--line);border-top:none;align-items:stretch}
.ck>div{padding:8px 9px;font-size:11px;line-height:1.45;border-right:1px solid var(--line)}
.ck>div:last-child{border-right:none}
.ck:not(:last-child){border-bottom:none}
.bx{display:flex;align-items:flex-start;justify-content:center;padding-top:9px!important}
.bx span{display:block;width:13px;height:13px;flex:0 0 13px;box-sizing:border-box;border:1.5px solid var(--navy);border-radius:2px;background:#fff}
.ck .who,.ck .dt{background:var(--cream)}
.ck .lb b{display:block;font-weight:600}
.ck .lb s{display:block;text-decoration:none;color:var(--muted);font-size:10px;margin-top:2px;line-height:1.42}
.ck .lb s span{font-family:var(--mono);font-size:9.5px;color:var(--gold)}
.hh{display:grid;grid-template-columns:26px 1fr 88px 62px;background:var(--cream-2);border:1px solid var(--line);border-top:none;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hh>div{padding:5px 9px;border-right:1px solid var(--line)}
.hh>div:last-child{border-right:none}

.sign{margin-top:18px;border:1px solid var(--line);border-radius:3px;padding:14px}
.sign .t{font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.sl{display:grid;grid-template-columns:1fr 1fr 110px;gap:16px;margin-top:16px}
.sl div{border-bottom:1px solid var(--navy);padding-bottom:3px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);height:34px;display:flex;align-items:flex-end}

.ft{margin-top:16px;padding-top:10px;border-top:1px solid var(--line);font-size:9.5px;color:var(--muted);line-height:1.55}
.ft b{color:var(--ink);font-family:var(--serif);font-size:11.5px;font-weight:600}

.nav{max-width:790px;margin:0 auto 14px;display:flex;gap:8px}
.nav a{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--navy);border:1px solid var(--navy);border-radius:100px;padding:7px 14px;background:#fff}
.nav a.on{background:var(--navy);color:var(--gold-lt)}

@media(max-width:560px){
  body{padding:12px 8px 30px}
  .sheet{padding:18px 15px}
  .two,.three,.nums{grid-template-columns:1fr}
  .nums{gap:8px}
  .row{grid-template-columns:80px 1fr}
  .ck,.hh{grid-template-columns:24px 1fr}
  .ck .who,.ck .dt,.hh>div:nth-child(3),.hh>div:nth-child(4){display:none}
  .sl{grid-template-columns:1fr}
}
@media print{
  body{background:#fff;padding:0}
  .nav{display:none}
  .sheet{border:none;max-width:none;margin:0;padding:0;border-radius:0}
  .grp,.rows,.call,.sign{page-break-inside:avoid}
}