/* Font và các quy tắc trình bày riêng của chuyên trang Apple.
   Chỉ nạp ở trang /apple, mọi selector giới hạn trong [data-apple-page]. */

@font-face {
  font-family: "San Francisco Display";
  src: url("../fonts/apple/SanFranciscoDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Francisco Display";
  src: url("../fonts/apple/SanFranciscoDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Francisco Display";
  src: url("../fonts/apple/SanFranciscoDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

[data-apple-page] {
  font-family: "San Francisco Display", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* Nội dung do CMS soạn ở khối tiện ích: cho phép thẻ in đậm và ngắt dòng hiển thị đúng theo Figma node 72:3486. */
[data-apple-page] .apple-utility-copy {
  color: #6e6e73;
  font-size: 13px;
  line-height: 1.4;
}

[data-apple-page] .apple-utility-copy strong {
  display: block;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
  color: var(--color-apple-ink, #1d1d1f);
  margin-bottom: 2px;
}

/* Nội dung giới thiệu cuối trang lấy nguyên HTML từ CMS nên phải tự đặt khoảng cách và dấu danh sách. */
[data-apple-page] .apple-seo-copy :where(h2, h3, h4) {
  margin-block: 1.25rem 0.5rem;
  font-weight: 600;
  line-height: 1.35;
}

[data-apple-page] .apple-seo-copy :where(p, ul, ol) {
  margin-block: 0.75rem;
}

[data-apple-page] .apple-seo-copy :where(ul, ol) {
  padding-inline-start: 1.5rem;
}

[data-apple-page] .apple-seo-copy ul {
  list-style: disc;
}

[data-apple-page] .apple-seo-copy ol {
  list-style: decimal;
}

[data-apple-page] .apple-seo-copy img {
  max-width: 100%;
  height: auto;
}