:root{--ink:#243039;--muted:#667085;--warm:#8a552f;--gold:#c99a54;--paper:#fbf8f3;--card:#fff;--line:#e8dfd3;--soft:#f3ede4;--green:#edf7ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:#754521}.course-top{background:#fff;border-bottom:1px solid var(--line)}.course-nav{max-width:1050px;margin:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.course-brand{font-weight:800;text-decoration:none;color:var(--warm)}.course-nav-links a{margin-left:13px;text-decoration:none;color:#4d5962}main{max-width:920px;margin:34px auto;padding:0 20px}.hero{background:linear-gradient(145deg,#fff,#f7efe5);border:1px solid var(--line);border-radius:22px;padding:34px;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.8rem;color:var(--warm)}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;color:#57351f;margin:.3em 0}h2{color:#684126;margin-top:2.1em}h3{color:#754a2a}.lead{font-size:1.18rem;color:#4d5962}.progress{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:20px 0}.progress a{background:#eee6dc;border-radius:10px;padding:9px 5px;text-align:center;text-decoration:none;font-weight:800;color:#6d5848}.progress a.current{background:var(--warm);color:#fff}.progress a.done{background:#dff0e2;color:#2f6d3a}.card,.practice,.meditation,.reflection{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0}.practice{background:#f8f3ec}.meditation{background:#f4f0fb;border-color:#ddd5ee}.reflection{background:#f0f7f7}.key{border-left:5px solid var(--gold);padding:3px 0 3px 18px;margin:22px 0;font-weight:650}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.daily-grid .card{margin:0}.day-links{display:flex;justify-content:space-between;gap:12px;margin:30px 0;flex-wrap:wrap}.btn{display:inline-block;background:var(--warm);color:#fff;text-decoration:none;padding:11px 16px;border-radius:9px;font-weight:800;border:0;cursor:pointer}.btn.secondary{background:#6b7680}.btn.complete{background:#347443}.timer{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.timer select{padding:9px;border:1px solid #ccc;border-radius:7px}.timer-output{font-size:1.4rem;font-weight:800;min-width:100px}.course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.course-list .card{margin:0}.small{font-size:.92rem;color:var(--muted)}ul li{margin:.35em 0}footer{max-width:920px;margin:30px auto 50px;padding:0 20px;color:var(--muted);font-size:.92rem}@media(max-width:700px){body{font-size:16px}.daily-grid{grid-template-columns:1fr}.progress{grid-template-columns:repeat(4,1fr)}.hero{padding:24px}}

/* BKPH V8.12.37 GOLD OUTLINE DESIGN START
   Course visual alignment only. Lesson content/functionality unchanged.
*/
:root{
  --course-gold:#d4af37;
  --course-coral:#e9757b;
  --course-coral-dark:#d85f68;
  --course-burgundy:#5b1f29;
  --course-cream:#fffdf8;
  --course-soft:#fff9ee;
}

html{background:var(--course-cream)}
body{
  background:
    radial-gradient(circle at 78% 1%,rgba(246,210,132,.13),transparent 28rem),
    linear-gradient(180deg,#fffefa,#fffdf8) !important;
}

.course-top{
  width:min(1180px,calc(100% - 24px));
  margin:14px auto 0;
  background:#fffefa !important;
  border:1.25px solid var(--course-gold);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(91,31,41,.05);
}

.course-nav{max-width:none !important}

main{
  width:min(1180px,calc(100% - 24px)) !important;
  margin:14px auto !important;
}

.hero,
.card,
.practice,
.progress{
  background:#fffefa !important;
  border:1.1px solid rgba(212,175,55,.86) !important;
  border-radius:17px !important;
  box-shadow:0 8px 24px rgba(91,31,41,.045);
}

.hero,
.card,
.practice{padding:clamp(24px,4vw,42px) !important}

h1,h2,h3,h4{color:var(--course-burgundy) !important}

a{color:var(--course-coral-dark)}

.btn,
a.btn,
button.btn{
  background:var(--course-coral) !important;
  color:#fff !important;
  border:1px solid var(--course-coral) !important;
  border-radius:9px !important;
}

.btn:hover,
a.btn:hover,
button.btn:hover{
  background:var(--course-coral-dark) !important;
}

.btn.secondary,
a.btn.secondary{
  background:#fffdfa !important;
  color:var(--course-burgundy) !important;
  border:1px solid var(--course-gold) !important;
}

.progress{
  padding:10px !important;
  gap:7px !important;
}

.progress a{
  border:1px solid rgba(212,175,55,.65) !important;
  border-radius:9px !important;
  color:var(--course-burgundy) !important;
  background:#fffdfa !important;
}

.progress a.current{
  background:var(--course-coral) !important;
  border-color:var(--course-coral) !important;
  color:#fff !important;
}

.course-list{gap:16px !important}
.course-list .card{
  transition:transform .18s ease,box-shadow .18s ease;
}
.course-list .card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(91,31,41,.07);
}

.day-links{
  border-top:1px solid rgba(212,175,55,.5);
  padding-top:20px;
}

@media(max-width:700px){
  .course-top,
  main{
    width:calc(100% - 16px) !important;
  }
  .course-top{
    margin:8px auto 0;
    border-radius:14px;
  }
  main{margin:8px auto !important}
  .hero,.card,.practice,.progress{border-radius:14px !important}
}
/* BKPH V8.12.37 GOLD OUTLINE DESIGN END */

/* BKPH V8.12.49 TYPOGRAPHY + SPACING POLISH START */
main{font-size:18px;line-height:1.7}
main p{line-height:1.7}
main h1{line-height:1.12;margin-top:0;margin-bottom:.55em;letter-spacing:-.018em}
main h2{line-height:1.18;margin-top:1.45em;margin-bottom:.62em;letter-spacing:-.012em}
main h3{line-height:1.25;margin-top:1.2em;margin-bottom:.55em}
main p+p{margin-top:.84em}
main ul,main ol{line-height:1.7}
main li+li{margin-top:.38em}
.hero,.card,.practice{padding:clamp(28px,4vw,46px)!important}
.course-list{gap:clamp(18px,2.5vw,26px)!important}
.btn,a.btn,button.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;padding:.72rem 1.05rem}
@media(max-width:700px){
  main{font-size:18px;line-height:1.67}
  .hero,.card,.practice{padding:24px 20px!important}
}
/* BKPH V8.12.49 TYPOGRAPHY + SPACING POLISH END */

/* BKPH V8.12.56 COURSE VISUAL CONSISTENCY
   Warm, calm styling aligned with the approved centre-page direction. */
:root{
  --bk-gold:#c7a34a;
  --bk-gold-soft:#ead9aa;
  --bk-burgundy:#5b1f29;
  --bk-coral:#d85f68;
  --bk-cream:#fffdf8;
  --bk-cream-soft:#fff9ee;
  --bk-text:#2e2d2b;
  --bk-muted:#665f59;
}
body{
  background:var(--bk-cream)!important;
  color:var(--bk-text)!important;
}
.course-top{
  background:#fff!important;
  border-bottom:1.5px solid var(--bk-gold)!important;
  box-shadow:0 3px 14px rgba(77,55,20,.04)!important;
}
.course-nav{
  min-height:68px;
  align-items:center;
}
.course-brand{
  color:var(--bk-burgundy)!important;
  font-weight:800!important;
  letter-spacing:.01em;
}
.course-nav-links a{
  color:var(--bk-burgundy)!important;
  text-decoration:none!important;
  border-radius:999px;
  padding:8px 10px;
}
.course-nav-links a:hover,
.course-nav-links a:focus-visible{
  background:var(--bk-cream-soft)!important;
  outline:2px solid rgba(199,163,74,.35);
  outline-offset:2px;
}
.hero,.card,.practice{
  background:#fff!important;
  border:1.5px solid var(--bk-gold)!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(77,55,20,.045)!important;
}
.hero{
  background:linear-gradient(180deg,#fff,var(--bk-cream-soft))!important;
}
h1,h2,h3{
  color:var(--bk-burgundy)!important;
}
.eyebrow{
  color:#a87316!important;
  letter-spacing:.08em;
}
.btn,
a.btn,
button.btn{
  min-height:44px;
  border-radius:10px!important;
  border:1px solid var(--bk-coral)!important;
  background:var(--bk-coral)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn.secondary,
a.btn.secondary{
  background:#fff!important;
  color:var(--bk-burgundy)!important;
  border-color:var(--bk-gold)!important;
}
.progress{
  gap:8px!important;
}
.progress a{
  border:1px solid var(--bk-gold-soft)!important;
  background:#fff!important;
  color:var(--bk-burgundy)!important;
  border-radius:999px!important;
}
.progress a.current{
  border-color:var(--bk-gold)!important;
  background:var(--bk-cream-soft)!important;
  box-shadow:inset 0 0 0 1px rgba(199,163,74,.18);
}
footer,
.course-footer{
  border-top:1.5px solid var(--bk-gold)!important;
  background:var(--bk-cream-soft)!important;
  color:var(--bk-muted)!important;
}
@media(max-width:760px){
  .course-nav{padding-top:10px;padding-bottom:10px}
  .course-nav-links{gap:4px!important}
  .course-nav-links a{padding:7px 8px}
  .hero,.card,.practice{border-radius:14px!important}
}
/* Active day readability — 2026-08-25 */
.progress a.current {
    color: #5b1f29 !important;
}
