/* Smart Next - Sprint3
   ツール利用後に、ユーザーが次に進む作業を先読みして案内するUI */
.st-smart-next{
  max-width:1100px;
  margin:56px auto 32px;
  padding:34px;
  border-radius:28px;
  background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
  border:1px solid #dcecff;
  box-shadow:0 14px 40px rgba(21,33,89,.08);
}
.st-smart-next__head{text-align:center;margin-bottom:24px;}
.st-smart-next__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 10px;
  padding:5px 12px;
  border-radius:999px;
  background:#e0efff;
  color:#2563a8;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
}
.st-smart-next__eyebrow::before{content:"💡";}
.st-smart-next h2{
  margin:0 0 8px;
  font-size:clamp(1.45rem,3vw,2rem);
  color:#152159;
}
.st-smart-next__head p{
  margin:0 auto;
  max-width:720px;
  color:#526173;
  line-height:1.8;
}
.st-smart-next__flow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 auto 24px;
  padding:12px 16px;
  border-radius:999px;
  background:#fff;
  color:#526173;
  font-size:.92rem;
}
.st-smart-next__flow .is-done{
  color:#15803d;
  font-weight:800;
}
.st-smart-next__flow .flow-arrow{color:#94a3b8;}
.st-smart-next__flow a{
  color:#2563a8;
  font-weight:800;
  text-decoration:none;
}
.st-smart-next__flow a:hover{text-decoration:underline;}
.st-smart-next__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.st-smart-next-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:190px;
  padding:22px;
  border-radius:22px;
  background:#fff;
  color:#152159;
  text-decoration:none;
  border:1px solid #e5eef8;
  box-shadow:0 10px 26px rgba(21,33,89,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.st-smart-next-card:hover{
  transform:translateY(-3px);
  border-color:#b9dafb;
  box-shadow:0 16px 34px rgba(21,33,89,.12);
}
.st-smart-next-card__step{
  align-self:flex-start;
  margin-bottom:12px;
  padding:4px 10px;
  border-radius:999px;
  background:#f0f7ff;
  color:#2563a8;
  font-size:.76rem;
  font-weight:800;
}
.st-smart-next-card__title{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:1.05rem;
  line-height:1.5;
  font-weight:900;
}
.st-smart-next-card__text{
  display:block;
  margin-top:10px;
  color:#64748b;
  line-height:1.75;
  font-size:.92rem;
}
.st-smart-next-card__cta{
  margin-top:auto;
  padding-top:18px;
  color:#2563a8;
  font-weight:900;
  font-size:.9rem;
}
.st-smart-next-card__cta::after{content:" →";}
.st-smart-next__footer{
  text-align:center;
  margin:22px 0 0;
}
.st-smart-next__footer a{
  color:#2563a8;
  font-weight:800;
  text-decoration:none;
}
.st-smart-next__footer a:hover{text-decoration:underline;}
@media (max-width: 860px){
  .st-smart-next{margin:40px 16px 24px;padding:24px 18px;border-radius:22px;}
  .st-smart-next__grid{grid-template-columns:1fr;}
  .st-smart-next-card{min-height:unset;}
  .st-smart-next__flow{border-radius:18px;align-items:flex-start;justify-content:flex-start;}
}