/* Quy tac RIENG cua schematics.9minecraft.net.
   ⛔ KHONG sua `app.css` / `them.css`: hai tep do chep nguyen tu capes de giao dien khop
   tung chi tiet voi cac sub khac, va con duoc dung lai o noi khac. Sua tep dung chung la
   cai bay da ghi o [[reference_css_sua_tep_dung_chung]]. Moi thu rieng cua site nay o day. */

/* Hang nut hanh dong duoi hero.
   ⛔ KHONG dung `.phong-nut` cua app.css cho viec nay: do la thanh noi cua khung xem anh
   (`position:absolute; right:12px; top:12px`) — dat nut vao do la chung bay len goc tren
   cung va DE MAT LOGO. Phep do van bao dat (200, co H1, CSS nap, khong troi ngang);
   chi anh chup moi lo ra. */
.nut-hang {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
}

/* The trong luoi "What you can do": tieu de nho hon mot bac so voi h2 cua hero. */
.card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 500;
}

.card p {
  margin: 0;
  color: var(--xam);
  font-size: 13.5px;
  line-height: 1.55;
}

/* Trang chu khong co anh nen o luoi: bo ti le 10/16 cua `.card .pv` khoi anh huong. */
.grid.van-ban {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}