/* P10-T06 Artificial Intelligence programme detail. */
body {
  --iwut-prog-navy: #16295A;
  --iwut-prog-deep: #0A1024;
  --iwut-prog-turquoise: #12938C;
  --iwut-prog-gold: #C0A165;
  --iwut-prog-paper: #F6F7FA;
  background: var(--iwut-prog-paper);
}

body > .wp-site-blocks > main.wp-block-group {
  width: min(100% - 32px, 1180px);
  margin-inline: auto;
  padding-block: 132px clamp(56px, 8vw, 104px);
  background: var(--iwut-prog-paper);
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(230px, 28vw, 330px);
  margin: 0 0 clamp(34px, 5vw, 58px);
  padding: 24px;
  overflow: hidden;
  isolation: isolate;
  background: var(--iwut-prog-navy);
  color: #fff;
  font: 700 clamp(42px, 7vw, 88px)/1 "IWUT Source Serif", "Noto Serif", serif;
  letter-spacing: -.035em;
  text-align: center;
  box-shadow: 0 18px 38px rgba(10,16,36,.14);
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--iwut-prog-turquoise);
  -webkit-mask: url("patterns/girih/girih-strap-interlace.svg") center / 112px 112px repeat;
  mask: url("patterns/girih/girih-strap-interlace.svg") center / 112px 112px repeat;
  opacity: .08;
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::after {
  content: "";
  position: absolute;
  bottom: 52px;
  left: 50%;
  width: 110px;
  height: 3px;
  background: var(--iwut-prog-gold);
  transform: translateX(-50%);
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content {
  max-width: 1040px;
  margin-inline: auto;
  color: var(--iwut-prog-deep);
  font: 400 clamp(16px, 1.2vw, 19px)/1.8 "IWUT Inter", sans-serif;
}

/* The page title is the canonical hero; do not repeat the cover image inside the content. */
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > .wp-block-cover { display: none; }

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure {
  float: inline-end;
  width: min(42%, 430px);
  margin: 0 0 28px clamp(28px, 4vw, 54px);
  border: 1px solid rgba(192,161,101,.65);
  box-shadow: -14px 14px 0 rgba(18,147,140,.2);
  overflow: hidden;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 420ms cubic-bezier(.2,.8,.2,1), filter 240ms ease;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:hover img { transform: scale(1.025); filter: saturate(1.05) contrast(1.04); }

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > h2 {
  clear: both;
  margin: 38px 0 18px;
  padding-block-end: 14px;
  border-bottom: 1px solid rgba(22,41,90,.16);
  color: var(--iwut-prog-navy);
  font: 700 clamp(26px, 3vw, 38px)/1.2 "IWUT Source Serif", "Noto Serif", serif;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > h2:first-of-type { clear: none; }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > p { margin: 0 0 22px; }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table {
  width: 100%;
  margin: 0 0 34px;
  border-collapse: collapse;
  background: #fff;
  box-shadow: 0 8px 22px rgba(10,16,36,.06);
  font-size: .94em;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table th,
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table td {
  padding: 13px 16px;
  border: 1px solid rgba(22,41,90,.13);
  text-align: start;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table th {
  background: var(--iwut-prog-navy);
  color: #fff;
  font-weight: 700;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table td:last-child,
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table th:last-child { width: 110px; text-align: center; color: var(--iwut-prog-turquoise); font-weight: 700; }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table tr:hover td { background: rgba(18,147,140,.06); }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content::after { content: ""; display: block; clear: both; }

@media (max-width: 700px) {
  body > .wp-site-blocks > main.wp-block-group { width: min(100% - 24px, 1180px); }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title { min-height: 190px; margin-bottom: 34px; }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::after { bottom: 38px; width: 82px; }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure { float: none; width: 100%; margin: 0 0 28px; box-shadow: 8px 8px 0 rgba(18,147,140,.2); }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > table { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure img { transition-duration: .01ms; }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:hover img { transform: none; }
}