/* Shared marketing previews: fictional operational work and workforce planning. */
.ops-preview{padding:38px 42px;color:#131417;background:#fff;text-align:left}
.ops-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.ops-eyebrow{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#59616c}
.ops-preview h3{margin:10px 0 0;font:800 34px/1.08 var(--display);letter-spacing:-1.1px}
.ops-count{font:500 12px/1.5 var(--display);white-space:nowrap;color:#59616c}
.ops-work-row{border-top:1px solid #dfe2e7}
.ops-work-row:last-child{border-bottom:1px solid #dfe2e7}
.ops-work-row summary{display:grid;grid-template-columns:54px minmax(140px,1fr) 135px 90px 16px;align-items:center;gap:16px;min-height:86px;padding:17px 0;list-style:none;cursor:pointer;font:500 12px/1.5 var(--display)}
.ops-work-row summary::-webkit-details-marker{display:none}
.ops-work-row summary:focus-visible{outline:2px solid #2450e8;outline-offset:4px}
.ops-work-row summary>strong{font-size:16px;font-weight:600;line-height:1.4}
.ops-work-kind{font:10px/1.5 var(--mono);text-transform:uppercase;color:#59616c}
.ops-owner{color:#59616c}
.ops-status{color:#2450e8}.ops-status--attention{color:#96531a}
.ops-expand{font-size:20px;text-align:right;transition:transform .2s}.ops-work-row[open] .ops-expand{transform:rotate(45deg)}
.ops-work-row>p{padding:0 0 22px 70px;max-width:650px;font:400 14px/1.7 var(--display);color:#59616c}
.ops-preview-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:25px;font:400 10px/1.5 var(--mono);color:#68707c}
.ops-staffing-legend{display:flex;justify-content:flex-end;gap:20px;margin-bottom:30px;font:500 11px/1.5 var(--display)}
.ops-staffing-legend span{display:flex;align-items:center;gap:8px}.ops-staffing-legend i{width:9px;height:9px;background:#2450e8}.ops-staffing-legend span+span i{background:#c9caff}
.ops-staffing-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:12px 10px 0}
.ops-day-bars{height:170px;display:flex;justify-content:center;align-items:flex-end;gap:8px;border-bottom:1px solid #cdd0d8}
.ops-day-bars>span{position:relative;display:block;width:32px;height:calc(var(--heads) * 12px);background:#2450e8;transform-origin:bottom}
.ops-day-bars>span+span{background:#c9caff}
.ops-day-bars b{position:absolute;left:0;right:0;top:-23px;text-align:center;font:500 12px/1.5 var(--display)}
.ops-day>strong{display:block;margin-top:12px;text-align:center;font:500 12px/1.5 var(--display)}
.ops-plan-note{display:flex;flex-direction:column;gap:5px;padding:24px 0 0;margin-top:28px;border-top:1px solid #dfe2e7;font:600 16px/1.5 var(--display)}
.ops-plan-note>span{font-size:13px;font-weight:400;color:#59616c}
@media(prefers-reduced-motion:no-preference){.example-entered .ops-day-bars>span{animation:staffing-rise .7s cubic-bezier(.2,.7,.2,1) both}.example-entered .ops-day:nth-child(2)>div>span{animation-delay:.08s}.example-entered .ops-day:nth-child(3)>div>span{animation-delay:.16s}.example-entered .ops-day:nth-child(4)>div>span{animation-delay:.24s}.example-entered .ops-day:nth-child(5)>div>span{animation-delay:.32s}}
@keyframes staffing-rise{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@media(max-width:1000px){.ops-work-row summary{grid-template-columns:45px minmax(120px,1fr) 110px 84px 16px;gap:12px}.ops-preview{padding:30px}.ops-work-row summary>strong{font-size:14px}}
@media(max-width:700px){.ops-preview{padding:25px 20px}.ops-preview h3{font-size:28px}.ops-work-row summary{grid-template-columns:1fr auto 16px;gap:8px 12px;padding:19px 0}.ops-work-kind{grid-column:1}.ops-work-row summary>strong{grid-column:1/3;grid-row:2;font-size:15px}.ops-owner{grid-column:1;grid-row:3}.ops-status{grid-column:2;grid-row:3}.ops-expand{grid-column:3;grid-row:2}.ops-work-row>p{padding-left:0;font-size:13px}.ops-staffing-chart{gap:10px;padding-inline:0}.ops-day-bars{gap:5px}.ops-day-bars>span{width:24px}.ops-count{font-size:10px}.ops-staffing-legend{justify-content:flex-start}}