/* School purchase overview 2026-11-10 */
/* Only the added purchase overview; GetCourse navigation and payment forms are untouched. */
#bfp-courses{--bfp-ink:#17235e;--bfp-muted:#656b83;--bfp-gold:#b98425;color:var(--bfp-ink);font:16px/1.55 Arial,sans-serif;background:#f8f5ef;border:1px solid #e7e1d7;border-radius:24px;padding:30px;margin:24px 0;max-width:1120px}
#bfp-courses *{box-sizing:border-box}#bfp-courses .bfp-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--bfp-gold);margin:0 0 10px}#bfp-courses h2{font-size:32px;line-height:1.15;font-weight:700;margin:0 0 12px;color:var(--bfp-ink)}#bfp-courses h3{font-size:22px;line-height:1.3;font-weight:700;margin:0 0 20px;color:var(--bfp-ink)}#bfp-courses h2,#bfp-courses h3{word-break:normal;overflow-wrap:normal;hyphens:none}#bfp-courses .bfp-intro{max-width:720px;color:var(--bfp-muted);margin:0 0 26px}#bfp-courses .bfp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#bfp-courses .bfp-card{border:1px solid #e6e0d6;border-radius:18px;background:#fff;padding:24px;min-width:0}#bfp-courses .bfp-record+.bfp-record{border-top:1px solid #ece7df;padding-top:20px;margin-top:20px}#bfp-courses .bfp-record-title{font-size:13px;color:var(--bfp-muted);margin:0 0 12px}#bfp-courses .bfp-status{display:inline-block;border-radius:30px;padding:4px 11px;font-size:12px;font-weight:700;background:#eef0f5;color:#656b83;margin-bottom:14px}#bfp-courses .bfp-status--active{background:#eaf2e8;color:#3c6549}#bfp-courses .bfp-status--ended{background:#f3ece8;color:#8b6552}#bfp-courses .bfp-period{font-size:18px;line-height:1.45;font-weight:700;margin:0 0 3px}#bfp-courses .bfp-remaining{font-size:14px;color:var(--bfp-muted);margin:0 0 20px}#bfp-courses .bfp-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}#bfp-courses .bfp-button{display:inline-flex;align-items:center;justify-content:center;background:#17235e;color:#fff!important;text-decoration:none;border-radius:28px;padding:12px 20px;font-size:14px;font-weight:700;min-height:44px}#bfp-courses .bfp-button:hover{background:#293b80}#bfp-courses .bfp-link{color:#17235e;text-decoration:underline;font-size:13px}#bfp-courses a:focus-visible,.bfp-history summary:focus-visible{outline:3px solid #b98425;outline-offset:4px}#bfp-courses .bfp-notice{border-radius:12px;padding:16px;background:#fff;line-height:1.6}.bfp-history{max-width:1120px;margin:20px 0 40px}.bfp-history>summary{cursor:pointer;font:600 16px/1.5 Arial,sans-serif;color:#17235e;padding:16px 0;min-height:48px}.bfp-history[open]>summary{border-bottom:1px solid #e6e0d6;margin-bottom:20px}.bfp-history table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:767px){#bfp-courses{padding:20px 16px;margin:18px 0;border-radius:18px}#bfp-courses h2{font-size:27px}#bfp-courses .bfp-grid{grid-template-columns:1fr;gap:14px}#bfp-courses .bfp-card{padding:20px 16px}#bfp-courses h3{font-size:22px}#bfp-courses .bfp-intro{font-size:14px}#bfp-courses .bfp-period{font-size:17px}}
/* Compact course list: the date and action stay beside the course on desktop. */
#bfp-courses{padding:22px 24px}#bfp-courses h2{font-size:27px;margin-bottom:8px}#bfp-courses .bfp-intro{font-size:14px;margin-bottom:18px}#bfp-courses .bfp-grid{grid-template-columns:1fr;gap:10px}#bfp-courses .bfp-card{padding:15px 18px;border-radius:14px}#bfp-courses h3{font-size:18px;margin:0 0 10px}#bfp-courses .bfp-record{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;column-gap:20px;row-gap:4px;align-items:start}#bfp-courses .bfp-record-title{grid-column:1;grid-row:1;margin:0;font-size:12px}#bfp-courses .bfp-status{grid-column:1;grid-row:2;justify-self:start;margin:0;padding:2px 8px;font-size:11px}#bfp-courses .bfp-period{grid-column:2;grid-row:1;margin:0;font-size:15px}#bfp-courses .bfp-remaining{grid-column:2;grid-row:2;margin:0;font-size:13px}#bfp-courses .bfp-actions{grid-column:3;grid-row:1/span 2;margin:0;gap:6px;flex-direction:column;align-items:flex-start}#bfp-courses .bfp-button{min-height:38px;padding:8px 15px;font-size:13px}#bfp-courses .bfp-link{font-size:12px}#bfp-courses .bfp-record+.bfp-record{padding-top:12px;margin-top:12px}
@media(max-width:767px){#bfp-courses{padding:18px 14px}#bfp-courses h2{font-size:25px}#bfp-courses .bfp-card{padding:14px}#bfp-courses .bfp-record{grid-template-columns:1fr;gap:6px}#bfp-courses .bfp-record-title,#bfp-courses .bfp-status,#bfp-courses .bfp-period,#bfp-courses .bfp-remaining,#bfp-courses .bfp-actions{grid-column:1;grid-row:auto}#bfp-courses .bfp-actions{flex-direction:row;align-items:center;gap:12px;margin-top:4px}#bfp-courses .bfp-period{font-size:15px}}

/* Separate ended and available purchases without mixing statuses within a course card. */
#bfp-courses .bfp-access-group+.bfp-access-group{margin-top:24px}
#bfp-courses .bfp-group-heading{font-size:19px;margin:0 0 12px}
#bfp-courses .bfp-card h4{font:700 18px/1.3 Arial,sans-serif;color:var(--bfp-ink);margin:0 0 10px;word-break:normal;overflow-wrap:normal;hyphens:none}
#bfp-courses .bfp-card--ended{background:#fff0f3;border-color:#edcdd5}
#bfp-courses .bfp-card--active{background:#edf7ef;border-color:#c9e1cf}
#bfp-courses .bfp-access-group--ended .bfp-group-heading{color:#8b3f57}
#bfp-courses .bfp-access-group--active .bfp-group-heading{color:#356047}
#bfp-courses .bfp-card--ended .bfp-status{background:#f8dce4;color:#81394f}
#bfp-courses .bfp-card--active .bfp-status{background:#d6ecdc;color:#315b40}