/* triggeredshort.com — docket stylesheet
   Palette derives from the documents themselves:
   ledger stock, certified-mail green (USPS Form 3800), rubber-stamp red, manila. */

:root{
  --ledger:#E9EAE3;
  --card:#F6F6F1;
  --ink:#15181B;
  --ink-2:#4C555A;
  --certified:#1C5D45;
  --stamp:#8C2E22;
  --manila:#C9B589;
  --rule:#C3C7BC;
  --rule-2:#DEE0D8;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:"Bitter",Georgia,serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--ledger);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.62;
  font-variant-numeric:tabular-nums;
}

/* ---------- masthead ---------- */
.masthead{
  border-bottom:2px solid var(--ink);
  background:var(--ledger);
}
.mast-inner{
  max-width:1080px;margin:0 auto;padding:22px 20px 16px;
  display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;
}
.brand{display:block;text-decoration:none;max-width:430px;flex:1 1 300px}
.brand img{display:block;width:100%;height:auto;max-width:430px}
.mast-meta{
  font-family:var(--mono);font-size:11px;line-height:1.7;
  color:var(--ink-2);text-align:right;text-transform:uppercase;letter-spacing:.07em;
}
.mast-meta b{color:var(--ink);font-weight:600}

nav.docket-nav{
  border-bottom:1px solid var(--rule);
  background:var(--card);
}
.nav-inner{
  max-width:1080px;margin:0 auto;padding:0 20px;
  display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.nav-inner a{
  font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;
  color:var(--ink-2);text-decoration:none;
  padding:13px 16px 12px;border-bottom:2px solid transparent;white-space:nowrap;
}
.nav-inner a:hover{color:var(--ink)}
.nav-inner a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--certified)}

/* ---------- layout ---------- */
main{max-width:1080px;margin:0 auto;padding:0 20px 96px}
section{padding-top:44px}
.eyebrow{
  font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em;
  color:var(--certified);margin:0 0 8px;font-weight:600;
}
h2{
  font-family:var(--display);font-weight:600;letter-spacing:-.012em;
  font-size:clamp(21px,3.4vw,27px);margin:0 0 6px;line-height:1.2;
}
h3{
  font-family:var(--display);font-weight:600;font-size:18px;margin:26px 0 8px;line-height:1.3;
}
.lede{max-width:66ch;color:var(--ink-2);margin:0 0 22px}
p{max-width:72ch}
a{color:var(--certified)}

.rule{border:0;border-top:1px solid var(--rule);margin:44px 0 0}

/* ---------- standing notice ---------- */
.standing{
  background:var(--card);
  border:1px solid var(--rule);
  border-left:4px solid var(--stamp);
  padding:18px 20px;margin:26px 0 0;
}
.standing p{margin:0 0 10px;font-size:14.5px}
.standing p:last-child{margin-bottom:0}
.standing strong{font-weight:650}

/* ---------- docket rows ---------- */
.docket{border-top:1px solid var(--ink);margin-top:18px}
.row{
  display:grid;
  grid-template-columns:74px 1fr 128px;
  gap:0 18px;
  border-bottom:1px solid var(--rule-2);
  padding:16px 0;
  align-items:start;
}
.row-no{
  font-family:var(--mono);font-size:12px;color:var(--ink-2);
  letter-spacing:.04em;padding-top:2px;
}
.row-title{font-family:var(--display);font-weight:600;font-size:16.5px;margin:0 0 3px;line-height:1.32}
.row-desc{font-size:14px;color:var(--ink-2);margin:0;max-width:62ch}
.row-status{
  font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;
  text-align:right;padding-top:3px;
}
.st-filed{color:var(--certified);font-weight:600}
.st-prep{color:var(--ink-2)}
.st-hold{color:var(--stamp);font-weight:600}

/* ---------- tables ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 0;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;background:var(--card);font-size:13.5px;min-width:520px}
caption{
  caption-side:top;text-align:left;padding:12px 14px;background:var(--ink);color:var(--ledger);
  font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;
}
th{
  text-align:left;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-2);font-weight:600;
  padding:9px 14px;border-bottom:1px solid var(--rule);white-space:nowrap;
}
td{padding:9px 14px;border-bottom:1px solid var(--rule-2);vertical-align:top}
td.num{font-family:var(--mono);text-align:right;white-space:nowrap;font-size:13px}
td.dt{font-family:var(--mono);white-space:nowrap;font-size:12.5px;color:var(--ink-2)}
tr:last-child td{border-bottom:0}
tr.mark td{background:#EFE7DC}
tr.mark td.dt,tr.mark td{font-weight:600;color:var(--ink)}
.note{font-size:12.5px;color:var(--ink-2);margin:9px 0 0;max-width:72ch}
.note code{font-family:var(--mono);font-size:11.5px;background:var(--card);border:1px solid var(--rule);padding:1px 5px}

/* ---------- reproduce block ---------- */
.repro{
  background:var(--ink);color:var(--ledger);
  padding:20px;margin-top:20px;
}
.repro h3{color:var(--ledger);margin-top:0;font-size:15px}
.repro p{color:#BFC5C0;font-size:13.5px;margin:0 0 12px}
.repro ol{margin:0;padding-left:20px;color:#BFC5C0;font-size:13.5px}
.repro li{margin-bottom:9px}
.repro code{
  font-family:var(--mono);font-size:12.5px;color:#EBD9A8;
  background:#232A2C;padding:2px 6px;display:inline-block;
}
.repro a{color:#9FD3BE}

/* ---------- footer ---------- */
footer{
  border-top:2px solid var(--ink);margin-top:64px;background:var(--card);
}
.foot-inner{
  max-width:1080px;margin:0 auto;padding:26px 20px 40px;
  font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--ink-2);
}
.foot-inner b{color:var(--ink)}
.disclaimer{font-family:var(--body);font-size:12.5px;line-height:1.6;max-width:78ch;margin:16px 0 0}

@media (max-width:640px){
  .row{grid-template-columns:52px 1fr;gap:0 12px}
  .row-status{grid-column:2;text-align:left;padding-top:7px}
  .mast-inner{flex-direction:column;align-items:flex-start}
  .mast-meta{text-align:left}
}
@media (prefers-reduced-motion:no-preference){
  .row{transition:background .12s ease}
  .row:hover{background:rgba(28,93,69,.045)}
}