/* Brand color refinement. Typography and learning behavior stay with the original site. */

/* The five steps carry their own accent; selection is also identified by aria-pressed. */
.campus-home .campus-process button{
  --step-color:var(--blue);
  --step-paper:var(--ice);
  --step-border:var(--brand-navy-border);
  position:relative;
  border-radius:14px;
}
.campus-home .campus-process button[data-stage="1"],
.campus-home .campus-process button[data-stage="4"]{
  --step-color:var(--red);
  --step-paper:var(--red-soft);
  --step-border:var(--brand-red-wash);
}
.campus-home .campus-process button[data-stage="2"]{
  --step-color:var(--blue);
  --step-paper:var(--yellow-light);
  --step-border:var(--yellow);
}
.campus-home .campus-process button .campus-icon-tile{
  background:var(--step-paper);
  color:var(--step-color);
  --icon-accent:var(--step-color);
}
.campus-home .campus-process-label small{color:var(--step-color);}
.campus-home .campus-process button:hover{border-color:var(--step-border);}
.campus-home .campus-process button[aria-pressed="true"]{
  background:var(--step-paper);
  border-color:var(--step-border);
}
.campus-home .campus-process button[aria-pressed="true"]::after{
  content:"";position:absolute;bottom:0;left:14px;width:32px;height:3px;
  background:var(--step-color);border-radius:3px;
}
.campus-home .campus-process button[aria-pressed="true"] .campus-icon-tile{
  background:var(--step-color);color:var(--white);--icon-accent:var(--yellow);
}
.campus-home .campus-process button[data-stage="2"][aria-pressed="true"] .campus-icon-tile{
  background:var(--yellow);color:var(--blue);--icon-accent:var(--red);
}
.campus-home .campus-lab-tip{
  border-top:1px solid var(--brand-navy-border);padding-top:18px;
}
.campus-home .campus-lab-tip .campus-icon{color:var(--red);}

/* A warm, finished work contrasts with the deliberately quiet first draft. */
.campus-home .campus-compare{border-color:var(--brand-navy-border);}
.campus-home .campus-compare-top>span{color:var(--blue);}
.campus-home .campus-segmented button[aria-pressed="true"]{
  background:var(--yellow);color:var(--blue);
}
.campus-home .campus-compare-page:not(.campus-is-draft){
  background:var(--yellow-light);
}
.campus-home .campus-compare-page>header{
  padding-bottom:15px;border-bottom:1px solid var(--brand-yellow-wash);
}
.campus-home .campus-compare-page>header .campus-icon{color:var(--red);}
.campus-home .campus-mini-tags{
  border-top:1px solid var(--brand-yellow-wash);padding-top:18px;
}
.campus-home .campus-mini-tags span:nth-child(2) .campus-icon{color:var(--red);}
.campus-home .campus-mini-tags span:last-child .campus-icon{--icon-accent:var(--red);}

/* One continuous participation spread: warm introduction, calm question-and-answer column. */
.campus-home .campus-campus-grid{
  grid-template-columns:1fr 1.12fr;gap:0;margin-top:0;
  background:var(--white);border:1px solid var(--brand-navy-border);
  border-radius:20px;overflow:hidden;align-items:stretch;
}
.campus-home .campus-campus-message{
  padding:36px;background:var(--yellow-light);position:relative;
}
.campus-home .campus-campus-message::before{
  content:"";display:block;width:40px;height:5px;border-radius:3px;
  background:var(--red);margin-bottom:24px;
}
.campus-home .campus-campus-message h3{margin-top:32px;}
.campus-home .campus-campus-message h3 .campus-phrase{white-space:nowrap;}
.campus-home .campus-campus-message>p{color:var(--blue);max-width:38ch;}
.campus-home .campus-campus-points{gap:12px 18px;}
.campus-home .campus-campus-points .campus-icon{
  background:var(--white);padding:7px;box-sizing:content-box;border-radius:50%;
}
.campus-home .campus-campus-points>span:nth-child(2) .campus-icon{color:var(--red);}
.campus-home .campus-campus-points>span:last-child .campus-icon{--icon-accent:var(--red);}
.campus-home .campus-faq{padding:28px 32px;align-self:center;}
.campus-home .campus-faq details{
  border-bottom:1px solid var(--brand-navy-border);
}
.campus-home .campus-faq details:first-child{border-top:0;}
.campus-home .campus-faq details:last-child{border-bottom:0;}
.campus-home .campus-faq details[open]{background:var(--ice);border-radius:12px;}
.campus-home .campus-faq summary{padding:22px 54px 22px 16px;}
.campus-home .campus-faq summary::before{
  content:"";position:absolute;right:12px;top:20px;width:28px;height:28px;
  border:1px solid var(--brand-red-wash);border-radius:50%;background:var(--red-soft);
}
.campus-home .campus-faq summary::after{
  right:22px;top:29px;color:var(--red);
  border-color:var(--red);
}
.campus-home .campus-faq details[open] summary::before{
  background:var(--yellow);border-color:var(--yellow);
}
.campus-home .campus-faq details[open] summary::after{top:32px;border-color:var(--blue);}
.campus-home .campus-faq details p{padding:0 20px 24px 16px;color:var(--blue);}

/* Light brand accents on the reading surfaces, not full-color text panels. */
#view-toc .toc-hero .deco{
  background:transparent;border:1px solid var(--brand-yellow);opacity:.6;
}
#view-toc .toc-hero .deco2{
  background:transparent;border:1px solid var(--brand-red-wash);opacity:.6;
}
#view-toc .toc-hero-stats span:first-child{
  background:var(--yellow);border-color:var(--yellow);color:var(--blue-700);
}
#view-toc .toc-hero-stats span:last-child{
  background:var(--brand-red-soft);border-color:var(--brand-red-soft);color:var(--brand-red-deep);
}
#view-toc .chapter-card.course-new{
  border:1px solid var(--line);background:var(--white);
}
#view-toc .chapter-card:hover{border-color:var(--blue-400);}
#view-toc .chapter-card:nth-child(3n+2) .ch-no{
  background:var(--brand-red-soft);color:var(--brand-red-deep);
}
#view-toc .chapter-card:nth-child(3n) .ch-no{
  background:var(--yellow-soft);color:var(--blue-700);
}
#view-toc .chapter-card:hover .ch-no{background:var(--yellow);color:var(--blue-700);}
#view-toc #station-1 .station-tag,
#view-toc #station-4 .station-tag{background:var(--blue-600);box-shadow:var(--shadow-card);}
#view-toc #station-2 .station-tag{
  background:var(--yellow);color:var(--blue-700);box-shadow:var(--shadow-card);
}
#view-toc .tip-item:nth-child(2){background:var(--yellow-soft);}
#view-toc .tip-item:nth-child(3){background:var(--brand-red-soft);}
#view-reader .breadcrumb::before{
  content:"";display:inline-block;width:6px;height:6px;background:var(--brand-red);
  border-radius:50%;margin-right:8px;vertical-align:middle;
}
#view-reader .related-video .co-title::before{
  content:"";width:9px;height:10px;flex:none;background:var(--brand-red);
  clip-path:polygon(0 0,100% 50%,0 100%);
}
#view-reader .nav-group::after{
  content:"";float:right;width:6px;height:6px;border-radius:50%;
  background:var(--brand-red);margin-top:7px;
}
#view-quiz .q-head::after{
  content:"";width:6px;height:6px;flex:none;border-radius:50%;
  background:var(--yellow);box-shadow:10px 0 0 var(--brand-red);margin-left:auto;margin-right:10px;
}

@media(max-width:1100px){
  .campus-home .campus-campus-message{padding:30px;}
  .campus-home .campus-faq{padding:24px;}
}
@media(max-width:768px){
  .campus-home .campus-campus-grid{grid-template-columns:1fr;}
  .campus-home .campus-campus-message{padding:26px 23px;}
  .campus-home .campus-campus-message h3{margin-top:24px;text-wrap:balance;}
  .campus-home .campus-campus-message::before{margin-bottom:20px;}
  .campus-home .campus-faq{padding:18px 10px;}
  .campus-home .campus-faq summary{padding-left:13px;}
  .campus-home .campus-faq details p{padding-left:13px;}
  .campus-home .campus-campus-points{gap:12px;}
}
@media(prefers-reduced-motion:reduce){
  .campus-home .campus-process button,
  .campus-home .campus-process button .campus-icon-tile{transition:none;}
}