/*
 * Page-only styling for AIS landing topic.
 * Scope is restricted to the landing page body IDs.
 */

:is(body#ais-home, body#ais-landing-page-2, body.wh_topic_page:has(.wh_topic_content article.ais-home-topic)) {
  --ais-blue: #0c7fd1;
  --ais-blue-dark: #0860a0;
  --ais-ink: #163e67;
  --ais-text: #102a43;
  --ais-muted: #6f8eac;
  --ais-border: #c7dcf2;
  --ais-bg: #ffffff;
  --ais-card-bg: #ffffff;
}

:is(body#ais-home, body#ais-landing-page-2, body.wh_topic_page:has(.wh_topic_content article.ais-home-topic)) #wh_topic_body,
:is(body#ais-home, body#ais-landing-page-2, body.wh_topic_page:has(.wh_topic_content article.ais-home-topic)) .wh_topic_content,
:is(body#ais-home, body#ais-landing-page-2, body.wh_topic_page:has(.wh_topic_content article.ais-home-topic)) .wh_topic_content article.ais-home-topic {
  background: var(--ais-bg);
}

:is(body#ais-home, body#ais-landing-page-2, body.wh_topic_page:has(.wh_topic_content article.ais-home-topic)) .wh_topic_content {
  margin-left: -10px;
  margin-right: -10px;
  padding: 8px 10px 28px;
}

/* Keep left navigation visible and hide only right-side in-page TOC. */
:is(body#ais-home, body#ais-landing-page-2) #wh_topic_container > .wh_content_area > .row {
  display: flex;
  align-items: flex-start;
}

:is(body#ais-home, body#ais-landing-page-2) #wh_topic_toc {
  display: none !important;
}

:is(body#ais-home, body#ais-landing-page-2) #wh_publication_toc {
  display: block !important;
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
}

:is(body#ais-home, body#ais-landing-page-2) #wh_topic_body {
  flex: 0 0 75%;
  max-width: 75%;
  width: 75%;
  margin: 0;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_topic_content .title.topictitle1 {
  display: none;
}

/* Hide top-level topic shortdesc shown above hero only on AIS landing page. */
:is(body#ais-home, body#ais-landing-page-2) .wh_topic_content > main > article > .shortdesc {
  display: none !important;
}

/* Hero panel */
:is(body#ais-home, body#ais-landing-page-2) .ais-hero-section {
  border: 1px solid transparent;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(90deg, #4B00FF 0%, #EE4137 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 22px;
  background-color: var(--ais-bg);
  color: #000000;
  margin: 0 0 16px;
  padding: 10px 0 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-section > .title {
  margin: 0;
  text-align: center;
  color: #000000;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1em;
  border: 0;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-section > .shortdesc,
:is(body#ais-home, body#ais-landing-page-2) .ais-hero-section > .abstract,
:is(body#ais-home, body#ais-landing-page-2) .ais-hero-section .abstract {
  margin: 8px 0 0;
  text-align: center;
  color: #000000;
  font-size: 15px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 14px 0 14px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links .ais-primary-link,
:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links .ais-secondary-link {
  display: inline-block;
  padding: 9px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 14px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links a {
  display: inline-block;
  padding: 9px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 14px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links .ais-primary-link {
  color: #fff !important;
  background: transparent linear-gradient(270deg, #EE4137 0%, #4B00FF 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links a:first-of-type {
  color: #fff !important;
  background: transparent linear-gradient(270deg, #EE4137 0%, #4B00FF 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links .ais-secondary-link {
  color: #fff !important;
  background: transparent linear-gradient(270deg, #EE4137 0%, #4B00FF 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-hero-links a:nth-of-type(2) {
  color: #fff !important;
  background: transparent linear-gradient(270deg, #EE4137 0%, #4B00FF 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-stat-strip {
  border-top: 1px solid var(--ais-border);
  margin: 8px 0 0;
  padding: 12px 14px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-stat-strip .ais-stat {
  display: inline-block;
  border: 1px solid var(--ais-border);
  border-radius: 14px;
  background: #ffffff;
  color: #000000;
  padding: 5px 10px;
  font-size: 12px;
}

/* Learning journey heading */
:is(body#ais-home, body#ais-landing-page-2) .ais-journey-page {
  margin-top: 6px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-journey-page > .title {
  color: #000000;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1em;
  margin: 2px 0 4px;
  border: 0;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-journey-page > .shortdesc,
:is(body#ais-home, body#ais-landing-page-2) .ais-journey-page > .abstract,
:is(body#ais-home, body#ais-landing-page-2) .ais-journey-page .abstract {
  color: #000000;
  font-size: 15px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-guidance {
  margin: 10px 0 14px;
  border: 1px solid var(--ais-border);
  border-radius: 6px;
  background: #ffffff;
  color: #000000;
  padding: 8px 12px;
  font-size: 13px;
}

:is(body#ais-home, body#ais-landing-page-2) .ais-guidance a,
:is(body#ais-home, body#ais-landing-page-2) .ais-guidance a:visited,
:is(body#ais-home, body#ais-landing-page-2) .ais-guidance strong,
:is(body#ais-home, body#ais-landing-page-2) .ais-guidance b {
  color: #000000 !important;
}

/* 6-tile card grid from child topics */
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links {
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 6-tile card grid from nested task topics (actual ais-home.html structure) */
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > h2,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .abstract {
  grid-column: 1 / -1;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card {
  position: relative;
  box-sizing: border-box;
  min-height: auto;
  margin: 0 !important;
  padding: 12px 14px 9px !important;
  background: var(--ais-card-bg);
  border: 2px solid transparent;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(90deg, #4B00FF 0%, #EE4137 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 8px;
  box-shadow: inset 5px 0 0 #0078d4, 0 1px 2px rgba(16, 42, 67, 0.06);
  display: flex;
  flex-direction: column;
  text-align: left;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3 {
  margin: 0 0 7px !important;
  color: #000000;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border: 0;
}

/* Hide marker/prefix glyphs shown before six card titles. */
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card::before,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card::after,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3::before,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3::after,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > .title::before,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ulchildlink > strong > a::before {
  content: none !important;
  display: none !important;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .tasklabel,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card [class*="tasklabel"] {
  display: none !important;
}

/* Remove runtime collapse toggle button in six card titles (renders as 'p'). */
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3 > button,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3 > .wh_expand_btn,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3 > .wh_expand_btn::before,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card > h3 > .wh_expand_btn::after {
  display: none !important;
  content: none !important;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-tag {
  display: inline-block !important;
  margin: 0 4px 6px 0;
  padding: 2px 8px;
  border: 1px solid #d4e3f1;
  border-radius: 12px;
  background: #f1f7ff;
  color: #6b88a6;
  font-size: 10px;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-description {
  display: block !important;
  margin: 4px 0 8px !important;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-links {
  list-style: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-links li {
  display: block !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  color: #000000;
  font-size: 14px;
  line-height: 1.4;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-links li::before {
  content: "\2192\00a0";
  color: #79a7cf;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-links a {
  color: #000000 !important;
  text-decoration: none;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-meta {
  margin: 6px 0 0 !important;
  border-top: 1px solid #d4e3f1;
  padding-top: 7px !important;
  font-size: 11px;
  color: #000000;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-time {
  display: inline-block;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-btn {
  display: inline-block;
  float: right;
  padding: 3px 10px;
  border-radius: 5px;
  background: #EE4137;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card .ais-card-btn a,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-btn a {
  color: #ffffff !important;
  text-decoration: none !important;
}

:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card-prepare,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card-build,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card-firstwin,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card-ts,
:is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc > .ais-card-vid {
  border-left-color: transparent;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ullinks {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ulchildlink {
  position: relative;
  box-sizing: border-box;
  min-height: auto;
  margin: 0 !important;
  padding: 12px 14px 10px !important;
  background: var(--ais-card-bg);
  border: 2px solid transparent;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(90deg, #4B00FF 0%, #EE4137 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 8px;
  box-shadow: inset 5px 0 0 #0078d4, 0 1px 2px rgba(16, 42, 67, 0.06);
  display: flex !important;
  flex-direction: column;
  text-align: left;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ulchildlink > strong {
  margin: 0 0 7px !important;
  display: block;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ulchildlink > strong > a {
  color: #000000 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-tag {
  display: inline-block !important;
  margin: 0 4px 6px 0;
  padding: 2px 8px;
  border: 1px solid #d4e3f1;
  border-radius: 12px;
  background: #f1f7ff;
  color: #6b88a6;
  font-size: 10px;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-description {
  display: block !important;
  margin: 4px 0 8px !important;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-links {
  list-style: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-links li {
  display: block !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  color: #000000;
  font-size: 14px;
  line-height: 1.4;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-links li::before {
  content: "\2192\00a0";
  color: #79a7cf;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-links a {
  color: #000000 !important;
  text-decoration: none;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-meta {
  margin: 6px 0 0 !important;
  border-top: 1px solid #d4e3f1;
  padding-top: 7px !important;
  font-size: 11px;
  color: #000000;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-time {
  display: inline-block;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-btn {
  display: inline-block;
  float: right;
  padding: 3px 10px;
  border-radius: 5px;
  background: #EE4137;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-prepare,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-build,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-firstwin,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-ts,
:is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ais-card-vid {
  border-left-color: transparent;
}

@media (max-width: 980px) {
  :is(body#ais-home, body#ais-landing-page-2) #wh_topic_container > .wh_content_area > .row {
    display: block;
  }

  :is(body#ais-home, body#ais-landing-page-2) #wh_topic_body {
    max-width: 100%;
    width: 100%;
  }

  :is(body#ais-home, body#ais-landing-page-2) #wh_publication_toc {
    display: none !important;
  }

  :is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ullinks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  :is(body#ais-home, body#ais-landing-page-2) .ais-hero-section {
    padding: 16px 14px;
    border-radius: 18px;
  }

  :is(body#ais-home, body#ais-landing-page-2) .wh_child_links .ullinks {
    grid-template-columns: 1fr !important;
  }

  :is(body#ais-home, body#ais-landing-page-2) #task_hj4_nky_fkc {
    grid-template-columns: 1fr;
  }
}