/* Scoped public course detail: Khiva palette, shared 1240px container. */
@font-face { font-family: KhivaCourseMontserrat; src: url('../images/academy-reference/Montserrat-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
body.khiva-course-detail #main { padding: 0 !important; }
body.khiva-course-detail #main > .fusion-row { max-width: none !important; width: 100% !important; }
body.khiva-course-detail #content.khiva-course-page { float: none; width: 100%; margin: 0; }
body.khiva-course-detail .fusion-page-title-bar { display: none; }
.khiva-course-page { color: #18234c; background: #fff; font-family: KhivaCourseMontserrat, Montserrat, Arial, sans-serif; }
.khiva-course-page :is(h1,h2,h3,button) { font-family: KhivaCourseMontserrat, Montserrat, Arial, sans-serif !important; text-transform: none !important; }
.khiva-course-tabs button { box-shadow: none !important; border-radius: 0 !important; }
.khiva-course-shell { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.khiva-course-hero { background: radial-gradient(ellipse at 90% 0, #074877 0, transparent 62%), #111a35; padding: 68px 0 72px; color: #fff; }
.khiva-course-kicker { display: inline-block; border: 1px solid #00dce1; border-radius: 6px; padding: 7px 13px; color: #00f4f2; font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.khiva-course-hero h1 { max-width: 820px; margin: 22px 0 18px !important; color: #fff !important; font-size: clamp(30px, 3.25vw, 48px) !important; line-height: 1.16 !important; letter-spacing: -.025em; }
.khiva-course-hero p { max-width: 780px; margin: 0; color: #dbe3f2; font-size: 18px; line-height: 1.6; }
.khiva-course-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; padding-block: 54px 80px; align-items: start; }
.khiva-course-main, .khiva-course-sidebar { min-width: 0; }
.khiva-course-tabs { display: flex; border-bottom: 1px solid #d5dbea; gap: 12px; margin: 0 0 30px; }
.khiva-course-tabs button { flex: 1; padding: 15px 10px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #18234c; font: inherit; cursor: pointer; }
.khiva-course-tabs button[aria-selected="true"] { border-color: #00cdd2; color: #006d83; font-weight: 700; }
.khiva-course-panel[hidden] { display: none !important; }
.khiva-course-panel h2 { font-size: 24px !important; line-height: 1.3 !important; margin: 0 0 20px; color: #18234c !important; }
.khiva-course-panel p, .khiva-course-panel li { font-size: 16px; line-height: 1.7; }
.khiva-course-page :is(p,li,h2,h3) { text-align: left !important; }
.khiva-course-panel ul { padding-left: 22px; }
.khiva-course-art { border-radius: 14px; padding: 22px; background: #edf2fa; margin-bottom: 22px; text-align: center; }
.khiva-course-art img { display: block; width: auto; max-width: 100%; height: 220px; object-fit: contain; margin: auto; }
.khiva-course-purchase { border: 1px solid #d1d9e7; border-radius: 14px; padding: 26px; box-shadow: 0 8px 30px #18234c08; }
.khiva-course-price { margin-bottom: 25px; font-size: 32px; line-height: 1.2; font-weight: 700; color: #18234c; }
.khiva-course-price del { font-size: 20px; color: #687386; margin-right: 10px; }
.khiva-course-price ins { text-decoration: none; background: none; }
.khiva-course-purchase h2 { margin: 0 0 14px; color: #18234c !important; font-size: 19px !important; line-height: 1.35 !important; }
.khiva-course-purchase ul { margin: 0 0 26px; padding-left: 20px; }
.khiva-course-purchase li { font-size: 14px; margin: 8px 0; line-height: 1.5; }
.khiva-course-buy-form { display: grid; gap: 12px; }
.khiva-course-page .khiva-course-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; padding: 13px 18px; border-radius: 7px; font: inherit; font-weight: 700; font-size: 15px; line-height: 1.3; text-align: center; cursor: pointer; text-decoration: none; border: 1px solid #00b8c2; }
.khiva-course-button-primary { background: #00ecef; color: #101a3c !important; }
.khiva-course-button-outline { background: #fff; color: #18234c !important; }
.khiva-course-buy-form .khiva-v2-line-icon { width: 22px !important; height: 22px !important; margin: 0 !important; position: static !important; }
.khiva-course-account-links { text-align: center; margin: 22px 0 8px; font-size: 13px; line-height: 1.6; }
.khiva-course-account-links a { color: #006b83; text-decoration: underline; }
.khiva-course-cart-note { font-size: 12px; line-height: 1.55; color: #58667e; text-align: center; margin: 0; }
.khiva-course-page :is(button,a,input):focus-visible { outline: 3px solid #087795; outline-offset: 4px; }
.khiva-course-access-note { border-left: 3px solid #00ced8; padding: 12px 16px; background: #f0f8fc; }
body.single-sfwd-courses.khiva-course-detail .khiva-course-page .learndash-wrapper { max-width: 100%; padding: 0; background: transparent; border-radius: 0; }
.khiva-course-page .ld-item-list-item { border-radius: 9px !important; border-color: #dae2ee !important; margin-bottom: 14px !important; }
.khiva-course-page .ld-item-list-item-preview { padding: 20px !important; }
.khiva-course-page .ld-item-title { color: #18234c !important; }
@media (min-width: 1100px) { .khiva-course-sidebar { position: sticky; top: 120px; } }
@media (max-width: 1000px) { .khiva-course-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; } }
@media (max-width: 760px) {
  .khiva-course-shell { width: calc(100% - 36px); }
  .khiva-course-hero { padding: 42px 0; }
  .khiva-course-hero p { font-size: 16px; }
  .khiva-course-layout { display: flex; flex-direction: column; gap: 36px; padding-block: 32px 48px; }
  .khiva-course-sidebar { order: -1; width: 100%; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px; }
  .khiva-course-art { margin-bottom: 0; padding: 16px; }
  .khiva-course-art img { height: 180px; }
  .khiva-course-purchase { padding: 20px; }
  .khiva-course-main { width: 100%; }
}
@media (max-width: 540px) { .khiva-course-sidebar { display: block; } .khiva-course-art { margin-bottom: 18px; } .khiva-course-tabs { gap: 0; } .khiva-course-tabs button { font-size: 13px; padding-inline: 6px; } }

/* Opt-in sales profile. Legacy AI-900 and DP-900 pages keep their layout. */
.khiva-course-page--profile .khiva-course-hero { padding: 44px 0 48px; }
.khiva-profile-hero-grid { display: grid; grid-template-columns: 290px minmax(0,1fr); gap: 44px; align-items: start; }
.khiva-profile-box { min-width: 0; border: 1px solid #52718e; border-radius: 12px; padding: 24px; background: #1b2949; text-align: center; }
.khiva-profile-box .khiva-course-art { padding: 0; background: transparent; margin: 0 0 20px; }
.khiva-profile-box .khiva-course-art img { height: 228px; max-width: 100%; object-fit: contain; }
.khiva-profile-box .khiva-profile-exam-name { margin: 0 0 4px; color: #fff; text-align: center !important; font-size: 16px; font-weight: 700; line-height: 1.4; }
.khiva-profile-box .khiva-profile-exam-code { color: #b8dcf0; font-size: 13px; text-align: center !important; }
.khiva-profile-box-price { margin-top: 18px; padding-top: 18px; border-top: 1px solid #506080; }
.khiva-profile-box-price > span { font-size: 12px; color: #c3d3e7; }
.khiva-profile-box .khiva-course-price { color: #fff; font-size: 30px; margin: 6px 0 0; }
.khiva-profile-box .khiva-profile-box-note { margin-top: 10px; font-size: 12px; line-height: 1.5; text-align: center !important; color: #c3d3e7; }
.khiva-profile-hero-copy { min-width: 0; }
.khiva-profile-track-links { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.khiva-profile-track-links a { border: 1px solid #50728b; color: #b9f5fa; border-radius: 6px; padding: 7px 10px; font-size: 12px; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
.khiva-profile-track-links a:hover { border-color: #00ecef; background: #243650; }
.khiva-course-page--profile .khiva-course-kicker { font-size: 12px; padding: 6px 10px; }
.khiva-profile-official { display: inline-block; margin: 10px 0 0 10px; color: #b9f5fa; font-size: 12px; }
.khiva-course-page--profile .khiva-course-hero h1 { max-width: 25ch; margin: 18px 0 14px !important; font-size: clamp(28px,2.8vw,40px) !important; line-height: 1.2 !important; font-weight: 600 !important; }
.khiva-course-page--profile .khiva-course-hero .khiva-profile-hero-copy > p { font-size: 16px; line-height: 1.6; }
.khiva-profile-meta { display: grid; grid-template-columns: 1fr 1fr 1.25fr 1.7fr; gap: 16px; margin: 24px 0; }
.khiva-profile-meta div { min-width: 0; }
.khiva-profile-meta dt { color: #b8c9df; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.khiva-profile-meta dd { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.khiva-profile-enroll { max-width: 580px; scroll-margin-top: 135px; }
.khiva-profile-enroll .khiva-course-buy-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
.khiva-profile-enroll .khiva-course-button-outline { background: transparent; border-color: #00dce1; color: #eafcff !important; }
.khiva-profile-enroll .khiva-course-button-outline .khiva-v2-line-icon { filter: none; }
.khiva-course-page--profile .khiva-course-hero .khiva-course-account-links { margin: 14px 0 0; font-size: 12px; }
.khiva-profile-hero-copy .khiva-course-account-links a { color: #b9f5fa; }
.khiva-course-page--profile .khiva-course-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 48px; padding-top: 44px; }
.khiva-course-page--profile .khiva-course-tabs { margin-bottom: 32px; }
.khiva-profile-section { margin-bottom: 38px; }
.khiva-profile-section h2 { font-size: 22px !important; }
.khiva-profile-section p, .khiva-profile-section li { font-size: 15px; line-height: 1.65; }
.khiva-profile-objectives { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 28px; padding-left: 20px; margin: 20px 0 0; }
.khiva-profile-objectives li::marker { color: #006c82; }
.khiva-profile-domains { display: grid; gap: 18px; }
.khiva-profile-domains > div { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(70px,1fr) 68px; gap: 14px; align-items: center; }
.khiva-profile-domains label { font-size: 13px; font-weight: 600; line-height: 1.45; }
.khiva-profile-domains span { font-size: 13px; text-align: right; white-space: nowrap; }
.khiva-profile-domains meter { width: 100%; height: 14px; accent-color: #007f96; }
.khiva-profile-domains meter::-webkit-meter-optimum-value { background: #007f96; }
.khiva-profile-audience { display: grid; gap: 12px; list-style: none; padding: 0 !important; }
.khiva-profile-audience li { border: 1px solid #d1d9e7; border-radius: 7px; padding: 14px 16px; margin: 0; }
.khiva-profile-facts { margin: 0; }
.khiva-profile-facts > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 18px; padding: 13px 0; border-bottom: 1px solid #dce3ef; font-size: 14px; line-height: 1.5; }
.khiva-profile-facts dt { color: #56657d; }
.khiva-profile-facts dd { margin: 0; color: #18234c; font-weight: 600; overflow-wrap: anywhere; }
.khiva-profile-section .khiva-course-access-note { margin: 20px 0 12px; }
.khiva-profile-source { display: inline-block; color: #006b83; text-decoration: underline; padding: 6px 0; font-size: 13px; }
.khiva-course-page--profile .khiva-course-purchase { padding: 22px; }
.khiva-course-page--profile .khiva-course-purchase .khiva-profile-facts > div { grid-template-columns: 1fr; gap: 5px; font-size: 13px; }
.khiva-course-page--profile .khiva-course-purchase .khiva-course-button { margin-top: 20px; font-size: 13px; }
.khiva-profile-track-card { background: #18234c; color: #fff; border: 1px solid #426a83; border-radius: 12px; padding: 22px; margin-top: 20px; }
.khiva-profile-track-card h2 { font-size: 16px !important; line-height: 1.4 !important; color: #00ecef !important; margin: 0 0 14px; overflow-wrap: anywhere; }
.khiva-profile-track-card p { font-size: 13px; line-height: 1.6; color: #e4edfa; }
.khiva-profile-track-card .khiva-profile-path-position { font-size: 12px; color: #b4d6e7; margin-bottom: 18px; }
.khiva-profile-track-card a { display: inline-block; color: #d5fcff; font-size: 13px; line-height: 1.5; text-decoration: underline; padding: 6px 0; }
.khiva-profile-modules { display: grid; gap: 12px; }
.khiva-profile-modules details { border: 1px solid #d1d9e7; border-radius: 8px; overflow: hidden; }
.khiva-profile-modules summary { cursor: pointer; padding: 18px 16px; font-size: 15px; line-height: 1.5; }
.khiva-profile-module-number { font-size: 12px; color: #006b83; margin: 0 12px 0 4px; }
.khiva-profile-module-duration { float: right; margin-left: 16px; color: #5a687d; font-size: 12px; }
.khiva-profile-modules ul { margin: 0; padding: 12px 28px 22px 44px; border-top: 1px solid #e5eaf2; background: #f5f8fc; }
.khiva-profile-modules summary:focus-visible { outline: 3px solid #087795; outline-offset: -3px; }
@media (max-width:1000px) {
  .khiva-profile-hero-grid { grid-template-columns: 250px minmax(0,1fr); gap: 28px; }
  .khiva-profile-meta { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 22px; }
  .khiva-course-page--profile .khiva-course-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 28px; }
  .khiva-profile-objectives { grid-template-columns: 1fr; }
}
@media (min-width:761px) and (max-width:900px) {
  .khiva-course-page--profile .khiva-course-layout { display: flex; flex-direction: column; gap: 32px; }
  .khiva-course-page--profile .khiva-course-main { width: 100%; }
  .khiva-course-page--profile .khiva-course-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 20px; position: static; }
  .khiva-course-page--profile .khiva-course-purchase { grid-row: span 2; }
  .khiva-course-page--profile .khiva-profile-track-card { margin-top: 0; }
}
@media (max-width:760px) {
  .khiva-profile-hero-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .khiva-profile-box { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 6px 18px; align-items: center; padding: 18px; }
  .khiva-profile-box .khiva-course-art { grid-row: 1 / span 4; margin: 0; }
  .khiva-profile-box .khiva-course-art img { height: 180px; }
  .khiva-profile-box-price { margin: 0; padding-top: 12px; }
  .khiva-profile-box .khiva-profile-box-note { margin: 0; }
  .khiva-course-page--profile .khiva-course-hero { padding: 28px 0 36px; }
  .khiva-course-page--profile .khiva-course-layout { display: flex; gap: 28px; padding-top: 28px; }
  .khiva-course-page--profile .khiva-course-sidebar { display: block; order: 0; position: static; }
  .khiva-profile-domains > div { grid-template-columns: minmax(0,1fr) 60px; gap: 8px 16px; }
  .khiva-profile-domains meter { grid-row: 2; grid-column: 1 / -1; }
  .khiva-profile-domains span { grid-column: 2; grid-row: 1; }
  .khiva-profile-facts > div { gap: 14px; }
  .khiva-profile-section { margin-bottom: 32px; }
  .khiva-profile-module-duration { float: none; display: block; margin: 6px 0 0 34px; }
}
@media (max-width:380px) {
  .khiva-profile-box { grid-template-columns: 100px minmax(0,1fr); gap: 6px 12px; padding: 14px; }
  .khiva-profile-box .khiva-course-art img { height: 160px; }
  .khiva-profile-enroll .khiva-course-buy-form { grid-template-columns: 1fr; }
}
