/* /guides/warehouse-to-parcel/ — kanban readiness board. Original layout. */

.wh-hero{padding:48px 0 12px;max-width:840px}
.wh-hero h1{font-size:clamp(26px,3.6vw,38px);margin:.3em 0 .5em}
.wh-lede{font-size:17px;color:#C4C6C8}

.wh-state{padding:20px}
.wh-state h3{font-size:14px;margin-bottom:8px;font-family:var(--font-display)}
.wh-state p{font-size:13px;color:var(--muted);margin:0}
.wh-state-ready{background:var(--qc-green-tint)}
.wh-state-evidence{background:var(--amber-tint)}
.wh-state-resolution{background:rgba(255,107,94,.14)}
.wh-state-hold{background:rgba(255,255,255,.05)}

.wh-steps-list{display:flex;flex-direction:column;gap:12px}
.wh-step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}
.wh-step-n{font-family:var(--font-display);font-weight:800;color:var(--coral);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}
.wh-step h3{font-size:16px;margin:6px 0 8px}
.wh-step p{font-size:14px;color:#C4C6C8;margin:0 0 10px;line-height:1.6}
.wh-pack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}

.wh-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:860px){.wh-board{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.wh-board{grid-template-columns:1fr}}
.wh-col{border-radius:var(--radius);padding:14px;min-height:160px}
.wh-col h3{font-family:var(--font-display);font-size:12px;letter-spacing:.05em;margin-bottom:10px}
.wh-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}
.wh-card strong{font-size:13.5px}
.wh-card span:not(.tag){font-size:12px;color:var(--muted)}
.wh-empty{font-size:12.5px;color:var(--muted);font-style:italic}
.wh-col-ready{background:var(--qc-green-tint)}
.wh-col-needs-evidence{background:var(--amber-tint)}
.wh-col-needs-resolution{background:rgba(255,107,94,.14)}
.wh-col-hold{background:rgba(255,255,255,.05)}

.wh-steps{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 24px 24px 46px}
.wh-steps li{font-size:14.5px;color:#C4C6C8;margin-bottom:12px;line-height:1.5}

.wh-gate{padding:22px}
.wh-gate h3{font-size:15.5px;margin-bottom:10px}
.wh-gate ul{margin:0;padding-left:1.1em}
.wh-gate li{font-size:13.5px;color:#C4C6C8;margin-bottom:4px}