/* Info pages — Ke hoach / The le / Huong dan PDF viewer */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap");

.info-page {
  --blue: #1a6bb5;
  --blue-deep: #0f4f8a;
  --line: #d0e0ef;
  --text: #243447;
  --muted: #5a6f82;
  --pad: clamp(16px, 3vw, 28px);
  font-family: "Be Vietnam Pro", "Segoe UI", Tahoma, sans-serif;
  color: var(--text);
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 4px 0 28px;
  box-sizing: border-box;
}

.info-page *,
.info-page *:before,
.info-page *:after {
  box-sizing: border-box;
}

.info-head {
  margin: 0 0 16px;
  padding: 0 4px;
}

.info-eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--blue);
}

.info-title {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 700;
  color: var(--blue-deep);
  line-height: 1.25;
}

.info-body {
  margin: 0;
  padding: 0 !important;
  background: #fff;
  border: 1px solid var(--line);
}

/* Full page-area viewer — avoid short 600px CMS iframes clipping PDF */
.info-pdf-shell {
  position: relative;
  width: 100%;
  height: calc(100vh - 240px);
  min-height: 920px;
  background: #eef3f8;
  overflow: hidden;
}

.info-pdf-shell > p {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
}

.info-pdf-shell iframe,
.info-pdf-shell embed,
.info-pdf-shell object,
.info-pdf-shell .info-pdf-frame,
.info-page .trang-thele iframe,
.info-page .trang-thele embed,
.info-page .trang-thele object {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 920px !important;
  border: 0 !important;
  background: #fff;
}

/* Fallback when content is plain HTML (not PDF) */
.info-pdf-shell:not(:has(iframe)):not(:has(embed)):not(:has(object)) {
  height: auto;
  min-height: 0;
  padding: 20px var(--pad);
  overflow: visible;
  background: #fff;
}

@media (max-width: 900px) {
  .info-pdf-shell {
    height: calc(100vh - 200px);
    min-height: 70vh;
  }

  .info-pdf-shell iframe,
  .info-pdf-shell embed,
  .info-pdf-shell object,
  .info-pdf-shell .info-pdf-frame {
    min-height: 70vh !important;
  }
}

@media (max-width: 640px) {
  .info-pdf-shell {
    height: calc(100vh - 180px);
    min-height: 65vh;
  }

  .info-pdf-shell iframe,
  .info-pdf-shell embed,
  .info-pdf-shell object,
  .info-pdf-shell .info-pdf-frame {
    min-height: 65vh !important;
  }
}