/* Ohio Lift: own design system (10/10). Spec-sheet look: Saira Condensed display, Work Sans text, ink + chalk paper,
   signal amber for caution only. No shared kit CSS. */
@font-face{font-family:"Saira Condensed";src:url(fonts/saira-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Saira Condensed";src:url(fonts/saira-condensed-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Work Sans";src:url(fonts/work-sans-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{
  --ink:#14171a;--ink2:#2b3036;--steel:#5b636c;--rule:#d9d3c7;--paper:#f4f1ea;--chalk:#fbfaf6;
  --blue:#1747b5;--blue-d:#0f337f;--amber:#f2b134;--amber-d:#8a5a00;--ok:#1e6b45;--bad:#b3261e;
  --disp:"Saira Condensed","Arial Narrow",sans-serif;--text:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --w:1180px;--r:2px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--text);font-variant-numeric:tabular-nums}
a{color:var(--blue)}a:hover{color:var(--blue-d)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--ink);padding:.6rem 1rem;z-index:9;font-weight:600}
.skip:focus{left:1rem;top:1rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
.narrow{max-width:720px}
h1,h2,h3{font-family:var(--disp);font-weight:800;line-height:1.02;letter-spacing:-.005em;margin:0 0 .4em}
h1{font-size:clamp(2.5rem,5.6vw,4.6rem);text-transform:uppercase}
h2{font-size:1.9rem}
p{margin:0 0 1em}
/* header */
.hd{background:var(--ink);color:var(--chalk);border-bottom:4px solid var(--amber)}
.hd-in{max-width:var(--w);margin:0 auto;padding:0 28px;display:flex;align-items:stretch;gap:28px;min-height:68px}
.mark{display:flex;align-items:center;gap:10px;color:var(--chalk);text-decoration:none;font:800 1.55rem/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}
.mark svg{width:34px;height:34px}
.tabs{display:flex;align-items:stretch;margin-left:12px}
.tabs a{display:flex;align-items:center;gap:8px;padding:0 18px;color:#c9ccd0;text-decoration:none;font:600 1.12rem/1 var(--disp);text-transform:uppercase;letter-spacing:.04em;border-left:1px solid #2c3238}
.tabs a:last-child{border-right:1px solid #2c3238}
.tabs a b{font-weight:600;color:var(--amber);font-size:.85rem}
.tabs a:hover,.tabs a[aria-current]{color:#fff;background:#1f2429}
.tabs a[aria-current]{box-shadow:inset 0 -4px 0 var(--amber)}
.util{margin-left:auto;display:flex;align-items:center;gap:18px}
.util a{color:#c9ccd0;text-decoration:none;font-weight:500;font-size:.95rem}
.util a:hover,.util a[aria-current]{color:#fff;text-decoration:underline;text-underline-offset:4px}
.util .util-book{border:1.5px solid var(--chalk);color:var(--chalk);padding:.45rem .9rem;font-weight:600}
.util .util-book:hover{background:var(--chalk);color:var(--ink);text-decoration:none}
.prev{margin:0;background:#e9e3d6;border-bottom:1px solid var(--rule);text-align:center;font-size:.9rem;padding:.5rem 1rem;color:var(--ink2)}
.prev span{font:600 .78rem/1 var(--disp);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--amber);padding:.25rem .5rem;margin-right:.4rem;vertical-align:1px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--blue);color:#fff;border:2px solid var(--blue);border-radius:var(--r);padding:.7rem 1.25rem;font:600 1rem/1.1 var(--text);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.btn-big{padding:.95rem 1.6rem;font:700 1.15rem/1 var(--disp);text-transform:uppercase;letter-spacing:.06em}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.btn-amber{background:var(--amber);border-color:var(--amber);color:var(--ink);font:700 1.1rem/1 var(--disp);text-transform:uppercase;letter-spacing:.06em;padding:.95rem 1.5rem}
.btn-amber:hover{background:#ffc75a;border-color:#ffc75a;color:var(--ink)}
.btn-danger{background:var(--bad);border-color:var(--bad)}
.linkbtn{background:none;border:0;padding:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer}
/* hero */
.hero{border-bottom:1px solid var(--rule);background:linear-gradient(90deg,var(--paper) 0 55%,var(--chalk) 55%)}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:72px}
.kicker{font:600 .95rem/1.2 var(--disp);text-transform:uppercase;letter-spacing:.14em;color:var(--steel);margin-bottom:1rem}
.kicker b{color:var(--ink);background:var(--amber);padding:.1rem .4rem;margin-right:.4rem}
.hero h1{font-size:clamp(3rem,7vw,5.9rem);line-height:.92}
.hero h1 span{color:var(--blue);display:inline-block;border-bottom:.08em solid var(--amber)}
.lede{font-size:1.2rem;line-height:1.55;color:var(--ink2);max-width:40em}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.8rem}
.hero-fig{margin:0}
.hero-fig svg{width:100%;height:auto;display:block;background:var(--chalk);border:1px solid var(--rule)}
.hero-fig figcaption{font-size:.88rem;color:var(--steel);margin-top:.6rem;border-left:3px solid var(--amber);padding-left:.6rem}
.fig-grid{stroke:#e7e2d7;stroke-width:1}
.fig-ink{fill:none;stroke:var(--ink);stroke-width:3}
.fig-sling{fill:none;stroke:var(--blue);stroke-width:4}
.fig-load{fill:#e9e3d6;stroke:var(--ink);stroke-width:3}
.fig-fork{fill:none;stroke:var(--ink);stroke-width:7}
.fig-dim{fill:none;stroke:var(--steel);stroke-width:1.5;stroke-dasharray:5 4}
.fig-arrow{fill:var(--steel)}
.fig-cg{stroke:var(--amber-d);stroke-width:2;stroke-dasharray:4 3}
.fig-cgdot{fill:var(--amber);stroke:var(--ink);stroke-width:2}
.fig-t{font:600 15px var(--disp);fill:var(--steel);text-transform:uppercase;letter-spacing:.08em}
.fig-big{font:800 26px var(--disp);fill:var(--ink)}
/* section heads */
.sec-h{font-size:clamp(1.8rem,3.4vw,2.7rem);max-width:22em;margin-bottom:1.6rem}
.sec-h span{display:block;font:600 .95rem/1 var(--disp);text-transform:uppercase;letter-spacing:.16em;color:var(--blue);margin-bottom:.7rem}
.sec-h.light span{color:var(--amber)}
.checks{padding:80px 0 64px}
.spec{list-style:none;margin:0;padding:0;border-top:3px solid var(--ink)}
.spec-row{display:grid;grid-template-columns:72px 1.2fr 1fr 130px;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--rule)}
.spec-n{font:800 2.6rem/1 var(--disp);color:var(--rule);margin:0}
.spec-what h3{font-size:2rem;text-transform:uppercase;margin-bottom:.2rem}
.spec-what h3 a{color:var(--ink);text-decoration:none}
.spec-what h3 a:hover{color:var(--blue)}
.spec-q{font-weight:600;margin-bottom:.3rem}
.spec-how{color:var(--steel);font-size:.95rem;margin:0}
.spec-ex{background:var(--chalk);border:1px solid var(--rule);padding:16px 18px}
.spec-exl{font-size:.85rem;color:var(--steel);margin-bottom:.3rem}
.spec-big{font:800 1.8rem/1 var(--disp);margin-bottom:.5rem}
.spec-v{font-size:.85rem;font-weight:600;margin:.45rem 0 0}
.spec-go{font:600 1.05rem/1 var(--disp);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--ink);justify-self:end}
.spec-go:hover{color:var(--blue)}
/* gauge */
.gauge{display:block;width:100%;height:12px}
.g-track{fill:#e4ded2}.g-mark{fill:var(--ink)}
.g-ok .g-fill{fill:var(--ok)}.g-raised .g-fill{fill:var(--amber)}.g-high .g-fill,.g-outside .g-fill{fill:var(--bad)}
.v-ok{color:var(--ok)}.v-raised{color:var(--amber-d)}.v-high,.v-outside{color:var(--bad)}
/* book band */
.book-band{background:var(--ink);color:#e8e6e1;padding:80px 0}
.book-in{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.book-band p{color:#c9ccd0;max-width:36em}
.card-mock{background:var(--chalk);color:var(--ink);padding:26px 28px;transform:rotate(-1.5deg);box-shadow:14px 14px 0 var(--amber);font-size:.95rem}
.card-mock p{color:var(--ink);margin:0 0 .5rem}
.cm-top{display:flex;justify-content:space-between;font:600 .85rem/1 var(--disp);letter-spacing:.14em;border-bottom:2px solid var(--ink);padding-bottom:.6rem}
.cm-name{font:800 1.5rem/1.1 var(--disp);text-transform:uppercase;margin-top:.8rem!important}
.cm-big{font:800 3rem/1 var(--disp)}
.card-mock .cm-v{color:var(--amber-d);font-weight:600}
.card-mock .cm-sig{border-top:1px dashed var(--steel);padding-top:.6rem;margin-top:1rem;color:var(--steel)}
/* pricing */
.price{padding:80px 0 40px}
.ptable{width:100%;border-collapse:collapse;background:var(--chalk);border-top:3px solid var(--ink)}
.ptable th,.ptable td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--rule);vertical-align:top}
.ptable thead th{font:600 .9rem/1 var(--disp);text-transform:uppercase;letter-spacing:.12em;color:var(--steel)}
.ptable tbody th{font:800 1.25rem/1.1 var(--disp);text-transform:uppercase}
.pt-p{font:800 1.7rem/1 var(--disp);white-space:nowrap}
.pt-p small{font:500 .9rem var(--text);color:var(--steel)}
.pt-hi th{box-shadow:inset 4px 0 0 var(--amber)}
.note{font-size:.95rem;color:var(--ink2);margin-top:1rem}
.notes{padding-top:40px;padding-bottom:64px}
.notes>*{max-width:52rem}
.notes h2{font-size:1.6rem;text-transform:uppercase;margin-top:1.4em}
.notes p,.notes li{color:var(--ink2)}
.src{padding-left:1.2rem}.src li{margin-bottom:.7rem}
/* tool pages */
.tool-hd{background:var(--chalk);border-bottom:1px solid var(--rule);padding:56px 0 40px}
.tool-hd h1{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:16em}
.tool{display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:start;padding-top:40px;padding-bottom:40px}
.sheet fieldset{border:0;border-top:3px solid var(--ink);margin:0 0 28px;padding:18px 0 0}
.sheet legend{font:800 1.25rem/1 var(--disp);text-transform:uppercase;letter-spacing:.03em;padding:0 .6rem 0 0}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{margin-bottom:18px}
.fld label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.inp{display:flex;align-items:stretch;background:#fff;border:1.5px solid var(--steel);border-radius:var(--r)}
.inp:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,71,181,.25)}
.inp input,.inp select{flex:1;min-width:0;border:0;background:transparent;font:500 1.15rem/1.2 var(--text);padding:.7rem .8rem;color:var(--ink)}
.inp input:focus,.inp select:focus{outline:none}
.unit{display:flex;align-items:center;padding:0 .8rem;background:#ece7dc;font:600 1rem/1 var(--disp);color:var(--steel);border-left:1px solid var(--rule)}
.hint{font-size:.85rem;color:var(--steel);margin:.3rem 0 0}
.err{font-size:.88rem;color:var(--bad);font-weight:600;margin:.3rem 0 0}
.has-err .inp{border-color:var(--bad)}
.readout{position:sticky;top:20px;background:var(--ink);color:#e8e6e1;padding:26px 28px 28px;border-top:6px solid var(--amber)}
.ro-label{font:600 .85rem/1.3 var(--disp);text-transform:uppercase;letter-spacing:.12em;color:#a9adb2}
.ro-verdict{font:800 1.6rem/1.1 var(--disp);text-transform:uppercase;margin-bottom:1rem}
.readout .v-ok{color:#5fd39a}.readout .v-raised{color:var(--amber)}.readout .v-high,.readout .v-outside{color:#ff8a7f}
.ro-nums{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.ro-n{display:block;font:800 2.9rem/1 var(--disp);color:#fff}
.ro-u{display:block;font-size:.85rem;color:#a9adb2}
.readout .g-track{fill:#353b42}.readout .g-mark{fill:#fff}
.ro-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#a9adb2;margin:.3rem 0 1rem}
.ro-text,.ro-fix,.ro-msg{color:#d6d8db;font-size:.95rem}
.ro-fix strong{color:#fff}
.ro-h{font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-top:1.2rem}
.mult{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.92rem}
.mult th,.mult td{padding:.35rem 0;border-bottom:1px solid #2f353b;text-align:left;font-weight:400}
.mult td{text-align:right;font-weight:600}
.mult abbr{color:#7f868d;text-decoration:none;font-size:.8rem;margin-left:.3rem}
.mult .worst th,.mult .worst td{color:var(--amber)}
.save{border-top:1px solid #3a4047;margin-top:1.2rem;padding-top:1.1rem}
.save-h{font-size:1.15rem;text-transform:uppercase;color:#fff}
.save label{display:block;font-size:.88rem;margin-bottom:.3rem;color:#c9ccd0}
.save p{color:#c9ccd0;font-size:.92rem}
.save-row{display:flex;gap:8px;flex-wrap:wrap}
.save-row input{flex:1 1 180px;min-width:0;font:500 1rem var(--text);padding:.6rem .7rem;border:1.5px solid var(--steel);border-radius:var(--r)}
.readout .btn{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.readout .btn:hover{background:#ffc75a}
.save-price{font-size:.82rem!important;color:#a9adb2!important;margin-top:.8rem}
/* book */
.flash{background:#e3efe7;border-left:4px solid var(--ok);padding:.8rem 1rem;margin:24px 0}
.flash-err{background:#f8e3e1;border-left-color:var(--bad)}
.keybox{background:var(--chalk);border:1px solid var(--rule);padding:16px 18px;margin:24px 0}
.keybox label{display:block;font-weight:600;margin-bottom:.4rem}
.linkbox{font-family:ui-monospace,Menlo,Consolas,monospace!important;font-size:.85rem!important}
.btable{width:100%;border-collapse:collapse;margin:24px 0;background:var(--chalk);border-top:3px solid var(--ink)}
.btable th,.btable td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top;font-size:.95rem}
.btable thead th{font:600 .85rem/1 var(--disp);text-transform:uppercase;letter-spacing:.12em;color:var(--steel)}
.bt-tool{display:block;font:600 .8rem/1.2 var(--disp);text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}
.bt-date{display:block;font-size:.8rem;color:var(--steel);font-weight:400}
.bt-act{white-space:nowrap}.bt-act form{display:inline;margin-left:.8rem}
.pill{font-weight:600;font-size:.85rem}
.bk-tools{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 28px}
.bk-admin{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-top:1px solid var(--rule);padding:20px 0 64px;font-size:.92rem}
.bk-admin input{font:inherit;padding:.4rem .5rem;margin:0 .5rem;border:1.5px solid var(--steel);border-radius:var(--r)}
.empty{font-size:1.1rem;margin:32px 0}
.chk{display:flex;gap:.5rem;align-items:center}
.wrap.narrow .sheet{margin-top:32px}
/* job card */
.print-bar{padding-top:20px}
.jobcard{max-width:760px;margin:24px auto 40px;background:#fff;border:2px solid var(--ink);padding:28px 32px;break-after:page}
.jc-top{display:flex;justify-content:space-between;gap:1rem;font:600 .85rem/1.2 var(--disp);text-transform:uppercase;letter-spacing:.12em;border-bottom:3px solid var(--ink);padding-bottom:.6rem;margin-bottom:1rem}
.jc-name{font-size:2.2rem;text-transform:uppercase}
.jc-big{font:800 1.6rem/1.15 var(--disp)}
.jc-v{font-weight:700;font-size:1.1rem}
.jc-in{border-collapse:collapse;width:100%;margin:1rem 0}
.jc-in caption{text-align:left;font:600 .85rem var(--disp);text-transform:uppercase;letter-spacing:.12em;color:var(--steel);padding-bottom:.3rem}
.jc-in th,.jc-in td{text-align:left;border-bottom:1px solid var(--rule);padding:.35rem 0;font-weight:400}
.jc-in td{font-weight:600}
.jc-sig{margin-top:2rem}
.jc-small{font-size:.75rem;color:var(--steel)}
/* footer */
.ft{background:var(--ink);color:#c9ccd0;margin-top:0;border-top:4px solid var(--amber)}
.ft-in{max-width:var(--w);margin:0 auto;padding:56px 28px 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.ft-word{font:800 1.6rem/1 var(--disp);text-transform:uppercase;color:#fff}
.ft-ind{font-size:.88rem;color:#a9adb2}
.ft a{color:#fff}
.ft-l{list-style:none;margin:0;padding:0}.ft-l li{margin-bottom:.6rem}
.ft-base{max-width:var(--w);margin:0 auto;padding:18px 28px 28px;display:flex;justify-content:space-between;border-top:1px solid #2c3238;font-size:.9rem}
.ft-base p{margin:0}
/* responsive */
@media (max-width:1020px){
  .tool{grid-template-columns:1fr}
  .readout{position:static}
  .spec-row{grid-template-columns:56px 1fr;gap:14px 20px}
  .spec-ex{grid-column:2}.spec-go{grid-column:2;justify-self:start}
}
@media (max-width:820px){
  .hd-in{flex-wrap:wrap;gap:0 16px;padding:0 16px}
  .mark{min-height:56px}
  .util{margin-left:auto}
  .tabs{order:3;width:100%;margin:0 -16px;border-top:1px solid #2c3238}
  .tabs a{flex:1;justify-content:center;padding:14px 4px;font-size:1rem;border-left:0}
  .tabs a+a{border-left:1px solid #2c3238}
  .tabs a:last-child{border-right:0}
  .util a:not(.util-book){display:none}
  .hero{background:var(--paper)}
  .hero-in{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:48px}
  .book-in{grid-template-columns:1fr;gap:40px}
  .ft-in{grid-template-columns:1fr 1fr}.ft-a{grid-column:1/-1}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .hero-in{padding:40px 18px 44px}
  .tool-hd{padding:36px 0 28px}
  .pair{grid-template-columns:1fr;gap:0}
  .spec-row{grid-template-columns:1fr}
  .spec-n{font-size:1.6rem}.spec-ex,.spec-go{grid-column:1}
  .ptable th,.ptable td{padding:12px 10px}
  .pt-p{font-size:1.3rem;white-space:normal}
  .readout{padding:22px 18px;margin:0 -18px}
  .ro-n{font-size:2.3rem}
  .btable thead{display:none}
  .btable tr{display:block;border-bottom:1px solid var(--rule);padding:10px 0}
  .btable th,.btable td{display:block;border:0;padding:4px 12px}
  .util .util-book{padding:.4rem .6rem;font-size:.85rem}
  .ft-base{flex-direction:column;gap:.4rem}
  .card-mock{transform:none;box-shadow:8px 8px 0 var(--amber)}
}
@media print{
  .hd,.prev,.ft,.print-bar,.skip{display:none!important}
  body{background:#fff}
  .jobcard{border:2px solid #000;margin:0 auto 0}
}
.tool>*,.pair>*,.fld{min-width:0}
.inp select{width:100%;max-width:100%;text-overflow:ellipsis}