/* Bencefalo v97 — course consistency, global nav/footer and unified campus */

/* Main navigation: match Taller Brujo compact rhythm */
.nav .navlinks{
  gap:14px!important;
  align-items:center!important;
}
.nav .navlinks>button:not(.btn),
.nav .navlinks>a:not(.btn),
.nav .nav-trigger{
  font-family:var(--font-ui)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#cbc5d2!important;
}
.nav .navlinks>button:not(.btn):hover,
.nav .navlinks>a:not(.btn):hover,
.nav .nav-trigger:hover{color:#d5afff!important}
.nav .navlinks>.btn.small{
  min-height:38px!important;
  padding:8px 15px!important;
  font-size:12px!important;
}

/* Footer headings: navigable only where useful; never underlined */
.site-footer .footer-heading,
.site-footer .footer-heading:visited{
  color:#c997ff!important;
  font-family:var(--font-ui)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  margin-bottom:7px!important;
  white-space:nowrap!important;
}
.site-footer .footer-heading:hover,
.site-footer .footer-heading:focus-visible{
  color:#e2c7ff!important;
  text-decoration:none!important;
}

/* Course breadcrumb */
.course-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.course-breadcrumb .crumb-sep{
  color:#5f5967;
  font-family:var(--font-ui);
  font-size:11px;
  user-select:none;
}

/* Hero: one-line course names, short copy only */
.course-detail-hero-copy{
  width:min(760px,64vw)!important;
  max-width:760px!important;
}
.course-detail-hero h1{
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  font-size:clamp(3.35rem,6.2vw,5.6rem)!important;
}
.course-detail-hero .course-lead{
  max-width:49ch!important;
}

/* Five-column facts use the same geometry on every course page */
.course-fact-strip{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.course-fact-strip>div{
  min-width:0;
  padding:20px 28px!important;
}
.course-fact-strip span{
  max-width:23ch;
}

/* Every section title carries that course's accent */
.course-detail-section .eyebrow{color:var(--course-accent)!important}
.course-detail-section .section-title,
.course-detail-section .waitlist-card>h2,
.course-detail-section .payment-copy>.section-title,
.course-detail-section .detail-copy-wide>.section-title{
  color:var(--course-accent)!important;
}

/* Learning objectives: text reads as editorial body, not another title */
.learning-card{
  min-height:148px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.learning-card .learning-copy,
.learning-card h3{
  margin:13px 0 0!important;
  color:#c4bec8!important;
  font-family:var(--font-body)!important;
  font-size:1rem!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Course FAQs inherit the Tarot FAQ interface */
.course-faq{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
}
.course-faq details{
  padding:0 22px!important;
  border:1px solid rgba(var(--course-accent-rgb),.22)!important;
  border-radius:17px!important;
  background:
    radial-gradient(32rem 18rem at 100% 0%,rgba(var(--course-accent-rgb),.10),transparent 64%),
    linear-gradient(145deg,rgba(18,15,35,.92),rgba(6,7,15,.98) 62%,rgba(15,9,25,.96))!important;
}
.course-faq summary{
  list-style:none!important;
  cursor:pointer!important;
  padding:19px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  color:#f4eff6!important;
  font-family:var(--font-display)!important;
  font-size:1.45rem!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.course-faq summary::-webkit-details-marker{display:none!important}
.course-faq summary::after{
  content:"+";
  flex:0 0 auto;
  color:var(--course-accent);
  font-family:var(--font-ui);
  font-size:20px;
  line-height:1;
  transition:transform .18s ease;
}
.course-faq details[open] summary::after{transform:rotate(45deg)}
.course-faq details p{
  max-width:900px!important;
  margin:0!important;
  padding:0 0 20px!important;
  color:#aaa5b3!important;
  font-family:var(--font-body)!important;
  font-size:1rem!important;
  line-height:1.72!important;
}

/* Campus can also serve Tarot clients */
.campus-circle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.campus-circle-card{
  min-width:0;
}
.campus-circle-card .item{margin-bottom:10px}
.reader-only .tb-nav .desktop-only{display:none!important}
.reader-only .tb-nav .wrap{justify-content:space-between!important}
.reader-only .taller-only{display:none!important}

/* Responsive */
@media(max-width:900px){
  .course-detail-hero-copy{width:min(650px,78vw)!important}
  .course-fact-strip{grid-template-columns:repeat(5,minmax(135px,1fr))!important;overflow-x:auto!important}
  .course-fact-strip>div{min-width:150px}
}
@media(max-width:680px){
  .course-detail-hero h1{
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    font-size:clamp(2rem,9vw,3.2rem)!important;
    letter-spacing:-.018em!important;
  }
  .course-detail-hero-copy{width:100%!important;max-width:none!important}
  .course-fact-strip{
    grid-template-columns:repeat(5,minmax(142px,1fr))!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .course-fact-strip::-webkit-scrollbar{display:none}
  .course-fact-strip>div{min-width:142px;scroll-snap-align:start}
  .learning-grid{grid-template-columns:1fr!important}
  .learning-card{min-height:0!important}
  .campus-circle-grid{grid-template-columns:1fr}
}