:root{--hairline-strong:var(--hairline-2,rgba(255,255,255,.18));--font-body:var(--font-ui,inherit)}
a{color:var(--teal)}a:hover{color:var(--white)}
.workrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--hairline)}
.workrow .pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem;color:var(--teal)}
.workrow .pct--amber{color:var(--amber)}
.hoursrow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1rem}
.hoursrow:first-child{border-top:1px solid var(--hairline)}
.hoursrow .d{color:var(--body)}
.hoursrow .t{color:var(--white)}
.platforms{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:baseline}
.platforms span{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;letter-spacing:-.01em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-fade)}
.platforms span:hover{color:var(--white)}
.input{background:var(--steel);border:1px solid var(--hairline-strong);border-radius:2px;color:var(--white);font-family:var(--font-body);font-size:1rem;padding:12px 14px;min-height:44px;width:100%}
textarea.input{min-height:120px;resize:vertical}
.input:focus{outline:none;box-shadow:0 0 0 3px var(--teal-tint);border-color:var(--teal)}
input[type="checkbox"]{width:18px;height:18px;accent-color:var(--teal)}
