/* Future Cement - At the mill: 30-second checks (includes/onsite.php). 26 Sep 2026 */
.os-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.os-tabs button{font:700 14px Inter,Arial,sans-serif;color:#B7C5D3;background:#12202E;border:1px solid #22364A;border-radius:999px;padding:10px 16px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.os-tabs button:hover{border-color:#EEB902;color:#fff}
.os-tabs button.on{background:#EEB902;border-color:#EEB902;color:#0B132B}
.os-pane{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1.05fr);gap:22px;align-items:stretch;margin-top:16px;
  background:linear-gradient(180deg,#132334,#0D1824);border:1px solid #22364A;border-radius:18px;padding:22px}
.os-pane[hidden]{display:none}
.os-in{display:flex;flex-direction:column;gap:12px}
.os-in label{display:block;font-size:13px;font-weight:700;color:#B7C5D3;line-height:1.35}
.os-in label span{float:right;color:#6E8298;font-weight:600}
.os-in input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:13px 14px;border-radius:11px;border:1px solid #2E4A63;background:#0B1522;color:#fff;font:800 22px Inter,Arial,sans-serif;letter-spacing:-.01em}
.os-in input:focus{outline:2px solid #EEB902;border-color:transparent}
.os-hint{font-size:12.5px;color:#6E8298;margin:2px 0 0;line-height:1.5}
.os-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1B3044,#0B1522 72%);border-radius:14px;min-height:260px;padding:10px}
.os-art svg{width:100%;height:auto;max-height:300px}
.os-out{display:flex;flex-direction:column;gap:10px}
.os-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8FA6BB}
.os-big{display:flex;align-items:baseline;gap:8px;line-height:1}
.os-big b{font-size:clamp(46px,6vw,64px);font-weight:900;color:#fff;letter-spacing:-.03em;transition:color .2s}
.os-big small{font-size:15px;font-weight:700;color:#8FA6BB}
.os-big.t-good b{color:#3FBF7F}.os-big.t-watch b{color:#EEB902}.os-big.t-act b{color:#F07A62}
.os-bar{position:relative;height:10px;border-radius:999px;background:#1B3044;margin:4px 0 18px}
.os-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#3FBF7F;transition:width .35s ease}
.os-bar i.t-watch{background:#EEB902}.os-bar i.t-act{background:#F07A62}
.os-bar span{position:absolute;top:-4px;bottom:-4px;width:2px;background:#9DB0C0;opacity:.6}
.os-bar em{position:absolute;top:14px;left:0;font-size:11.5px;font-style:normal;color:#6E8298}
.os-say{margin:0;font-size:15.5px;line-height:1.5;color:#E9EFF5;font-weight:600;border-left:3px solid #3FBF7F;padding-left:12px}
.os-say.t-watch{border-color:#EEB902}.os-say.t-act{border-color:#F07A62}
.os-sub{margin:0;font-size:13.5px;line-height:1.55;color:#9DB0C0}
.os-cta{margin-top:auto;display:block;text-decoration:none;background:rgba(238,185,2,.08);border:1px solid rgba(238,185,2,.4);border-radius:12px;padding:12px 14px;color:#E9DDB4;font-size:13.5px;line-height:1.5;transition:background .15s,border-color .15s}
.os-cta b{display:block;color:#EEB902;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.os-cta:hover{background:rgba(238,185,2,.16);border-color:#EEB902}
.os-flow{animation:osflow 1.2s linear infinite}
@keyframes osflow{to{stroke-dashoffset:-32}}
.os-bars{gap:28px;align-items:flex-end;padding:22px 26px 14px;position:relative}
.os-bars div{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:220px;gap:8px}
.os-bars div span{order:3;font-size:12px;color:#8FA6BB;text-align:center;font-weight:700}
.os-bars div i{order:2;display:block;width:64px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#3FBF7F,#1E7B4F);transition:height .35s ease;min-height:6px}
.os-bars div i.n{background:linear-gradient(180deg,#EEB902,#B7791F)}
.os-bars div b{order:1;color:#fff;font-size:18px;font-weight:900}
.os-bars p{position:absolute;right:14px;top:10px;margin:0;font-size:11px;color:#6E8298;letter-spacing:.1em;text-transform:uppercase}
.os-band{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;border-radius:14px;text-decoration:none;
  background:linear-gradient(90deg,rgba(238,185,2,.12),rgba(238,185,2,.02));border:1px solid rgba(238,185,2,.35);color:#C6D3DF;font-size:14.5px;line-height:1.5}
.os-band b{color:#EEB902;margin-right:6px}
.os-band em{font-style:normal;font-weight:800;color:#fff;white-space:nowrap}
.os-band:hover{border-color:#EEB902}
@media(max-width:1000px){.os-pane{grid-template-columns:1fr 1fr}.os-out{grid-column:1 / -1}}
@media(max-width:640px){.os-pane{grid-template-columns:1fr;padding:16px}.os-tabs button{flex:1 1 100%;text-align:left}.os-art{min-height:200px}}
@media(prefers-reduced-motion:reduce){.os-flow{animation:none}}
/* the kiln check and the Specialized Tools band (26 Sep 2026) */
.os-kiln{margin-top:26px}
.os-kh h3{color:#fff;font-size:clamp(20px,2.4vw,26px);font-weight:800;margin:4px 0 0;letter-spacing:-.01em}
.os-kp{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr) minmax(0,1fr)}
.os-kp .os-in{gap:8px}
.os-kp .os-in input{padding:9px 12px;font-size:19px;margin-top:4px}
.os-sel select{display:block;width:100%;margin-top:4px;padding:10px 12px;border-radius:11px;border:1px solid #2E4A63;background:#0B1522;color:#fff;font:700 15px Inter,Arial,sans-serif}
.ok-bed{animation:okflow 2.5s linear infinite}
.ok-gas{animation:okgas 1.1s linear infinite}
.ok-drop{animation:okflow 1s linear infinite}
.ok-flame{animation:okfl .35s ease-in-out infinite alternate;transform-origin:606px 147px}
@keyframes okflow{to{stroke-dashoffset:-32}}
@keyframes okgas{to{stroke-dashoffset:26}}
@keyframes okfl{from{transform:scaleX(.9) scaleY(.92)}to{transform:scaleX(1.06) scaleY(1.08)}}
.os-band2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:center;margin-top:26px;padding:24px;border-radius:18px;text-decoration:none;
  background:linear-gradient(120deg,#1B3350 0%,#10233A 55%,#0D1C2E 100%);border:1px solid #EEB902;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.os-band2 h3{color:#fff;font-size:clamp(20px,2.3vw,26px);font-weight:800;margin:0 0 8px;line-height:1.25}
.os-band2 p{color:#C6D3DF;font-size:15px;line-height:1.55;margin:0}
.os-thumbs{display:flex;gap:8px}
.os-thumbs img{flex:1;min-width:0;height:110px;object-fit:cover;object-position:top;border-radius:10px;background:#fff;border:1px solid #3A5A78}
.os-go{grid-column:1 / -1;justify-self:start;background:#EEB902;color:#0B132B;font-weight:800;font-size:15px;padding:12px 18px;border-radius:11px}
.os-band2:hover .os-go{background:#F3CA40}
@media(max-width:1000px){.os-kp{grid-template-columns:1fr 1fr}.os-band2{grid-template-columns:1fr}}
@media(max-width:640px){.os-kp{grid-template-columns:1fr}.os-thumbs img{height:80px}}
@media(prefers-reduced-motion:reduce){.ok-bed,.ok-gas,.ok-drop,.ok-flame{animation:none}}