/* SHT – Order Process Steps */
.sht-os{max-width:1100px;margin:0 auto}
.sht-os-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* card */
.sht-os-card{
  background:#fff;border:1px solid #eef4fb;border-radius:12px;padding:14px;
  box-shadow:0 1px 2px rgba(15,23,42,.06);overflow:hidden;
}
.sht-os-card__inner{display:flex;flex-direction:column;gap:12px}

/* head: chip + title */
.sht-os-head{display:flex;gap:12px;align-items:flex-start}
.sht-os-chip{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:48px;padding:6px;border-radius:10px;background:var(--accent,#f1f8ff);
  text-align:center;flex:0 0 auto;
}
.sht-os-step{font-weight:800;color:var(--chip-color,#0b63b8);font-size:14px}
.sht-os-label{font-size:11px;color:rgba(0,0,0,.6);margin-top:4px}
.sht-os-title-wrap{flex:1}
.sht-os-title{font-weight:800;color:#0f172a;font-size:15px}

/* checklist */
.sht-os-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sht-os-list-item{display:flex;gap:10px;align-items:flex-start}
.sht-os-check{
  display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:#10b981;
  flex:0 0 18px;margin-top:4px;
}
.sht-os-item-text{color:#475569;font-size:14px;line-height:1.4}

/* responsive tweaks */
@media (max-width:900px){
  .sht-os-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}

/* small utilities: allow per-card accent override using inline var --accent */
/* if author wants different chip background per card, the inline style sets --accent */
.sht-os-card .sht-os-chip{background:var(--accent,#f1f8ff)}
* SHT – Order Process Steps */
.sht-os{max-width:1100px;margin:0 auto}
.sht-os-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* card */
.sht-os-card{
  background:#fff;border:1px solid #eef4fb;border-radius:12px;padding:14px;
  box-shadow:0 1px 2px rgba(15,23,42,.06);overflow:hidden;
}
.sht-os-card__inner{display:flex;flex-direction:column;gap:12px}

/* head: chip + title */
.sht-os-head{display:flex;gap:12px;align-items:flex-start}
.sht-os-chip{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:48px;padding:6px;border-radius:10px;background:var(--accent,#f1f8ff);
  text-align:center;flex:0 0 auto;
}
.sht-os-step{font-weight:800;color:var(--chip-color,#0b63b8);font-size:14px}
.sht-os-label{font-size:11px;color:rgba(0,0,0,.6);margin-top:4px}
.sht-os-title-wrap{flex:1}
.sht-os-title{font-weight:800;color:#0f172a;font-size:15px}

/* checklist */
.sht-os-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sht-os-list-item{display:flex;gap:10px;align-items:flex-start}
.sht-os-check{
  display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:#10b981;
  flex:0 0 18px;margin-top:4px;
}
.sht-os-item-text{color:#475569;font-size:14px;line-height:1.4}

/* responsive tweaks */
@media (max-width:900px){
  .sht-os-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}

/* small utilities: allow per-card accent override using inline var --accent */
/* if author wants different chip background per card, the inline style sets --accent */
.sht-os-card .sht-os-chip{background:var(--accent,#f1f8ff)}