/* ClearDirection core-course GPA planning panel */
.cd-gpa-panel{margin-block:20px}
.cd-gpa-panel .eyebrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cd-gpa-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.cd-gpa-stat-grid>div{background:#f1f5f1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:5px}
.cd-gpa-stat-grid span{font-size:.85rem;color:#425b4c}
.cd-gpa-stat-grid strong{color:#244B42;font-size:2rem;font-variant-numeric:tabular-nums}
.cd-gpa-track{height:14px;width:100%;overflow:hidden;background:#e5ece7;border-radius:100px}
.cd-gpa-track>span{display:block;height:100%;background:#244B42;border-radius:100px}
.cd-gpa-context{margin-top:11px}
.cd-gpa-alert{background:#f8f1e5;border-left:3px solid #bc9252;padding:10px 13px;border-radius:5px;color:#4c3e25}
@media(max-width:600px){.cd-gpa-stat-grid{grid-template-columns:1fr}}

/* Three visually distinct preliminary GPA comparison states */
.cd-gpa-panel .cd-gpa-heading-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 12px}
.cd-gpa-heading-line h2{margin:0}
.cd-gpa-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 11px;font-size:.84rem;font-weight:750;border:1px solid transparent;white-space:normal}
.cd-gpa-panel--below .cd-gpa-status{background:#F9EAE6;color:#823D34;border-color:#E6B4A8}
.cd-gpa-panel--close .cd-gpa-status{background:#FCF2DF;color:#725219;border-color:#E7CA87}
.cd-gpa-panel--meets .cd-gpa-status{background:#E9F2EC;color:#244B42;border-color:#BDD4C4}
.cd-gpa-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cd-gpa-panel .cd-gpa-stat-current{background:#F1F5F1}
.cd-gpa-panel--below .cd-gpa-stat-current{background:#F9EBE7}
.cd-gpa-panel--below .cd-gpa-stat-current strong,.cd-gpa-panel--below .cd-gpa-stat-gap strong{color:#A14B40}
.cd-gpa-panel--close .cd-gpa-stat-current{background:#FAF1DF}
.cd-gpa-panel--close .cd-gpa-stat-current strong{color:#88661F}
.cd-gpa-panel .cd-gpa-track{height:14px;overflow:hidden;border-radius:999px;background:#E5ECE7;margin:4px 0}
.cd-gpa-panel .cd-gpa-track svg{width:100%;height:100%;display:block}
.cd-gpa-panel .cd-gpa-message{padding:13px 16px;border-left:4px solid #244B42;border-radius:8px;background:#EFF4F0;margin:14px 0 18px;color:#26372D}
.cd-gpa-panel .cd-gpa-message strong{display:block;line-height:1.5}
.cd-gpa-panel .cd-gpa-message p{margin:5px 0 0;line-height:1.55}
.cd-gpa-panel--below .cd-gpa-message{background:#FBEEEA;border-color:#B65E4F;color:#73392F}
.cd-gpa-panel--close .cd-gpa-message{background:#FBF3E3;border-color:#B28B3E;color:#69511F}
.cd-gpa-panel--meets .cd-gpa-message{background:#EDF4EF;border-color:#244B42;color:#244B42}
@media(max-width:850px){.cd-gpa-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cd-gpa-stat-grid{grid-template-columns:1fr}}

/* Separate the Family Plan pill from the GPA comparison status pill. */
.cd-gpa-panel > .eyebrow {
  margin-bottom: 18px !important;
  column-gap: 12px;
  row-gap: 8px;
}
.cd-gpa-panel .cd-gpa-heading-line {
  column-gap: 22px;
  row-gap: 12px;
  margin-bottom: 16px;
}
.cd-gpa-panel .cd-gpa-heading-line .cd-gpa-status {
  margin-left: 4px;
}
@media (max-width: 600px) {
  .cd-gpa-panel > .eyebrow { margin-bottom: 14px !important; }
  .cd-gpa-panel .cd-gpa-heading-line {column-gap: 14px;}
  .cd-gpa-panel .cd-gpa-heading-line .cd-gpa-status {margin-left: 0;}
}