/* =========================================================
   BoG2026 Professional Assessment Examination v4.6.1
   ========================================================= */

.exam-application-panel{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:23px;
  border:1px solid #a8cbd7;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 12%,rgba(239,127,26,.12),transparent 28%),
    linear-gradient(135deg,#eef8fa,#fff);
  box-shadow:0 15px 34px rgba(6,58,102,.075);
}

.exam-application-icon,
.exam-bottom-icon,
.exam-submission-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid #c7dfe7;
  border-radius:17px;
  background:#fff;
  color:var(--navy);
  font-size:1.3rem;
}

.exam-application-copy h2,
.exam-purpose-card h2,
.exam-eligibility-card h2,
.exam-schedule-card h2,
.exam-results-card h2{
  margin:5px 0 7px;
  color:var(--navy);
}

.exam-application-copy p,
.exam-purpose-card p,
.exam-eligibility-card p,
.exam-schedule-card p,
.exam-results-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.exam-application-actions{
  display:flex;
  min-width:240px;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding-left:20px;
  border-left:1px solid #c7dfe7;
}

.exam-application-actions .btn,
.exam-schedule-card .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.exam-application-actions .btn{
  width:100%;
  min-height:50px;
  padding-inline:20px;
  white-space:nowrap;
}

.exam-intro-grid,
.exam-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:17px;
}

.exam-purpose-card,
.exam-eligibility-card,
.exam-schedule-card,
.exam-results-card{
  padding:21px;
  border:1px solid #d8e5eb;
  border-radius:19px;
  background:#fff;
  box-shadow:0 9px 22px rgba(6,58,102,.045);
}

.exam-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  color:var(--teal);
  font-size:.9rem;
  font-weight:800;
  text-decoration:none;
}

.exam-check-list{
  display:grid;
  gap:9px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
}

.exam-check-list li{
  position:relative;
  padding-left:26px;
  color:#526879;
  font-size:.9rem;
  line-height:1.48;
}

.exam-check-list li::before{
  content:"✓";
  position:absolute;
  top:1px;
  left:0;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:6px;
  background:#edf8f3;
  color:#177249;
  font-size:.9rem;
  font-weight:900;
}

.exam-structure,
.exam-competencies,
.exam-application-section{
  margin-top:30px;
}

.exam-part-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.exam-part-card{
  padding:21px;
  border:1px solid #d8e5eb;
  border-radius:19px;
  background:#fff;
  box-shadow:0 9px 22px rgba(6,58,102,.045);
}

.exam-part-card.part-one{
  border-top:4px solid var(--teal);
}

.exam-part-card.part-two{
  border-top:4px solid var(--orange);
}

.exam-part-heading{
  display:flex;
  align-items:center;
  gap:13px;
}

.exam-part-icon,
.exam-document-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:48px;
  height:48px;
  border-radius:14px;
  background:#edf6fa;
  color:var(--navy);
  font-size:1.1rem;
}

.exam-part-heading small,
.exam-document-card small{
  display:block;
  color:var(--orange);
  font-size:.9rem;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.exam-part-heading h3,
.exam-document-card h3,
.exam-submission-grid h3{
  margin:4px 0 0;
  color:var(--navy);
  font-size:.93rem;
}

.exam-fact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:17px 0;
}

.exam-fact-grid > div{
  display:flex;
  min-height:72px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:10px;
  border:1px solid #dce8ed;
  border-radius:13px;
  background:#f7fbfc;
  color:#526879;
  text-align:center;
}

.exam-fact-grid strong{
  color:var(--navy);
  font-size:1.35rem;
  line-height:1;
}

.exam-fact-grid i{
  color:var(--teal);
  font-size:1rem;
}

.exam-fact-grid span{
  font-size:.9rem;
  font-weight:750;
}

.exam-part-card h4{
  margin:0 0 7px;
  color:var(--navy);
  font-size:.9rem;
}

.exam-part-card ul{
  margin:0;
  padding-left:20px;
  color:#5d7182;
  font-size:.9rem;
  line-height:1.55;
}

.exam-part-card > p{
  margin:17px 0 0;
  color:#5d7182;
  font-size:.9rem;
  line-height:1.52;
}

.exam-gateway-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:17px;
  padding:12px 14px;
  border-radius:13px;
  background:#fff5e9;
  color:#7f470f;
  font-size:.9rem;
  font-weight:800;
}

.exam-competency-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.exam-competency-grid article{
  padding:17px;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
}

.exam-competency-grid article > i{
  color:var(--teal);
  font-size:1.05rem;
}

.exam-competency-grid h3{
  margin:11px 0 6px;
  color:var(--navy);
  font-size:.9rem;
  line-height:1.35;
}

.exam-competency-grid p{
  margin:0;
  color:#607385;
  font-size:.9rem;
  line-height:1.48;
}

.exam-professional-note{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-top:15px;
  padding:14px 16px;
  border-left:4px solid var(--teal);
  border-radius:0 14px 14px 0;
  background:#eef8fa;
}

.exam-professional-note > i{
  margin-top:2px;
  color:var(--teal);
}

.exam-professional-note strong{
  color:var(--navy);
  font-size:.9rem;
}

.exam-professional-note p{
  margin:4px 0 0;
  color:#526879;
  font-size:.9rem;
  line-height:1.48;
}

.exam-application-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.exam-document-card{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:114px;
  padding:16px;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
}

.exam-document-card p{
  margin:5px 0 0;
  color:#687b8b;
  font-size:.9rem;
  line-height:1.42;
}

.exam-submission-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:13px;
}

.exam-submission-grid article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:17px;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
}

.exam-submission-grid p{
  margin:7px 0 0;
  color:#607385;
  font-size:.9rem;
  line-height:1.5;
}

.exam-submission-grid a:not(.btn){
  color:var(--teal);
  font-weight:800;
  text-decoration:none;
}

.exam-payment-details{
  margin-top:13px;
  overflow:hidden;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
}

.exam-payment-details summary{
  display:flex;
  min-height:52px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  color:var(--navy);
  font-size:.9rem;
  font-weight:850;
  list-style:none;
  cursor:pointer;
}

.exam-payment-details summary::-webkit-details-marker{
  display:none;
}

.exam-payment-details summary span{
  display:flex;
  align-items:center;
  gap:9px;
}

.exam-payment-details > div{
  padding:0 16px 16px;
  border-top:1px solid #e5edf1;
}

.exam-payment-details p{
  margin:14px 0;
  color:#5e7283;
  font-size:.9rem;
  line-height:1.5;
}

.exam-payment-details dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
}

.exam-payment-details dl > div{
  padding:12px;
  border-radius:12px;
  background:#f7fbfc;
}

.exam-payment-details dt{
  color:#687b8b;
  font-size:.9rem;
  font-weight:800;
  text-transform:uppercase;
}

.exam-payment-details dd{
  margin:5px 0 0;
  color:var(--navy);
  font-size:.9rem;
  font-weight:800;
}

.exam-schedule-card,
.exam-results-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:start;
  gap:15px;
}

.exam-schedule-card .btn{
  margin-top:14px;
}

.exam-related-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:17px;
}

.exam-related-links a{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  padding:15px;
  border:1px solid #d8e5eb;
  border-radius:15px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}

.exam-related-links a > i:first-child{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#edf6fa;
  color:var(--navy);
}

.exam-related-links strong{
  display:block;
  color:var(--navy);
  font-size:.9rem;
}

.exam-related-links small{
  display:block;
  margin-top:4px;
  color:#687b8b;
  font-size:.9rem;
  line-height:1.4;
}

.exam-related-links a > i:last-child{
  color:var(--orange);
}

.exam-application-panel .fi,
.exam-part-card .fi,
.exam-competency-grid .fi,
.exam-document-card .fi,
.exam-submission-grid .fi,
.exam-bottom-grid .fi,
.exam-related-links .fi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

@media(max-width:1050px){
  .exam-competency-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .exam-application-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:900px){
  .exam-application-panel{
    grid-template-columns:58px minmax(0,1fr);
  }

 .exam-application-actions{
    grid-column:1/-1;
    min-width:0;
    flex-direction:row;
    padding-top:16px;
    padding-left:0;
    border-top:1px solid #c7dfe7;
    border-left:0;
  }

  .exam-competency-grid,
  .exam-related-links{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .exam-application-panel{
    grid-template-columns:1fr;
    padding:18px;
  }

 .exam-application-actions{
    grid-column:auto;
    flex-direction:column;
  }

  .exam-application-actions .btn{
    width:100%;
  }

  .exam-intro-grid,
  .exam-part-grid,
  .exam-bottom-grid,
  .exam-submission-grid,
  .exam-related-links,
  .exam-competency-grid,
  .exam-application-grid{
    grid-template-columns:1fr;
  }

  .exam-payment-details dl{
    grid-template-columns:1fr;
  }

  .exam-schedule-card,
  .exam-results-card{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   BoG2026 Examination Card Border Hotfix v4.7.1
   ========================================================= */

.exam-part-card{
  position:relative;
  overflow:hidden;
  border:1px solid #d8e5eb!important;
  border-radius:19px;
  background:#fff;
}

/* Use an internal strip rather than replacing the card's top border.
   This keeps all four sides of the card visibly connected. */
.exam-part-card.part-one,
.exam-part-card.part-two{
  border-top:1px solid #d8e5eb!important;
}

.exam-part-card.part-one::before,
.exam-part-card.part-two::before{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  left:0;
  height:4px;
  pointer-events:none;
}

.exam-part-card.part-one::before{
  background:var(--teal);
}

.exam-part-card.part-two::before{
  background:var(--orange);
}

.exam-part-card > *{
  position:relative;
  z-index:2;
}