body.shiloah-page {
    --shiloah-purple:#6f3f98;
    --shiloah-purple-dark:#4f286f;
    --shiloah-purple-soft:#f2ebf8;
    --shiloah-border:#dfd3ea;
}

.shiloah-page .shiloah-content {
    width:min(1180px,calc(100% - 64px));
    margin:0 auto;
    padding:30px 0 72px;
    color:#202b3c;
}

.shiloah-page .shiloah-member-breadcrumb {
    display:flex;
    width:100%;
    max-width:100%;
    min-width:0;
    height:30px;
    align-items:center;
    margin-bottom:24px;
    box-sizing:border-box;
    color:#202124;
    font-size:16px;
    line-height:30px;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}

.shiloah-page .shiloah-member-breadcrumb > * {
    flex:0 0 auto;
}

.shiloah-page .shiloah-member-breadcrumb a {
    color:var(--shiloah-purple-dark);
    text-decoration:none;
    font-weight:700;
}

.shiloah-page .shiloah-member-breadcrumb a:hover {
    text-decoration:underline;
}

.shiloah-page .shiloah-member-breadcrumb a:focus-visible {
    outline:2px solid var(--shiloah-purple);
    outline-offset:3px;
}

.shiloah-page .shiloah-member-breadcrumb > span[aria-hidden="true"] {
    display:inline-flex;
    flex:0 0 15px;
    justify-content:center;
}

.shiloah-page .shiloah-member-breadcrumb [aria-current="page"] {
    font-weight:800;
}

.shiloah-page .shiloah-hero {
    display:flex;
    min-height:236px;
    align-items:center;
    justify-content:center;
    gap:32px;
    padding:42px 48px;
    border:1px solid var(--shiloah-border);
    border-radius:0;
    background:linear-gradient(135deg,#f9f6fc 0%,#f1e9f8 100%);
}

.shiloah-page .shiloah-logo {
    display:block;
    width:118px;
    height:118px;
    flex:0 0 118px;
    object-fit:contain;
}

.shiloah-page .shiloah-hero-copy {
    display:flex;
    min-height:118px;
    flex-direction:column;
    justify-content:center;
}

.shiloah-page .shiloah-eyebrow {
    margin:0 0 9px;
    color:var(--shiloah-purple);
    font-size:15px;
    font-weight:800;
    letter-spacing:.14em;
}

.shiloah-page .shiloah-hero h1,
.shiloah-page .shiloah-section-heading h2,
.shiloah-page .shiloah-value-card h3,
.shiloah-page .shiloah-stage-card h3 {
    margin:0;
    color:#202b3c;
}

.shiloah-page .shiloah-hero h1 {
    color:var(--shiloah-purple-dark);
    font-size:36px;
    letter-spacing:.22em;
}

.shiloah-page .shiloah-hero-copy>p:last-child {
    margin:10px 0 0;
    color:var(--shiloah-purple);
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
}

.shiloah-page .shiloah-values,
.shiloah-page .shiloah-stages {
    margin-top:56px;
}

.shiloah-page .shiloah-section-heading {
    margin-bottom:22px;
}

.shiloah-page .shiloah-section-heading h2 {
    font-size:28px;
}

.shiloah-page .shiloah-value-grid,
.shiloah-page .shiloah-stage-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.shiloah-page .shiloah-value-card,
.shiloah-page .shiloah-stage-card {
    display:flex;
    min-height:192px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px 26px;
    border:1px solid var(--shiloah-border);
    border-radius:18px;
    background:#fff;
    text-align:center;
}

.shiloah-page .shiloah-stage-link,
.shiloah-page .shiloah-stage-link:hover,
.shiloah-page .shiloah-stage-link:focus-visible {
    color:inherit;
    text-decoration:none;
}

.shiloah-page .shiloah-value-card>i,
.shiloah-page .shiloah-stage-card>i {
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border-radius:14px;
    background:var(--shiloah-purple-soft);
    color:var(--shiloah-purple);
    font-size:21px;
}

.shiloah-page .shiloah-value-card h3,
.shiloah-page .shiloah-stage-card h3 {
    margin-top:22px;
    font-size:20px;
}

.shiloah-page .shiloah-value-card p,
.shiloah-page .shiloah-stage-card p {
    margin:9px 0 0;
    color:#68758a;
    font-size:16px;
    line-height:1.75;
}

.shiloah-page .shiloah-value-line {
    display:block;
    white-space:nowrap;
    text-align:center;
}

.shiloah-page .shiloah-stage-card p {
    color:var(--shiloah-purple);
    font-weight:700;
    letter-spacing:.03em;
}

.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="enlightenment"] { color:#2e8b57; }
.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="grammar"] { color:#c86412; }
.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="logic"] { color:#7e57c2; }
.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="rhetoric"] { color:#d64545; }
.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="university"] { color:#2874a6; }
.shiloah-page .degree-education-panel-modules button[data-shiloah-education-section="theology"] { color:#008795; }

body.shiloah-page.io-black-mode .degree-main-content { background:#1f2327; }
body.shiloah-page.io-black-mode .shiloah-content { color:#edf3fb; }
body.shiloah-page.io-black-mode .shiloah-member-breadcrumb { color:#fff; }
body.shiloah-page.io-black-mode .shiloah-member-breadcrumb a { color:#d2aefa; }
body.shiloah-page.io-black-mode .shiloah-hero { border-color:#59416d; background:linear-gradient(135deg,#2b2433 0%,#33283e 100%); }
body.shiloah-page.io-black-mode .shiloah-hero h1 { color:#d6b9f0; }
body.shiloah-page.io-black-mode .shiloah-hero-copy>p:last-child { color:#bf9cde; }
body.shiloah-page.io-black-mode .shiloah-value-card,
body.shiloah-page.io-black-mode .shiloah-stage-card { border-color:#4a4c60; background:#263142; }
body.shiloah-page.io-black-mode .shiloah-value-card h3,
body.shiloah-page.io-black-mode .shiloah-stage-card h3,
body.shiloah-page.io-black-mode .shiloah-section-heading h2 { color:#edf3fb; }
body.shiloah-page.io-black-mode .shiloah-value-card p { color:#b5c1d2; }
body.shiloah-page.io-black-mode .shiloah-value-card>i,
body.shiloah-page.io-black-mode .shiloah-stage-card>i { background:#3b2d4b; color:#d2aefa; }
body.shiloah-page.io-black-mode .shiloah-stage-card p { color:#d2aefa; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="enlightenment"] { color:#67b786; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="grammar"] { color:#f0a35b; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="logic"] { color:#a98bdd; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="rhetoric"] { color:#ef7771; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="university"] { color:#66a6d2; }
body.shiloah-page.io-black-mode .degree-education-panel-modules button[data-shiloah-education-section="theology"] { color:#50bac5; }

@media (max-width:1100px) {
    .shiloah-page .shiloah-value-grid,
    .shiloah-page .shiloah-stage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:991.98px) {
    .shiloah-page .shiloah-member-breadcrumb { font-size:17px; }
}

@media (max-width:767.98px),(orientation:portrait) and (min-width:768px) and (max-width:1100px) {
    .shiloah-page .shiloah-content { width:min(100% - 40px,680px); padding-top:22px; padding-bottom:56px; }
}

@media (orientation:portrait) and (min-width:720px) and (max-width:820px) {
    .shiloah-page .shiloah-value-grid,
    .shiloah-page .shiloah-stage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .shiloah-page .shiloah-value-card,
    .shiloah-page .shiloah-stage-card { padding-right:12px; padding-left:12px; }
}

@media (max-width:580px) {
    .shiloah-page .shiloah-hero { min-height:0; flex-direction:column; align-items:center; gap:20px; padding:30px 26px; }
    .shiloah-page .shiloah-logo { width:92px; height:92px; flex-basis:92px; }
    .shiloah-page .shiloah-hero-copy { min-height:92px; }
    .shiloah-page .shiloah-hero-copy > .shiloah-eyebrow { align-self:center; }
    .shiloah-page .shiloah-hero h1 { font-size:30px; letter-spacing:.78em; white-space:nowrap; }
    .shiloah-page .shiloah-values,
    .shiloah-page .shiloah-stages { margin-top:44px; }
    .shiloah-page .shiloah-value-grid,
    .shiloah-page .shiloah-stage-grid { grid-template-columns:1fr; }
    .shiloah-page .shiloah-value-card,
    .shiloah-page .shiloah-stage-card { min-height:160px; }
}