/* ROYAL CARE V12.4 — premium wellness rhythm refinement for course and guide */
@import url('/assets/css/style.v12.3.css?v=12.3');

/* Taller editorial sub-hero rhythm, aligned with regional pages */
.course-hero,.guide-hero-unified{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(360px,34vw,470px);
  display:flex;align-items:center;
  padding:clamp(78px,8vw,118px) 0 clamp(72px,7vw,102px)!important;
  border-bottom:0!important;
}
.course-hero:before,.guide-hero-unified:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(3,16,37,.82) 0%,rgba(5,29,64,.64) 48%,rgba(5,38,90,.2) 100%);
}
.course-hero:after,.guide-hero-unified:after{
  content:"";position:absolute;z-index:-1;right:clamp(28px,8vw,140px);bottom:-165px;
  width:420px;height:420px;border:1px solid rgba(227,207,155,.22);border-radius:50%;
  box-shadow:0 0 0 56px rgba(255,255,255,.025),0 0 0 112px rgba(255,255,255,.018);
}
.course-hero .container,.guide-hero-unified .container{position:relative;z-index:1;max-width:1180px}
.course-hero .rc-breadcrumb,.guide-hero-unified .rc-breadcrumb{margin-bottom:28px}
.course-hero .eyebrow,.guide-hero-unified .eyebrow{color:#e3cf9b;margin-bottom:14px}
.course-hero .eyebrow:before,.guide-hero-unified .eyebrow:before{background:#c8a96a}
.course-hero h1,.guide-hero-unified h1{color:#fff!important;font-size:clamp(2.75rem,5vw,4.75rem)!important;margin:0 0 24px!important;max-width:760px}
.course-hero p,.guide-hero-unified p{color:rgba(255,255,255,.78)!important;font-size:clamp(1rem,1.45vw,1.16rem)!important;line-height:1.85;max-width:720px;margin:0}

/* More generous opening-section cadence */
.course-hero + .section,.guide-hero-unified + .section{padding-top:clamp(104px,10vw,150px)!important}
.course-hero + .section .section-heading,.guide-hero-unified + .section .section-heading{margin-bottom:clamp(48px,5vw,68px)}
.course-hero + .section .section-heading h2,.guide-hero-unified + .section .section-heading h2{max-width:14ch}

/* Premium wellness material language */
.course-card,.guide-feature,.detail-card,.time-card{
  border-color:rgba(163,126,59,.18);
  box-shadow:0 18px 48px rgba(6,26,56,.075);
}
.course-card{border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%);transition:transform .28s ease,box-shadow .28s ease}
.course-card:hover{transform:translateY(-7px);box-shadow:0 28px 68px rgba(6,26,56,.13)}
.course-card img{aspect-ratio:4/3;filter:saturate(.86) contrast(1.03)}
.course-card-body{padding:32px 30px 34px}
.course-tag{color:#9a7537;letter-spacing:.16em}
.course-times span{background:#f5efe4;color:#745b2d;border:1px solid rgba(163,126,59,.14)}
.section-soft{background:linear-gradient(180deg,#f6f3ed 0%,#f8fafc 100%)}
.detail-card,.time-card,.guide-feature{border-radius:20px;background:rgba(255,255,255,.92)}
.detail-card h3,.guide-feature h3{letter-spacing:-.025em}
.time-card{position:relative;overflow:hidden;padding-top:34px}
.time-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#c8a96a,#e3cf9b)}
.course-cta-card{border-radius:26px;padding:44px 48px;background:linear-gradient(120deg,#04142e 0%,#0b2e63 72%,#153e75 100%);box-shadow:0 26px 70px rgba(4,20,46,.22)}

/* Guide page: elevated overview cards and stronger visual hierarchy */
.unified-guide-grid{gap:22px}
.guide-feature{padding:30px 28px;min-height:220px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.guide-feature:after{content:"";position:absolute;right:-42px;bottom:-42px;width:112px;height:112px;border:1px solid rgba(200,169,106,.18);border-radius:50%}
.guide-feature:hover{transform:translateY(-5px);box-shadow:0 26px 58px rgba(6,26,56,.12)}
.guide-feature span{color:#9a7537}

@media(max-width:720px){
  .course-hero,.guide-hero-unified{min-height:330px;padding:66px 0 62px!important;align-items:flex-end}
  .course-hero:after,.guide-hero-unified:after{width:260px;height:260px;right:-80px;bottom:-110px}
  .course-hero .rc-breadcrumb,.guide-hero-unified .rc-breadcrumb{margin-bottom:22px}
  .course-hero h1,.guide-hero-unified h1{font-size:clamp(2.25rem,11vw,3.1rem)!important;margin-bottom:18px!important}
  .course-hero + .section,.guide-hero-unified + .section{padding-top:82px!important}
  .course-card-body{padding:26px 22px 28px}
  .guide-feature{min-height:auto;padding:24px 22px}
  .course-cta-card{padding:30px 24px}
}