/* Path: /public/assets/css/white-purple.css */

.hero{
  margin-top:20px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin:24px 0;
}

.k{
  font-size:13px;
  color:var(--muted);
}

.v{
  margin-top:6px;
}

.hint{
  font-size:13px;
  color:var(--muted);
  margin-top:6px;
}

/* ===== Box ===== */
.box{
  margin-top:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px;
}

.box-h{
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
}

.box-e{
  color:var(--muted);
}

.list{
  margin:0;
  padding:0;
  list-style:none;
}
.list li{
  padding:8px 0;
  border-bottom:1px dashed var(--line);
}
.list li:last-child{border-bottom:none}
.list a:hover{color:var(--accent)}