/* Page-specific adjustments; the visual components use guidelines.css. */
.foreign-reference-design #guidelines .gl-department-summary { justify-content: space-between; }
.foreign-reference-design #guidelines.foreign-guidelines .gl-departments th:first-child { width: 56%; }
.foreign-reference-design #guidelines.foreign-guidelines .gl-departments th:nth-child(2) { width: 18%; }
.foreign-reference-design #guidelines.foreign-guidelines .gl-departments th,
.foreign-reference-design #guidelines.foreign-guidelines .gl-departments td { padding: 9px 20px; }

.foreign-reference-design #guidelines .tuition-tabs { color: var(--gl-ink); }
.foreign-reference-design .tuition-tabs__list { border-color: #ddd3e9; }
.foreign-reference-design .tuition-tabs__tab { color: #443963; background: #eeeaf4; font-size: 16px; }
.foreign-reference-design .tuition-tabs__tab[aria-selected="true"] { color: #fff; background: #443963; }
.foreign-reference-design #guidelines .tuition-tabs__panel { margin-top: 24px; }
.foreign-reference-design #guidelines .gl-fee-card { --gl-fee-tint: #f7f5fa; }
.foreign-reference-design #guidelines #tuition-panel-3 .gl-fee-card { --gl-fee-tint: #f7f5fa; }
.foreign-reference-design #guidelines .gl-fee-card .tuition-tabs__heading {
    margin: 0;
    padding: 14px 24px 0;
    border: 0;
    color: #443963;
    font-size: 20px;
}
.foreign-reference-design #guidelines .gl-fee-total strong { font: inherit; }

/* Color overrides are confined to this page's admissions content. */
.foreign-reference-design .guidelines-page.bg_guidelines { background-color: transparent; }
.foreign-reference-design #guidelines.guidelines-content {
    --gl-ink: #142d4e;
    --gl-line: #ddd3e9;
    color: #142d4e;
    background-color: #ffffff;
}
.foreign-reference-design #guidelines .gl-heading,
.foreign-reference-design #guidelines h3 { color: #443963; }
.foreign-reference-design #guidelines .gl-number { background-color: #443963; color: #ffffff; }
.foreign-reference-design #guidelines .gl-note { background-color: #f7f5fa; border-color: #ddd3e9; }
.foreign-reference-design #guidelines .gl-ao {
    --gl-tint: #eee5f8;
    --gl-stripe: #9870bf;
    --gl-accent: #9870bf;
    --gl-card-ink: #59377d;
}
.foreign-reference-design #guidelines .gl-recommend {
    --gl-tint: #e1f3eb;
    --gl-stripe: #55a58a;
    --gl-accent: #55a58a;
    --gl-card-ink: #236653;
}
.foreign-reference-design #guidelines .gl-general {
    --gl-tint: #fff0df;
    --gl-stripe: #d39a55;
    --gl-accent: #d39a55;
    --gl-card-ink: #80501e;
}
.foreign-reference-design #guidelines .gl-period .gl-exam-card { background: var(--gl-tint); }
.foreign-reference-design #guidelines .gl-period .gl-exam-card h3 { color: var(--gl-card-ink); }
.foreign-reference-design #guidelines .gl-period .gl-date { color: #142d4e; }
.foreign-reference-design #guidelines.foreign-guidelines table,
.foreign-reference-design #guidelines.foreign-guidelines table th,
.foreign-reference-design #guidelines.foreign-guidelines table td { border-color: #ddd3e9; }
.foreign-reference-design #guidelines.foreign-guidelines table th,
.foreign-reference-design #guidelines.foreign-guidelines .gl-departments tr:first-child { background-color: #eeeaf4; color: #443963; }
.foreign-reference-design #guidelines.foreign-guidelines table td { background-color: #ffffff; color: #142d4e; }
.foreign-reference-design #guidelines.foreign-guidelines table tr:nth-child(odd) td { background-color: #fcfafe; }
.foreign-reference-design #guidelines .gl-badge { background-color: #ddf1e8; color: #236653; }
.foreign-reference-design #guidelines .gl-badge-advanced { background-color: #e8dbf5; color: #59377d; }

.foreign-reference-design #guidelines .foreign-payment-notes { container-type: inline-size; }
.foreign-reference-design #guidelines .foreign-payment-notes > li {
    container-type: inline-size;
    padding-left: 3em;
}
.foreign-reference-design #guidelines .foreign-payment-notes > li::before {
    width: 2.6em;
    white-space: nowrap;
    text-align: left;
}
.foreign-reference-design #guidelines .foreign-payment-line {
    display: block;
    margin-top: 0;
    text-wrap: pretty;
}
.foreign-reference-design #guidelines .foreign-payment-line:first-child { margin-top: 0; }
.foreign-reference-design #guidelines .foreign-payment-deadline {
    white-space: nowrap;
    text-wrap: nowrap;
}

@media (max-width: 800px) {
    .foreign-reference-design #guidelines .foreign-payment-notes > li {
        padding-left: 3em;
        margin-bottom: 16px;
    }
    .foreign-reference-design #guidelines .foreign-payment-deadline {
        font-size: min(14px, 4.3cqw);
        line-height: 1.9;
    }
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments th,
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments td { padding: 12px 4px; }
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments th:first-child { width: auto; }
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments th:nth-child(2) { width: 64px; padding-inline: 1px; }
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments th:last-child { width: 96px; }
    .foreign-reference-design #guidelines.foreign-guidelines .gl-departments td:first-child { padding-inline: 6px; }
    .foreign-reference-design .tuition-tabs__tab { font-size: 14px; }
    .foreign-reference-design .tuition-tabs__tab span { white-space: normal; }
    .foreign-reference-design #guidelines .gl-fee-card .tuition-tabs__heading { padding: 12px 12px 0; font-size: 16px; }
}