/* A2 Recruiting — specification-plate direction.
   Grounded in the subject's own vernacular: the rating plate affixed to industrial
   energy equipment. A declaration of verified specification, not a promise.
   No JavaScript. Nothing on this page requires a runtime to read. */
:root{
  --ink:#16191C; --paper:#F2F3F1; --plate:#E5E7E4; --rule:#C3C7C4;
  --muted:#5A6169; --signal:#A8730B;   /* control-room amber, used once per page */
  --measure:64ch;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"IBM Plex Serif",Georgia,"Times New Roman",serif;
  font-size:17px; line-height:1.62; padding:0 24px 96px;
}
.wrap{max-width:78ch;margin:0 auto}
prose,p,li{max-width:var(--measure)}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--signal)}
a:focus-visible{outline:2px solid var(--signal);outline-offset:3px}

/* masthead */
header.mast{padding:44px 0 0}
.mark{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:13px;
  letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.mark a{text-decoration:none}
nav.top{margin-top:10px;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
nav.top a{margin-right:22px;color:var(--muted);text-decoration-color:var(--rule)}

/* THE SIGNATURE: the specification plate */
.plate{
  margin:40px 0 0;background:var(--plate);
  border:1px solid var(--ink);border-top-width:4px;
  padding:22px 24px 20px;
}
.plate table{border-collapse:collapse;width:100%;
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.55}
.plate th{
  text-align:left;vertical-align:top;white-space:nowrap;padding:3px 26px 3px 0;
  font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);width:1%
}
.plate td{vertical-align:top;padding:3px 0;max-width:none}
.plate caption{
  caption-side:top;text-align:left;padding-bottom:12px;margin-bottom:12px;
  border-bottom:1px solid var(--rule);
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--signal);font-weight:600
}

h1{font-size:35px;line-height:1.16;font-weight:600;letter-spacing:-.015em;margin:56px 0 4px;max-width:22ch}
.deck{color:var(--muted);font-size:18px;margin:0 0 8px;max-width:var(--measure)}
h2{font-size:21px;font-weight:600;line-height:1.3;margin:44px 0 10px;max-width:var(--measure)}
h3{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:600;
  letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:38px 0 12px}
hr{border:0;border-top:1px solid var(--rule);margin:44px 0}

table.data{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}
table.data th{text-align:left;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid var(--ink);padding:0 18px 7px 0;font-weight:600}
table.data td{border-bottom:1px solid var(--rule);padding:9px 18px 9px 0;vertical-align:top}
table.data td:first-child{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:13px;white-space:nowrap}

.note{font-size:14.5px;color:var(--muted);max-width:var(--measure)}
footer{margin-top:72px;padding-top:22px;border-top:1px solid var(--ink);
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11.5px;
  letter-spacing:.06em;color:var(--muted);line-height:1.9}
@media(max-width:620px){
  body{font-size:16px;padding:0 18px 64px}
  h1{font-size:27px}
  .plate th{display:block;padding:10px 0 1px}
  .plate td{display:block;padding:0 0 4px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}