.bkt-page{
  color:#344054;
}

.bkt-wrap{
  width:min(1040px,92%);
  margin:auto;
}

.bkt-hero{
  padding:54px 0 46px;
  background:
    linear-gradient(180deg,#fffaf1 0%,#fff 100%);
  border-bottom:1px solid #eee5d9;
}

.bkt-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);
  gap:36px;
  align-items:center;
}

.bkt-eyebrow,
.bkt-listen-label{
  margin-bottom:9px;
  color:#946923;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.bkt-hero h1{
  margin:0 0 16px;
  color:#173f78;
  font-size:clamp(2.25rem,5vw,4rem);
  line-height:1.08;
}

.bkt-lead{
  max-width:760px;
  margin:0;
  font-size:18px;
  line-height:1.75;
  color:#4f5d6b;
}

.bkt-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:25px;
}

.bkt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border:1px solid #173f78;
  border-radius:10px;
  background:#173f78;
  color:#fff!important;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

.bkt-btn.secondary{
  background:#fff;
  color:#173f78!important;
}

.bkt-quick{
  padding:23px;
  background:#fff;
  border:1px solid #e8dfd3;
  border-radius:17px;
  box-shadow:0 8px 25px rgba(42,48,57,.06);
}

.bkt-quick strong{
  display:block;
  color:#173f78;
  font-size:18px;
}

.bkt-quick p{
  line-height:1.65;
}

.bkt-quick a{
  color:#805a25;
  font-weight:700;
}

.bkt-content{
  padding:46px 0 60px;
}

.bkt-listen{
  margin-bottom:46px;
  padding:26px;
  color:#fff;
  background:#173f78;
  border-radius:18px;
}

.bkt-listen h2{
  margin:0 0 12px;
  color:#fff;
}

.bkt-listen p{
  max-width:760px;
  line-height:1.65;
}

.bkt-listen-label{
  color:#f1d28c;
}

.bkt-audio{
  width:100%;
  margin:16px 0 8px;
}

.bkt-credit,
.bkt-device-note{
  margin:7px 0 0!important;
  opacity:.78;
  font-size:13px;
}

.bkt-voice-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:17px;
}

.bkt-listen .bkt-btn{
  border-color:#fff;
  background:#fff;
  color:#173f78!important;
}

.bkt-listen .bkt-btn.secondary{
  background:transparent;
  color:#fff!important;
}

.bkt-section{
  margin:0 0 50px;
}

.bkt-section h2,
.bkt-course h2{
  margin:0 0 15px;
  color:#173f78;
  font-size:clamp(1.7rem,3vw,2.35rem);
}

.bkt-section>p,
.bkt-commentary p{
  max-width:820px;
  font-size:17px;
  line-height:1.82;
}

.bkt-commentary{
  padding:30px;
  background:#faf8f4;
  border:1px solid #ebe4da;
  border-radius:18px;
}

.bkt-commentary p{
  margin:0 0 20px;
}

.bkt-commentary p:last-child{
  margin-bottom:0;
}

.bkt-step-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.bkt-step{
  padding:18px;
  background:#fff;
  border:1px solid #e8e1d7;
  border-radius:13px;
  line-height:1.6;
}

.bkt-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}

.bkt-related{
  display:flex;
  flex-direction:column;
  padding:18px;
  background:#fff;
  border:1px solid #e7dfd3;
  border-radius:13px;
  text-decoration:none;
}

.bkt-related strong{
  color:#173f78;
  line-height:1.35;
}

.bkt-related span{
  margin-top:8px;
  color:#805a25;
  font-size:13px;
  font-weight:700;
}

.bkt-course{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:28px;
  background:#fff8e8;
  border:1px solid #eadbbd;
  border-radius:18px;
}

.bkt-course p{
  max-width:700px;
  margin-bottom:0;
  line-height:1.7;
}


/* Beginner hub grid */

.bkt-beginner-library{
  margin:42px 0;
  padding:30px;
  background:#fffaf1;
  border:1px solid #eadfce;
  border-radius:18px;
}

.bkt-beginner-library h2{
  color:#173f78;
}

.bkt-beginner-library-intro{
  max-width:780px;
  line-height:1.7;
}

.bkt-beginner-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:22px;
}

.bkt-beginner-card{
  display:block;
  padding:18px;
  background:#fff;
  border:1px solid #e7dfd3;
  border-radius:13px;
  text-decoration:none;
}

.bkt-beginner-card strong{
  display:block;
  color:#173f78;
  margin-bottom:6px;
}

.bkt-beginner-card span{
  display:block;
  color:#5d6975;
  line-height:1.5;
}


@media(max-width:780px){

  .bkt-hero-inner,
  .bkt-step-grid,
  .bkt-link-grid,
  .bkt-beginner-grid{
    grid-template-columns:1fr;
  }

  .bkt-course{
    display:block;
  }

  .bkt-course .bkt-btn{
    margin-top:18px;
  }

}

@media(max-width:620px){

  .bkt-hero{
    padding:37px 0 34px;
  }

  .bkt-content{
    padding-top:30px;
  }

  .bkt-commentary,
  .bkt-listen,
  .bkt-beginner-library{
    padding:20px 17px;
  }

  .bkt-section{
    margin-bottom:38px;
  }

}