/* Trang #10523 - Chuyển đổi số HEZA. Digital library, dials 4 / 2 / 3. */
body.page-id-10523 {
  --digital-ink: #06233f;
  --digital-blue: #0b82c5;
  --digital-line: rgba(255, 255, 255, .22);
  --digital-surface: rgba(8, 31, 55, .82);
}

body.page-id-10523 .heza-page-main { padding: 0 !important; }
body.page-id-10523 .wp-block-post-content > .heza-pc--stretch:first-child { margin: 0 !important; padding: 0 !important; }
body.page-id-10523 .wp-block-post-content > .heza-pc--stretch:first-child .wp-block-cover {
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(570px, 72vh, 760px) !important;
  margin: 0 !important;
  padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 72px);
  background: var(--digital-ink);
}
body.page-id-10523 .wp-block-post-content > .heza-pc--stretch:first-child .wp-block-cover__background { background: #061f38 !important; opacity: .82; }
body.page-id-10523 .wp-block-post-content > .heza-pc--stretch:first-child .wp-block-cover__inner-container { width: 100%; max-width: 980px; }

/* Hai ấn phẩm là trọng tâm của trang, cân giữa thay vì trôi về mép trái. */
body.page-id-10523 .aiha-fb-grid {
  grid-template-columns: repeat(2, minmax(220px, 290px));
  justify-content: center;
  gap: clamp(28px, 4vw, 54px);
  margin: 0;
}
body.page-id-10523 .aiha-fb-card { gap: 10px; }
body.page-id-10523 .aiha-fb-card__cover {
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 3px;
  background:
    linear-gradient(135deg, rgba(11, 130, 197, .28), transparent 55%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 24px),
    #0b3154;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .3);
}
body.page-id-10523 .aiha-fb-card__placeholder {
  color: #fff;
  font-size: 15px;
  letter-spacing: .16em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}
body.page-id-10523 .aiha-fb-card__title { color: #fff; font-size: 18px !important; line-height: 1.35; }
body.page-id-10523 .aiha-fb-card__meta { color: rgba(255, 255, 255, .76); }
body.page-id-10523 .aiha-fb-card__actions { margin-top: 6px; }
body.page-id-10523 .aiha-fb-btn {
  min-height: 42px;
  border-color: var(--digital-line);
  border-radius: 3px;
  background: rgba(255, 255, 255, .08);
  color: #fff !important;
}
body.page-id-10523 .aiha-fb-btn:hover { border-color: rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .16); }
body.page-id-10523 .aiha-fb-btn--primary { border-color: var(--digital-blue); background: var(--digital-blue); color: #fff !important; }
body.page-id-10523 .aiha-fb-btn--primary:hover { border-color: #056ca9; background: #056ca9; }
body.page-id-10523 .aiha-fb-card__cover:focus-visible,
body.page-id-10523 .aiha-fb-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 640px) {
  body.page-id-10523 .wp-block-post-content > .heza-pc--stretch:first-child .wp-block-cover { min-height: auto !important; padding-block: 48px; }
  body.page-id-10523 .aiha-fb-grid { grid-template-columns: minmax(0, 300px); gap: 34px; }
  body.page-id-10523 .aiha-fb-card__actions .aiha-fb-btn { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-10523 .aiha-fb-card__cover { transition: none; }
}