/* GSCC premium - About the Scheme (Views/Home/AboutUs.cshtml) */
.gpa-highlights { display: grid; gap: var(--gp-s4); grid-template-columns: repeat(2, 1fr); margin-bottom: var(--gp-s6); }
@media (min-width: 992px) { .gpa-highlights { grid-template-columns: repeat(4, 1fr); } }
.gpa-hl { display: flex; flex-direction: column; gap: var(--gp-s1); height: 100%; }
.gpa-hl .gp-card-icon { margin-bottom: var(--gp-s2); }
.gpa-hl__value { margin: 0; font-family: var(--gp-font-head); font-size: 1.125rem; font-weight: 800; color: var(--gp-ink); line-height: 1.25; }
.gpa-hl__note { margin: 0; font-size: 0.8125rem; color: var(--gp-muted); }

/* tabs */
.gpa-tabs {
  display: flex; gap: var(--gp-s2); margin: 0 0 var(--gp-s5); padding: var(--gp-s1) var(--gp-s1) var(--gp-s2);
  overflow-x: auto; scrollbar-width: thin;
}
.gpa-tab {
  flex: none; display: inline-flex; align-items: center; gap: var(--gp-s2);
  min-height: 2.75rem; padding: 0.5rem 1rem;
  background: #fff; color: var(--gp-ink-2); border: 1px solid var(--gp-line-strong); border-radius: var(--gp-radius-pill);
  font: inherit; font-size: 0.875rem; font-weight: 700; white-space: nowrap; cursor: pointer;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}
.gpa-tab:hover { background: var(--gp-primary-tint); border-color: var(--gp-primary-2); color: var(--gp-primary); }
.gpa-tab.active, .gpa-tab[aria-selected="true"] { background: var(--gp-primary); border-color: var(--gp-primary); color: #fff; }
.gpa-tab:focus-visible { outline: 3px solid var(--gp-accent); outline-offset: 2px; }
@media (min-width: 992px) { .gpa-tabs { flex-wrap: wrap; overflow: visible; } }

/* panels */
.gpa-panel { background: var(--gp-card); border: 1px solid var(--gp-line); border-top: 4px solid var(--gp-primary-2); border-radius: var(--gp-radius); box-shadow: var(--gp-shadow); padding: var(--gp-s5); }
.gpa-panel--accent { border-top-color: var(--gp-accent); }
@media (min-width: 768px) { .gpa-panel { padding: var(--gp-s6); } }
.gpa-panel:focus-visible { outline: 3px solid var(--gp-accent); outline-offset: 2px; }
.gpa-title { display: flex; align-items: center; gap: var(--gp-s3); margin: 0 0 var(--gp-s4); font-family: var(--gp-font-head); font-size: 1.375rem; font-weight: 800; color: var(--gp-ink); }
.gpa-title i { color: var(--gp-primary-2); }
.gpa-panel--accent .gpa-title i { color: var(--gp-secondary); }
.gpa-lead { margin: 0 0 var(--gp-s4); color: var(--gp-muted); font-size: 0.9375rem; }
.gpa-text { margin: 0 0 var(--gp-s4); font-size: 1rem; line-height: 1.75; color: var(--gp-ink-2); }
.gpa-text:last-child { margin-bottom: 0; }
.gpa-text strong { color: var(--gp-ink); }
.gpa-link { color: var(--gp-tertiary); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.gpa-link:hover { color: var(--gp-primary); }

.gpa-split { display: grid; gap: var(--gp-s5); align-items: start; }
@media (min-width: 992px) { .gpa-split { grid-template-columns: 5fr 7fr; gap: var(--gp-s6); } .gpa-split--even { grid-template-columns: 1fr 1fr; } .gpa-split--docs { grid-template-columns: 5fr 7fr; } }
.gpa-figure { margin: 0; }
.gpa-figure img { display: block; width: 100%; max-height: 22rem; object-fit: cover; border-radius: var(--gp-radius); box-shadow: var(--gp-shadow); }

/* eligibility rules */
.gpa-rules { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gp-s3); }
@media (min-width: 768px) { .gpa-rules { grid-template-columns: 1fr 1fr; } .gpa-rule--wide { grid-column: 1 / -1; } }
.gpa-rule { display: flex; gap: var(--gp-s4); padding: var(--gp-s4); background: var(--gp-surface); border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); }
.gpa-num {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; border-radius: 50%; background: var(--gp-primary); color: #fff;
  font-family: var(--gp-font-head); font-weight: 800; font-size: 0.875rem;
}
.gpa-rule h3 { margin: 0 0 var(--gp-s1); font-size: 1rem; font-weight: 800; color: var(--gp-ink); }
.gpa-rule p { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: var(--gp-ink-2); }
.gpa-or { color: var(--gp-secondary); font-weight: 800; }

/* loan & interest */
.gpa-limit { display: flex; flex-direction: column; justify-content: space-between; gap: var(--gp-s4); height: 100%; padding: var(--gp-s5); background: linear-gradient(145deg, var(--gp-primary), var(--gp-primary-2)); color: #fff; border-radius: var(--gp-radius); }
.gpa-limit .gp-badge { align-self: flex-start; }
.gpa-limit__value { margin: var(--gp-s2) 0; font-family: var(--gp-font-head); font-size: clamp(1.75rem, 5vw, 2.5rem); font-weight: 800; color: #fff; }
.gpa-limit p { margin: 0; color: #e1f5ec; font-size: 0.9375rem; line-height: 1.6; }
.gpa-facts { display: grid; gap: var(--gp-s3); margin: 0; padding: 0; list-style: none; }
.gpa-fact { padding: var(--gp-s4); background: var(--gp-surface); border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); }
.gpa-fact--key { background: var(--gp-primary-tint); border-color: #b9ddcd; }
.gpa-fact h3 { display: flex; align-items: center; gap: var(--gp-s2); margin: 0 0 var(--gp-s1); font-size: 0.9375rem; font-weight: 800; color: var(--gp-ink); }
.gpa-fact h3 i { color: var(--gp-primary-2); }
.gpa-fact p { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: var(--gp-ink-2); }

/* documents */
.gpa-doc-box { height: 100%; padding: var(--gp-s4); background: var(--gp-surface); border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); }
.gpa-doc-box h3 { display: flex; align-items: center; gap: var(--gp-s2); margin: 0 0 var(--gp-s3); font-size: 1rem; font-weight: 800; color: var(--gp-primary); }
.gpa-check { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gp-s3); }
.gpa-check li { display: flex; gap: var(--gp-s3); font-size: 0.9375rem; line-height: 1.55; color: var(--gp-ink-2); }
.gpa-check li > i { flex: none; margin-top: 0.2rem; color: var(--gp-success); }
.gpa-uploads { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gp-s2); }
@media (min-width: 640px) { .gpa-uploads { grid-template-columns: 1fr 1fr; } }
.gpa-uploads li { display: flex; gap: var(--gp-s3); align-items: flex-start; padding: var(--gp-s3); background: #fff; border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); font-size: 0.875rem; line-height: 1.45; color: var(--gp-ink-2); }
.gpa-uploads li > i { flex: none; margin-top: 0.1rem; color: var(--gp-primary-2); font-size: 1.125rem; }

/* roadmap */
.gpa-roadmap { list-style: none; margin: 0 0 var(--gp-s5); padding: 0; display: grid; gap: var(--gp-s4); counter-reset: none; }
.gpa-roadmap li { position: relative; display: flex; gap: var(--gp-s4); padding-bottom: var(--gp-s4); }
.gpa-roadmap li:not(:last-child)::before { content: ""; position: absolute; left: 1.0625rem; top: 2.25rem; bottom: -0.25rem; width: 2px; background: var(--gp-line-strong); }
.gpa-roadmap__num { flex: none; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--gp-primary); color: #fff; font-family: var(--gp-font-head); font-weight: 800; }
.gpa-roadmap__who { margin: 0 0 0.125rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gp-secondary); }
.gpa-roadmap h4 { margin: 0 0 var(--gp-s1); font-size: 1.0625rem; font-weight: 800; color: var(--gp-ink); }
.gpa-roadmap p:not(.gpa-roadmap__who) { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: var(--gp-ink-2); }
.gpa-help { display: flex; gap: var(--gp-s3); align-items: center; padding: var(--gp-s3) var(--gp-s4); background: var(--gp-accent-tint); border-left: 4px solid var(--gp-accent); border-radius: var(--gp-radius-sm); }
.gpa-help i { color: var(--gp-secondary); }
.gpa-help p { margin: 0; font-size: 0.9375rem; color: var(--gp-ink-2); }

/* institutions */
.gpa-panel__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--gp-s3); margin-bottom: var(--gp-s3); }
.gpa-panel__top .gpa-title { margin: 0; }
.gpa-criteria { list-style: none; margin: 0 0 var(--gp-s5); padding: 0; display: grid; gap: var(--gp-s2); }
@media (min-width: 768px) { .gpa-criteria { grid-template-columns: 1fr 1fr; } }
.gpa-criteria li { display: flex; gap: var(--gp-s3); padding: var(--gp-s3); background: var(--gp-surface); border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); font-size: 0.9375rem; color: var(--gp-ink-2); }
.gpa-criteria li > i { flex: none; margin-top: 0.15rem; color: var(--gp-success); }
.gpa-callout { margin: 0; padding: var(--gp-s4); background: var(--gp-primary-tint); border: 1px solid #b9ddcd; border-radius: var(--gp-radius-sm); font-size: 0.9375rem; line-height: 1.6; color: var(--gp-ink-2); overflow-wrap: anywhere; }

/* documents list */
.gpa-docs { display: grid; gap: var(--gp-s3); }
.gpa-doc { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gp-s4); padding: var(--gp-s4); background: var(--gp-surface); border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); }
.gpa-doc__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: var(--gp-radius-sm); background: var(--gp-danger-tint); color: var(--gp-danger); font-size: 1.375rem; }
.gpa-doc__copy { flex: 1 1 14rem; min-width: 0; }
.gpa-doc__copy h4 { margin: 0; font-size: 1rem; font-weight: 800; color: var(--gp-ink); overflow-wrap: anywhere; }
.gpa-doc__copy p { margin: var(--gp-s1) 0 0; font-size: 0.875rem; color: var(--gp-muted); }

@media (prefers-reduced-motion: reduce) {
  .gpa-tab { transition: none; }
  .tab-pane.fade { transition: none !important; }
}
.tab-pane:focus-visible { outline: 3px solid var(--gp-accent); outline-offset: 2px; border-radius: var(--gp-radius); }
