:root{
  --kraft:#f1e9dc;
  --card:#fffcf5;
  --hair:#d8cdba;
  --ink:#241f18;
  --muted:#6f6555;
  --stamp:#b0461b;
  --stamp2:#2c6a58;
  --link:#8c3512;
  --radius:0;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;border-radius:var(--radius)}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kraft);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.62}
a{color:var(--link)}
a:hover{text-decoration:none}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--card);padding:8px 12px;border:2px solid var(--ink);z-index:9}
h1,h2,h3{line-height:1.22;margin:0 0 .5rem}
h1{font-size:2.05rem;letter-spacing:-.015em}
h2{font-size:1.34rem;margin-top:2.4rem;padding-top:.5rem;border-top:4px double var(--hair)}
h3{font-size:1.05rem;margin-top:1.4rem}
p{margin:0 0 1rem}
code,kbd,samp{font-family:var(--mono);font-size:.9em;background:var(--card);border:1px solid var(--hair);padding:0 3px}
.top{border-bottom:4px double var(--ink);background:var(--card)}
.bar{max-width:1080px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}
.mark{color:var(--stamp);font-size:.7rem}
.status{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--stamp2);color:var(--stamp2);padding:2px 6px}
.menu{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.menu a{text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;color:var(--ink)}
.menu a[aria-current=page]{border-bottom-color:var(--stamp)}
.btn{display:inline-block;background:var(--stamp);color:#fff;text-decoration:none;padding:7px 12px;border:1px solid var(--stamp);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}
.btn:hover{background:#8f3715}
.ghost{display:inline-block;color:var(--ink);border:1px solid var(--ink);padding:7px 12px;text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}
.shell{max-width:1080px;margin:0 auto;padding:0 18px 56px}
main{padding-top:22px}
.disc{display:flex;gap:14px;align-items:flex-start;border:2px solid var(--stamp);background:var(--card);padding:12px 14px;margin:18px 0 4px;font-size:.9rem}
.dir{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--stamp);color:var(--stamp);padding:2px 6px;white-space:nowrap}
.dir-money{color:var(--stamp)}
.crumb-line{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp)}
.lede{font-size:1.05rem;color:#3b3428}
.fig-head{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start;border-bottom:4px double var(--ink);padding-bottom:16px;margin-bottom:6px}
.hero-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.specplate{border:2px solid var(--ink);background:var(--card);padding:10px 12px}
.specplate strong{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;color:var(--stamp)}
.specplate dl{display:grid;grid-template-columns:auto auto;gap:4px 12px;margin:0;font-size:.85rem}
.specplate dt{color:var(--muted)}
.specplate dd{margin:0;font-family:var(--mono);text-align:right}
.plate{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:14px 0 22px;border:1px solid var(--hair);background:var(--card)}
.pl{padding:10px 12px;border-left:1px solid var(--hair)}
.pl:first-child{border-left:0}
.pl b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stamp2);margin-bottom:4px}
.pl span{font-size:.85rem;color:#3b3428}
.answer{border-left:6px solid var(--stamp2);background:var(--card);padding:12px 14px;margin:6px 0 18px}
.answer b{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp2);margin-bottom:6px}
.answer p{margin:0}
.calc{font-family:var(--mono);font-size:.84rem;line-height:1.75;white-space:pre-wrap;background:var(--card);border:1px solid var(--ink);border-left:6px solid var(--stamp);padding:12px 14px;margin:16px 0;overflow-x:auto}
.calc b{color:var(--stamp)}
.calc .res{background:#f6e2d8;padding:0 2px}
.note{border:1px dashed var(--muted);background:var(--card);padding:10px 12px;font-size:.9rem;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.88rem;background:var(--card)}
caption{caption-side:top;text-align:left;font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:6px}
th,td{border:1px solid var(--hair);padding:7px 9px;text-align:left;vertical-align:top}
thead th{background:#e8dfcd;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
tfoot td{background:#e8dfcd;font-weight:600}
.num{font-family:var(--mono);text-align:right;white-space:nowrap}
ul,ol{margin:0 0 1rem;padding-left:1.2rem}
li{margin-bottom:.35rem}
.checks{border:1px solid var(--ink);background:var(--card);padding:12px 14px 12px 16px;margin:16px 0}
.checks::before{content:"What to check";display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stamp);margin-bottom:6px}
.checks ul{margin:0;padding-left:1.1rem}
.checks li{margin-bottom:.4rem}
.steps{counter-reset:s;list-style:none;padding-left:0;margin:16px 0}
.steps li{counter-increment:s;position:relative;padding-left:34px;margin-bottom:.5rem}
.steps li::before{content:counter(s);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:.75rem;border:1px solid var(--ink);padding:1px 4px;background:var(--card)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:0;border:1px solid var(--hair);background:var(--card);margin:18px 0}
.card{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:11px 12px}
.card-top{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stamp);margin-bottom:6px}
.card b{display:block;margin-bottom:5px}
.card p{margin:0 0 8px;font-size:.88rem;color:#3b3428}
.card-spec{display:grid;grid-template-columns:auto auto;gap:3px 10px;margin:0;font-size:.8rem}
.card-spec dt{color:var(--muted)}
.card-spec dd{margin:0;font-family:var(--mono);text-align:right}
.tallies{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:0;border:1px solid var(--hair);background:var(--card);margin:16px 0}
.tally{padding:10px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.t-num{display:block;font-family:var(--mono);font-size:1.24rem;color:var(--stamp)}
.t-lab{display:block;font-size:.78rem;color:var(--muted)}
.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border:1px solid var(--hair);background:var(--card);margin:16px 0}
.entry{padding:10px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:.88rem}
.entry b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stamp2)}
.myths{margin:16px 0;border-top:1px solid var(--hair)}
.myth{border-bottom:1px solid var(--hair);padding:12px 0}
.verdict{display:inline-block;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border:1px solid;margin-bottom:6px}
.verdict.false{color:var(--stamp);border-color:var(--stamp)}
.verdict.partly{color:#8a6a12;border-color:#8a6a12}
.verdict.true{color:var(--stamp2);border-color:var(--stamp2)}
.qstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;border:1px solid var(--hair);background:var(--card);margin:16px 0}
.qcell{padding:9px 11px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:.86rem}
.navlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--ink);background:var(--card);margin:20px 0 0}
.navlink{display:block;padding:10px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-decoration:none;color:var(--ink)}
.navlink b{display:block}
.navlink span{display:block;font-size:.8rem;color:var(--muted)}
.faq{margin-top:26px}
.qa{display:grid;grid-template-columns:52px 1fr;gap:12px;border-top:1px solid var(--hair);padding:11px 0}
.qa h3{margin:0 0 4px}
.qa p{margin:0}
.ref{font-family:var(--mono);font-size:.72rem;color:var(--stamp);letter-spacing:.08em}
.footer{border-top:4px double var(--ink);background:var(--card);margin-top:40px;padding:20px 0 40px}
.foot-grid{max-width:1080px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
.foot-grid strong{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stamp);margin-bottom:8px}
.foot-grid a{display:block;text-decoration:none;font-size:.86rem;padding:2px 0}
.foot-grid p{font-size:.86rem;color:#3b3428}
.fine{max-width:1080px;margin:18px auto 0;padding:14px 18px 0;border-top:1px solid var(--hair);font-size:.8rem;color:var(--muted)}

/* Signature component 1 - the delivery rail. One message plotted at its four moments: the send, the
   arrival, the read and the action, with the gap between read and acted drawn as an open band. The
   post lane is plotted on the same axis in its own unit, because it is 240 times slower. */
.deliveryrail{border:1px solid var(--ink);background:var(--card);padding:14px 16px 10px;margin:16px 0}
.dr-line{position:relative;height:66px;border-top:2px solid var(--ink);margin:0 0 6px}
.dr-node{position:absolute;top:-9px;width:16px;height:16px;background:var(--card);border:2px solid var(--ink)}
.dr-node.done{background:var(--stamp2);border-color:var(--stamp2)}
.dr-node.late{background:var(--stamp);border-color:var(--stamp)}
.dr-gap{position:absolute;top:-2px;height:4px;background:repeating-linear-gradient(90deg,var(--stamp) 0 5px,transparent 5px 10px)}
.dr-tag{position:absolute;top:12px;font-family:var(--mono);font-size:.7rem;transform:translateX(-50%);white-space:nowrap;color:var(--muted)}
.dr-tag b{display:block;color:var(--ink)}
.dr-note{font-size:.88rem;color:#3b3428;margin:6px 0 0}

/* Signature component 2 - the channel grid. The eight kinds of message against the five channels
   they may travel on: 40 cells, 24 permitted, each kind carrying one mandatory channel. */
.channelgrid{border:1px solid var(--ink);background:var(--card);padding:12px 14px;margin:16px 0;overflow-x:auto}
.cg-row{display:grid;grid-template-columns:150px repeat(5,1fr);border-top:1px solid var(--hair)}
.cg-row:first-child{border-top:0}
.cg-kind{font-size:.82rem;padding:6px 8px 6px 0;border-right:1px solid var(--hair)}
.cg-cell{font-family:var(--mono);font-size:.74rem;text-align:center;padding:6px 2px;border-right:1px solid var(--hair);color:var(--muted)}
.cg-cell:last-child{border-right:0}
.cg-yes{background:#dfeee8;color:var(--stamp2);font-weight:700}
.cg-no{background:#f0e5dd;color:#a4907f}
.cg-head{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:0 2px 6px;text-align:center;color:var(--muted)}
.cg-foot{font-size:.88rem;color:#3b3428;margin:10px 0 0}
@media (max-width:760px){
  .fig-head,.foot-grid{grid-template-columns:1fr}
  .plate{grid-template-columns:1fr}
  .pl{border-left:0;border-top:1px solid var(--hair)}
  .cg-row{grid-template-columns:110px repeat(5,1fr)}
  h1{font-size:1.6rem}
}