/* Texas Trades & Jobs: its own look. Work-site steel and safety orange, blunt and readable. */
:root{--bg:#e9ebed;--card:#fff;--ink:#16191d;--muted:#59626b;--line:#cdd2d7;--orange:#e8590c;--link:#a63f00;
 --head:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#14171a;--card:#1f2428;--ink:#eef1f3;--muted:#a3adb5;--line:#39414a;--orange:#ff8a3d;--link:#ffa564}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;font-size:17px}
.wrap{max-width:720px;margin:0 auto;padding:14px 14px 40px}
.sr{position:absolute;left:-9999px}
a{color:var(--link)}
.top{border-top:10px solid var(--orange);padding-top:10px;margin-bottom:14px}
.kicker{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:2px 0 4px;font:800 2.1rem/1.1 var(--head);text-transform:uppercase;letter-spacing:.01em}
.lede{margin:0;color:var(--muted)}
h2{margin:0 0 10px;font:800 1.15rem var(--head);text-transform:uppercase;letter-spacing:.03em}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin-bottom:12px}
.label{margin:0;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.num{margin:0;font:800 2.1rem/1.1 var(--head);color:var(--orange)}
.stat{padding:8px 0;border-top:1px solid var(--line)}.stat:first-child{border-top:0;padding-top:0}
.src{margin:6px 0 0;font-size:.82rem;color:var(--muted)}
.warn{margin:0;padding:8px 10px;border-left:4px solid var(--orange);background:rgba(232,89,12,.08)}
.pick select{width:100%;min-height:44px;padding:8px;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);margin-bottom:10px}
.scroll{overflow-x:auto}
table.pay{width:100%;border-collapse:collapse;min-width:460px;font-size:.93rem}
table.pay th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:2px 6px 4px 0;white-space:nowrap}
table.pay td{padding:7px 6px 7px 0;border-top:1px solid var(--line);vertical-align:top}
table.pay td.n,table.pay th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.links{margin:0;padding-left:18px}
.foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}

.big-line{margin:6px 0;font-size:1.05rem}
.card h3{margin:14px 0 6px;font:800 .85rem var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
table.small{min-width:0}
.dn{color:#c0261b;font-weight:700}.up{color:#1d7a3a;font-weight:700}
@media (prefers-color-scheme:dark){.dn{color:#ff7a6b}.up{color:#5fd68a}}
