:root{--steel:#14181c;--plate:#1c2228;--line:#2c353d;--edge:#62707b;--ink:#e9e4d8;--dim:#9aa3a8;--arc:#ff6a1a;--topo:#3a4650;
--mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,monospace;
--sans:system-ui,Arial,Helvetica,sans-serif;
--cond:"Arial Narrow","Roboto Condensed","Helvetica Neue",sans-serif;
--read:var(--sans);--measure:72ch}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--steel);color:var(--ink);font:1rem/1.7 var(--read);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px dashed var(--arc);outline-offset:4px}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;position:relative}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--arc);color:var(--steel);padding:8px;z-index:9}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.brand{display:block;text-decoration:none;min-height:44px;padding:2px 0}
.brand .name{display:block;font:800 1.375rem/1 var(--cond);font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);white-space:nowrap}
.brand .by{display:block;margin-top:4px;font:.6875rem/1 var(--read);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
header nav{display:flex;gap:26px}
header nav a{text-decoration:none;display:flex;align-items:center;min-height:44px;font:700 .75rem var(--read);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
header nav a:hover{color:var(--arc)}
header nav a[aria-current=page]{color:var(--arc);box-shadow:inset 0 -2px 0 var(--arc)}
@media(max-width:639px){
header{flex-direction:column;align-items:stretch;gap:0;padding:14px 0 0}
.brand .name{white-space:normal}
header nav{flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin-top:6px;border-top:1px solid var(--line)}
header nav a{flex:0 0 auto}
}

.docnav{display:flex;flex-wrap:wrap;gap:8px 28px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--read);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}
.docnav a{text-decoration:none;color:var(--dim);display:flex;align-items:center;min-height:44px;padding:0 2px}
.docnav a:hover{color:var(--arc)}
.docnav a[aria-current="page"]{color:var(--arc);border-bottom:2px solid var(--arc)}

main{padding:48px 0 96px}
.lbl{font-family:var(--read);font-size:.6875rem;letter-spacing:.3em;color:var(--arc);text-transform:uppercase;margin-bottom:18px}
h1{font-family:var(--cond);font-stretch:condensed;font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;font-size:clamp(2.25rem,5vw,4rem);margin-bottom:28px;overflow-wrap:anywhere}

.meta{display:flex;flex-wrap:wrap;gap:6px 32px;color:var(--dim);font:.8125rem var(--read);
      margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.meta>div{display:flex;gap:8px;min-width:0}
.meta dt{font-weight:700;flex-shrink:0}
.meta dd{min-width:0;overflow-wrap:anywhere}
.meta dd a{display:inline-block;padding:15px 4px;margin:-15px -4px}
@media(max-width:560px){.meta{flex-direction:column;gap:6px}}

.gist{background:var(--plate);border:1px solid var(--line);padding:28px;margin-bottom:32px;position:relative;
clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.gist h2{font:700 .6875rem var(--read);letter-spacing:.24em;color:var(--arc);text-transform:uppercase;margin-bottom:16px}
.gist ul{list-style:none;display:grid;gap:12px}
.gist li{padding-left:22px;position:relative;color:var(--ink);font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere}
.gist li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--arc)}
.gist table{width:100%;border-collapse:collapse;table-layout:fixed}
.gist td{padding:8px 0;border-bottom:1px dashed var(--line);vertical-align:top;color:var(--ink);font-size:.9375rem;line-height:1.6;word-break:break-word}
.gist td:first-child{color:var(--dim);padding-right:16px;font-size:.8125rem;letter-spacing:.04em;width:40%}
.gist tr:last-child td{border-bottom:0}

.toc{margin-bottom:32px}
.toc summary{cursor:pointer;font:700 .8125rem var(--read);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:12px 0;list-style:none;min-height:44px;display:flex;align-items:center}
.toc summary::-webkit-details-marker{display:none}
.toc summary:before{content:"▸";color:var(--arc);margin-right:8px}
.toc[open] summary:before{content:"▾"}
.toc ol{list-style:none;padding:8px 0 0;display:grid;gap:8px}
.toc a{text-decoration:none;color:var(--ink);font:.8125rem var(--read);display:flex;align-items:center;min-height:44px;padding:4px 0}
.toc a:hover{color:var(--arc)}

.prose section{padding:48px 0;border-top:1px solid var(--line)}
.prose h2{font:800 1.75rem var(--cond);font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}
.prose h2 .num{font:700 .9375rem var(--read);color:var(--arc);letter-spacing:.04em;flex-shrink:0}
.prose h3{font:700 .9375rem var(--read);letter-spacing:.08em;color:var(--ink);text-transform:uppercase;margin:28px 0 12px}
.prose p{margin-bottom:16px;overflow-wrap:anywhere}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}
.prose li{margin-bottom:8px;overflow-wrap:anywhere}
.prose a{color:var(--arc);text-underline-offset:4px}
.prose strong{color:var(--ink);font-weight:700}
.prose table{width:100%;border-collapse:collapse;margin:16px 0 26px;font-size:.90625rem;table-layout:fixed}
.prose th,.prose td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word}
.prose th{color:var(--dim);font:700 .75rem var(--read);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:700px){
.prose th,.prose td{padding:8px}
}
.prose address{font-style:normal;overflow-wrap:anywhere}

.updated{color:var(--dim);font-size:.8125rem;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}

footer{border-top:1px solid var(--line);padding:28px 0 40px;font:.75rem/1.6 var(--read);color:var(--dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}
.endorse{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--dim);padding:11px 0;min-height:44px}
.endorse img{display:block;width:27px;height:22px;flex:0 0 auto}
.endorse .prn{display:none}
.endorse:hover span{color:var(--arc)}
footer a{color:var(--arc);text-underline-offset:4px;display:inline-block;padding:6px 0;min-height:44px}
footer .legal{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}

@media(min-width:1100px){
main{display:grid;grid-template-columns:220px minmax(0,var(--measure));column-gap:56px;align-items:start}
main>.toc{grid-column:1;grid-row:1/-1;position:sticky;top:22px}
main>.doc-head,main>.doc-body{grid-column:2}
}

@media(max-width:900px){
.docnav{gap:8px 20px}
}

@media(max-width:560px){
.wrap{padding:0 20px}
.docnav{row-gap:4px}

.prose table{display:block;table-layout:auto;font-size:.875rem}
.prose thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prose thead tr,.prose thead th{display:block;width:auto}
.prose tbody,.prose tr,.prose td{display:block;width:auto}
.prose tr{border-bottom:1px solid var(--line);padding:12px 0}
.prose tr:last-child{border-bottom:0}
.prose td{border-bottom:0;padding:2px 0 8px;word-break:normal;overflow-wrap:anywhere}
.prose td:last-child{padding-bottom:0}
.prose td:before{content:attr(data-label);display:block;color:var(--dim);
  font:700 .6875rem var(--read);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}

.gist table,.gist tbody,.gist tr,.gist td{display:block;width:auto}
.gist tr{border-bottom:1px dashed var(--line);padding:10px 0}
.gist tr:last-child{border-bottom:0}
.gist td{padding:0 0 10px;border-bottom:0;word-break:normal;overflow-wrap:anywhere}
.gist td:first-child{width:auto;padding:0 0 2px}
.gist td:last-child{padding-bottom:0}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media print{
body{background:#fff;color:#000}
body:before,.docnav,.toc,header nav,.skip{display:none}
.wrap{max-width:none;padding:0}
.prose{max-width:none}
body,body *{color:#000 !important}
a{text-decoration:underline}
a[href^="http"]:after,a[href^="mailto"]:after{content:" (" attr(href) ")";font-size:10pt}
a[href^="/"]:after{content:" (jobshopoffice.com" attr(href) ")";font-size:10pt}
h2{break-after:avoid}
section{break-inside:auto}
.gist{background:#fff;border:1px solid #000;clip-path:none}
.gist li:before{background:#000}
header .brand:after,.meta a[href^="mailto"]:after,footer a:after{content:"" !important}
}