/* wf.css. Workforce.ai house style, v2.1. Black ink on white paper, Instrument Sans, one object per page. */
:root{ --ink:#000; --paper:#fff; --mute:rgba(0,0,0,.52); --faint:rgba(0,0,0,.34); --hair:rgba(0,0,0,.14); --rule:rgba(0,0,0,.18);
       --brand:#D85A30; --ctl:#111; --font:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }
*{box-sizing:border-box} html{-webkit-font-smoothing:antialiased;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.45;letter-spacing:-.005em;font-weight:400;}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--hair);} a:hover{border-bottom-color:var(--ink);}
.page{max-width:1180px;margin:0 auto;padding:40px 40px 120px;}
.top{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:500;margin-bottom:96px;}
.top .wf{display:flex;gap:8px;align-items:center;} .top .wf i{width:9px;height:9px;background:var(--brand);border-radius:50%;display:inline-block;}
.top .date{color:var(--mute);font-weight:400;}
h1{font-size:clamp(44px,7.2vw,96px);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:0 0 72px;max-width:1000px;text-wrap:balance;}
.essay{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1000px;margin:0 0 160px;}
.essay p{margin:0 0 16px;font-size:18px;line-height:1.5;} .essay p:last-child{margin:0;}
.essay .k{display:block;font-weight:600;margin-bottom:4px;}
.lede{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.025em;max-width:900px;margin:8px 0 8px;}
.essay .lede{grid-column:1/-1;} .lede em{font-style:normal;color:var(--mute);}
.sec{font-size:15px;color:var(--mute);margin:0 0 20px;display:flex;justify-content:space-between;align-items:baseline;}
.sec b{color:var(--ink);font-weight:500;font-size:22px;letter-spacing:-.02em;}
.legend{font-size:14px;color:var(--mute);display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
.legend span{display:flex;align-items:center;gap:8px;}
.legend .o{width:10px;height:10px;border-radius:50%;border:1px solid var(--ink);display:inline-block;} .legend .f{width:10px;height:10px;border-radius:50%;background:var(--ink);display:inline-block;}
.legend .d{width:8px;height:8px;background:var(--brand);transform:rotate(45deg);}
.plotwrap{position:relative;margin:0 0 40px;border-top:1px solid var(--rule);padding-top:20px;}
.plotwrap svg{width:100%;height:auto;display:block;font-family:var(--font);}
.tip{position:absolute;pointer-events:none;background:rgba(17,17,17,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;color:#fff;padding:10px 12px;font-size:13px;line-height:1.45;max-width:260px;opacity:0;transition:opacity .1s;z-index:5;}
.tip b{font-weight:600;}
/* the dial row: the one physical object */
.dialrow{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:center;margin:0 0 24px;border-top:1px solid var(--rule);padding-top:40px;}
.dial{width:300px;height:300px;position:relative;user-select:none;touch-action:none;cursor:grab;filter:drop-shadow(0 18px 28px rgba(0,0,0,.10)) drop-shadow(0 2px 4px rgba(0,0,0,.06));}
.dial:active{cursor:grabbing;}
.dial svg{width:100%;height:100%;display:block;overflow:visible;}
.dial .face{fill:url(#faceGrad);stroke:rgba(0,0,0,.10);stroke-width:1;}
.dial .ring{fill:none;stroke:url(#ringGrad);stroke-width:1;}
.dial .tick{stroke:rgba(0,0,0,.22);stroke-width:1;} .dial .tick.major{stroke:var(--ctl);stroke-width:1.5;}
.dial .arc{fill:none;stroke:rgba(0,0,0,.07);stroke-width:12;} .dial .arcfill{fill:none;stroke:var(--ctl);stroke-width:12;stroke-linecap:round;}
.dial .hand{stroke:var(--ctl);stroke-width:2;stroke-linecap:round;} .dial .hub{fill:url(#hubGrad);stroke:rgba(0,0,0,.18);stroke-width:1;}
.dial text{font-family:var(--font);font-size:12px;fill:var(--mute);font-weight:500;}
.dial text.big{font-size:44px;fill:var(--ink);font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.dial text.sub{font-size:13px;fill:var(--mute);}
.dial:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:50%;}
.readout{min-width:0;}
.readout .stat{font-size:clamp(30px,4.4vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.02;font-variant-numeric:tabular-nums;margin:0 0 12px;}
.readout .stat span{color:var(--mute);font-weight:400;}
.readout .sub{font-size:17px;color:var(--mute);margin:0 0 22px;max-width:560px;}
.readout .sub b{color:var(--ink);font-weight:600;}
.stops{display:flex;gap:0;border-top:1px solid var(--hair);}
.stop{flex:1;background:none;border:0;border-bottom:1px solid transparent;text-align:left;padding:14px 18px 14px 0;cursor:pointer;color:var(--mute);font-family:inherit;font-size:14px;line-height:1.35;transition:color .15s,border-color .15s;}
.stop b{display:block;color:var(--ink);font-weight:500;font-size:16px;letter-spacing:-.01em;margin-bottom:2px;}
.stop.on{border-bottom-color:var(--ctl);} .stop:not(.on) b{color:var(--mute);}
.stop:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
.hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.receipts{max-width:1000px;font-size:15px;color:var(--mute);line-height:1.5;columns:2;column-gap:56px;margin:0 0 160px;}
.receipts b{color:var(--ink);font-weight:600;} .receipts p{margin:0 0 10px;break-inside:avoid;}
/* input and button */
.finder{display:flex;border-bottom:1.5px solid var(--ink);align-items:center;position:relative;}
input[type=text]{flex:1;min-width:0;height:56px;padding:0;font-size:24px;font-family:inherit;font-weight:500;letter-spacing:-.02em;border:0;background:transparent;color:var(--ink);outline:none;}
input::placeholder{color:var(--faint);font-weight:400;}
.btn{height:40px;padding:0 18px;border:1.5px solid var(--ctl);background:var(--ctl);color:#fff;font-family:inherit;font-size:14px;font-weight:500;border-radius:999px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.12);}
.btn:hover{background:#fff;color:var(--ink);}
.textbtn{background:none;border:0;padding:0;font-family:inherit;font-size:inherit;color:var(--mute);cursor:pointer;border-bottom:1px solid transparent;}
.textbtn:hover{color:var(--ink);border-bottom-color:var(--ink);}
.verdict{font-size:20px;line-height:1.35;margin:22px 0 0;letter-spacing:-.015em;min-height:54px;} .verdict b{font-weight:600;}
.enote{font-size:15px;color:var(--mute);line-height:1.5;padding-top:8px;} .enote b{color:var(--ink);font-weight:600;}
/* sections and tables */
.panel{border-top:1px solid var(--rule);padding-top:40px;margin:0 0 160px;}
.panel h2{font-size:30px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;}
.panel .pnote{font-size:17px;color:var(--mute);max-width:640px;margin:0 0 32px;}
.rows{display:block;}
.row{display:grid;gap:24px;align-items:baseline;padding:12px 0;border-top:1px solid var(--hair);font-variant-numeric:tabular-nums;}
.rows .row:last-child{border-bottom:1px solid var(--hair);}
.row .k{font-size:17px;font-weight:500;letter-spacing:-.01em;}
.row .m{font-size:16px;color:var(--mute);} .row .hc{color:var(--ink);font-weight:500;}
.row .bar{height:10px;background:var(--ink);align-self:center;}
.foot{font-size:13px;color:var(--mute);max-width:720px;line-height:1.5;}
@media(max-width:900px){
  .page{padding:24px 20px 80px;} .top{margin-bottom:56px;} h1{margin-bottom:40px;}
  .essay{grid-template-columns:1fr;gap:24px;margin-bottom:72px;} .receipts{columns:1;margin-bottom:72px;}
  .dialrow{grid-template-columns:1fr;gap:28px;justify-items:center;} .readout{width:100%;} .stops{flex-direction:column;} .stop{padding:10px 0;}
  .panel{margin-bottom:80px;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}