/* The work sample inherits the site's light and dark theme tokens and type. */
.wf-main{max-width:960px;padding-bottom:36px;font-size:15px}
.wf-main [hidden]{display:none!important}
.wf-main p,.wf-main h1,.wf-main h2,.wf-main h3,.wf-main figure{margin:0}
.wf-main input:focus-visible,.wf-main select:focus-visible,.wf-main summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.wf-hero{padding-block:56px 36px}
.wf-eyebrow{font-size:15px;font-weight:600;color:var(--accent)}
.wf-main h1{font-size:clamp(40px,7vw,72px);line-height:1.03;font-weight:700;letter-spacing:-.045em;margin-block:14px 18px;max-width:720px;text-wrap:balance}
.wf-deck{max-width:600px;font-size:19px;line-height:1.45;letter-spacing:-.015em;color:var(--muted)}
.wf-main .wf-disclosure{margin-top:20px;display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted)}
.wf-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;margin-top:7px;background:var(--accent)}
.wf-section{padding-block:28px;border-top:1px solid var(--line)}
.wf-section-heading{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.wf-main h2{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.03em}
.wf-note{font-size:13px;color:var(--muted)}
.wf-controls{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;min-width:0;padding:0;margin:0;border:0}
.wf-control{min-width:0}
.wf-label{display:block;font-size:14px;margin-bottom:8px}
.wf-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.wf-label-row output{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.wf-main select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;appearance:auto;cursor:pointer}
.wf-main input[type="range"]{width:100%;margin:0;min-height:44px;accent-color:var(--accent);cursor:pointer}
.wf-controls:disabled select,.wf-controls:disabled input{cursor:default}
.wf-range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:-3px}
.wf-main .wf-control-hint{margin-top:6px;font-size:12px;color:var(--muted)}
.wf-main .wf-contribution{margin-top:18px;font-size:15px}
.wf-main .wf-static-note{margin-top:16px;font-size:13px;color:var(--muted)}
.wf-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:var(--surface);border-radius:22px;margin-top:24px;padding:24px 26px}
.wf-stat{min-width:0}
.wf-stat-label{font-size:13px;display:block;margin-bottom:7px}
.wf-stat-value{font-size:clamp(28px,4.4vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:block;overflow-wrap:anywhere}
.wf-stat-delta{display:block;font-size:12px;color:var(--muted);margin-top:9px}
.wf-chart-head{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;align-items:baseline;margin-bottom:14px}
.wf-chart-head h2{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.015em}
.wf-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted)}
.wf-legend span{display:inline-flex;gap:7px;align-items:center}
.wf-swatch{width:23px;height:0;border-top:3px solid var(--accent);display:inline-block}
.wf-swatch-reference{border-top:2px dashed var(--muted)}
.wf-chart{display:block;width:100%;height:230px;overflow:visible}
.wf-chart text{fill:var(--muted);font:500 12px var(--font)}
.wf-grid{stroke:var(--line);stroke-width:1}
.wf-selected{fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round}
.wf-reference{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:5 5}
.wf-gap{fill:var(--accent);fill-opacity:.12}
.wf-main .wf-chart-caption{margin-top:3px;font-size:12px;color:var(--muted)}
.wf-reading{border-left:3px solid var(--accent);padding-left:20px}
.wf-reading h2{margin-bottom:13px}
.wf-reading p{color:var(--muted);font-size:15px}
.wf-reading p+p{margin-top:10px}
.wf-reading strong{color:var(--ink);font-weight:600}
.wf-main details{border-top:1px solid var(--line)}
.wf-main summary{min-height:52px;padding-block:13px;font-size:14px;cursor:pointer}
.wf-method-body{padding-bottom:20px;color:var(--muted);font-size:14px}
.wf-method-body p+p{margin-top:10px}
.wf-main .wf-table-intro{color:var(--muted);font-size:14px;margin-bottom:16px}
.wf-main .wf-table-note{color:var(--muted);font-size:12px;margin-bottom:18px}
.wf-main .wf-table-total{font-size:14px;margin-bottom:8px}
.wf-month-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;margin-bottom:14px;font-variant-numeric:tabular-nums}
.wf-month-table caption{text-align:left;font-size:14px;padding-bottom:10px}
.wf-period-col{width:48px}
.wf-month-table th{font-weight:600;text-align:left}
.wf-month-table td,.wf-month-table th{padding:8px 6px;border-bottom:1px solid var(--line)}
.wf-month-table td{text-align:right}
.wf-month-table thead tr:last-child th{text-align:right;font-weight:400;color:var(--muted)}
.wf-month-table th[scope="colgroup"]{text-align:center}
.wf-month-table .wf-group-start{border-left:1px solid var(--line)}
.wf-month-table tbody tr:last-child{background:var(--sunk);font-weight:600}
@media(max-width:560px){
  .wf-hero{padding-top:30px}
  .wf-main h1{font-size:38px}
  .wf-main h2{font-size:25px}
  .wf-chart-head h2{font-size:17px}
  .wf-controls{grid-template-columns:1fr 1fr;gap:16px}
  .wf-control:first-child{grid-column:1/-1}
  .wf-results{padding:18px 14px;gap:18px;grid-template-columns:1fr 1fr}
  .wf-stat:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px}
  .wf-stat:last-child .wf-stat-label{margin:0;min-height:0}
  .wf-stat:last-child .wf-stat-value{grid-column:2;grid-row:1/3;font-size:27px}
  .wf-stat:last-child .wf-stat-delta{margin-top:3px}
  .wf-stat-value{font-size:29px}
  .wf-stat-label{min-height:42px}
  .wf-reading{padding-left:15px}
  .wf-month-table{font-size:12px}
  .wf-month-table td,.wf-month-table th{padding-inline:3px}
  .wf-period-col{width:44px}
}
@media(max-width:360px){
  .wf-main h1{font-size:34px}
  .wf-controls{grid-template-columns:1fr}
  .wf-control:first-child{grid-column:auto}
  .wf-stat-value{font-size:25px}
  .wf-results{gap:14px;padding-inline:12px}
}
.wf-next{padding-block:48px 72px;border-top:1px solid var(--line);max-width:760px}.wf-next h2{margin-block:10px 18px;font-size:clamp(30px,4.6vw,44px);line-height:1.06;letter-spacing:-.04em}.wf-next>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:28px}