/* Site color balance refinement — 2026-10-23
   Keep the site's blue identity, while adding restrained role-based warmth. */

/* ---------- Course guide: small visual identities by course family ---------- */
.page-courses{
  --course-green:#5b9c79;
  --course-green-soft:#f0f8f3;
  --course-violet:#7b78b8;
  --course-violet-soft:#f4f2fb;
  --course-blue:#4b88c2;
  --course-blue-soft:#eef6fd;
  --course-amber:#bf873d;
  --course-amber-soft:#fff7e9;
}
.page-courses .courses-anchor-pills .btn{
  background:#fff;
  border:1px solid currentColor;
  box-shadow:none;
}
.page-courses .courses-anchor-pills .btn[href="#elem"]{color:var(--course-green);}
.page-courses .courses-anchor-pills .btn[href="#exam"]{color:var(--course-violet);}
.page-courses .courses-anchor-pills .btn[href="#hs"]{color:var(--course-blue);}
.page-courses .courses-anchor-pills .btn[href="#soroban"]{color:var(--course-amber);}
.page-courses .courses-anchor-pills .btn[href="#elem"]:hover{background:var(--course-green-soft);opacity:1;}
.page-courses .courses-anchor-pills .btn[href="#exam"]:hover{background:var(--course-violet-soft);opacity:1;}
.page-courses .courses-anchor-pills .btn[href="#hs"]:hover{background:var(--course-blue-soft);opacity:1;}
.page-courses .courses-anchor-pills .btn[href="#soroban"]:hover{background:var(--course-amber-soft);opacity:1;}

.page-courses #elem,
.page-courses #exam,
.page-courses #hs,
.page-courses #soroban{
  padding:8px 0 8px 13px;
  border-left:5px solid currentColor;
  border-bottom:0;
  border-radius:2px;
}
.page-courses #elem{color:var(--course-green);}
.page-courses #exam{color:var(--course-violet);}
.page-courses #hs{color:var(--course-blue);}
.page-courses #soroban{color:var(--course-amber);}

.page-courses details.course-acc--elem{border-color:#cfe4d7;background:#fbfefc;}
.page-courses details.course-acc--elem > summary{background:var(--course-green-soft);color:#397258;}
.page-courses details.course-acc--exam{border-color:#d9d3ee;background:#fdfcff;}
.page-courses details.course-acc--exam > summary{background:var(--course-violet-soft);color:#625f9e;}
.page-courses details.course-acc--hs{border-color:#d0e2f2;background:#fcfdff;}
.page-courses details.course-acc--hs > summary{background:var(--course-blue-soft);color:#376f9f;}
.page-courses details.course-acc--soroban{border-color:#ecd9b9;background:#fffefa;}
.page-courses details.course-acc--soroban > summary{background:var(--course-amber-soft);color:#966629;}

/* Keep utility buttons blue so the meaning of action remains consistent. */
.page-courses .course-qs .btn{background:var(--primary);color:#fff;border-color:var(--primary);}

/* ---------- Stories: warmer, human-centered surface ---------- */
.page-stories{
  background:linear-gradient(180deg,#f7f8f9 0%,#fbf8f3 38%,#f7f8f9 100%);
}
.page-stories .main .container > h1{
  color:#8b5262 !important;
  position:relative;
  padding-left:15px;
}
.page-stories .main .container > h1::before{
  content:"";
  position:absolute;left:0;top:.18em;bottom:.18em;width:5px;
  border-radius:8px;background:#d88da0;
}
.page-stories .grid .card{
  border:1px solid #eadfd9;
  box-shadow:0 6px 18px rgba(72,52,45,.055);
}
.page-stories .grid .card:first-child{
  background:linear-gradient(145deg,#fff 0%,#fff8f6 100%);
}
.page-stories .grid .card:last-child{
  background:linear-gradient(145deg,#fff 0%,#fffaf0 100%);
}
.page-stories .grid .card:first-child h2{color:#a85d72;}
.page-stories .grid .card:last-child h2{color:#9a7338;}
.page-stories .grid .card:first-child .btn{
  background:#fff;color:#b46579;border:1px solid #d994a5;
}
.page-stories .grid .card:last-child .btn{
  background:#fff;color:#a67834;border:1px solid #d7ad6e;
}
.page-stories .grid .card .btn:hover{opacity:1;background:#fffdfb;}

/* ---------- Recruitment: retain blue trust, add modest warmth ---------- */
.page-recruit{
  background:linear-gradient(180deg,#f5f7f9 0%,#faf7f1 44%,#f5f7f9 100%);
}
.page-recruit .hero{
  border-color:#eadcc9;
  background:
    radial-gradient(760px 260px at 10% 0%, rgba(210,146,76,.13), transparent 62%),
    radial-gradient(760px 260px at 92% 30%, rgba(212,167,104,.10), transparent 62%),
    #fffdf9;
}
.page-recruit .hero .kicker{
  color:#9d6428;
  border-color:#ecd5b8;
  background:#fff8ed;
}
.page-recruit .hero h1{color:#224c78;}
.page-recruit .hero .cta .btn:not(.primary){
  border-color:#d9c7b2;color:#72583b;background:#fff;
}
.page-recruit .hero .cta .btn.primary{
  background:#b87939;border-color:#b87939;
}
.page-recruit .recruit-card--list{
  background:linear-gradient(135deg,#fffaf2 0%,#f8efe1 100%);
  border-color:#ead4b7;
}
.page-recruit .recruit-card--list .recruit-card__title,
.page-recruit .recruit-card--list .recruit-card__meta{color:#795834;}
.page-recruit .recruit-card--list .recruit-card__arrow{background:rgba(151,102,50,.78);}

/* ---------- Schools: mostly unchanged; a warmer neutral around cards ---------- */
.page-schools{background:linear-gradient(180deg,#f4f7f9 0%,#f8f7f3 52%,#f4f7f9 100%);}
.page-schools .grid-schools .card{border:1px solid #e4e5df;}
.page-schools .hero h1{color:#185d91;}

/* ---------- Fees: information-first, only summary gains a warm cue ---------- */
.page-fees{background:linear-gradient(180deg,#f4f7f9 0%,#f8f7f4 50%,#f4f7f9 100%);}
.page-fees .fee-summary{
  background:linear-gradient(135deg,#fff 0%,#fffaf1 100%);
  border-color:#eadbbe;
}
.page-fees .fee-summary__title{color:#80643a;}

/* ---------- Q&A: preserve legibility; very small warm separation ---------- */
.page-qa{background:linear-gradient(180deg,#f4f7f9 0%,#f8f7f4 50%,#f4f7f9 100%);}
.page-qa .card{border:1px solid #e3e5e5;}
.page-qa .card h2{
  color:#236b9c;
  border-bottom-color:#e7ddd0;
}
.page-qa .card h3{
  color:#34495a;
}


/* ---------- Home: keep the existing identity, only soften the overall temperature ---------- */
.page-index{
  background:linear-gradient(180deg,#f4f7f9 0%,#f8f7f3 42%,#f4f7f9 100%);
}
.page-index .card-hira-walk{
  border:1px solid #e3e2db;
  background:linear-gradient(145deg,#fff 0%,#fffdf8 100%);
}
.page-index #stories-mini{
  border-color:#ead7dd;
}

@media (max-width:768px){
  .page-courses #elem,
  .page-courses #exam,
  .page-courses #hs,
  .page-courses #soroban{padding-left:10px;border-left-width:4px;}
}