/* Wealth Power Institute v56 — global typography, lesson layout, event alignment */

/* Global text safety: prevent narrow inherited columns, clipped copy, and awkward word breaks. */
main,main *{min-width:0;box-sizing:border-box}
main h1,main h2,main h3,main h4,main h5,main h6,main p,main li,main span,main strong,main b,main dd,main dt,main label,main a{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
main h1{line-height:.98!important}
main h2{line-height:1.08!important}
main h3,main h4{line-height:1.22!important}
main p,main li,main dd,main label{line-height:1.58!important}
main p,main li,main dd{max-width:100%}

/* Event hero: place the message intentionally on the far-left side. */
.event-detail-hero .event-detail-copy,
.event-detail-hero .wpi55-event-copy{
  position:absolute!important;
  left:clamp(26px,3.6vw,60px)!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  width:min(660px,65vw)!important;
  max-width:660px!important;
  text-align:left!important;
  align-items:flex-start!important;
}
.event-detail-hero .event-detail-copy>*,
.event-detail-hero .wpi55-event-copy>*{margin-left:0!important;margin-right:0!important;text-align:left!important}
.event-detail-hero .event-detail-copy strong{display:block!important;max-width:650px!important}

/* Lesson shell: preserve a wide readable content column on every class. */
.wpi-route-lesson .lesson-workspace{min-width:0!important;width:auto!important}
.wpi-route-lesson .lesson-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:26px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
}
.wpi-route-lesson .lesson-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.wpi-route-lesson .lesson-content>*{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.wpi-route-lesson .lesson-notes{width:100%!important;min-width:0!important;position:sticky!important;top:116px!important}

/* Deep-dive sections were inheriting a multi-column layout and collapsing text. */
.wpi-route-lesson .deep-dive{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  margin:22px 0!important;
  padding:clamp(24px,3vw,38px)!important;
  overflow:visible!important;
}
.wpi-route-lesson .deep-dive>h3,
.wpi-route-lesson .deep-dive>h4,
.wpi-route-lesson .deep-dive>p,
.wpi-route-lesson .deep-dive>ol,
.wpi-route-lesson .deep-dive>ul,
.wpi-route-lesson .deep-dive>div{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
}
.wpi-route-lesson .deep-dive>ol,
.wpi-route-lesson .deep-dive>ul{padding-left:1.35rem!important;margin:16px 0 22px!important}
.wpi-route-lesson .deep-dive>ol li,
.wpi-route-lesson .deep-dive>ul li{width:100%!important;margin:10px 0!important;padding-left:5px!important}
.wpi-route-lesson .deep-dive>div{
  margin-top:22px!important;
  padding:18px 20px!important;
  border:1px solid rgba(195,137,60,.28)!important;
  border-radius:13px!important;
  background:#0d0910!important;
}
.wpi-route-lesson .deep-dive>div b,
.wpi-route-lesson .deep-dive>div span{display:block!important;width:100%!important}
.wpi-route-lesson .deep-dive>div b{margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:12px!important;color:var(--wpi-gold-soft)!important}

/* Vocabulary: current generated lessons use direct div children, not a dl. */
.wpi-route-lesson .vocabulary,
.wpi-route-lesson .wpi55-vocabulary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px 28px!important;
  width:100%!important;
  max-width:none!important;
  padding:clamp(24px,3vw,36px)!important;
}
.wpi-route-lesson .vocabulary>h2,
.wpi-route-lesson .vocabulary>h3,
.wpi-route-lesson .wpi55-vocabulary>h2,
.wpi-route-lesson .wpi55-vocabulary>h3{grid-column:1/-1!important;margin:0 0 4px!important}
.wpi-route-lesson .vocabulary>div,
.wpi-route-lesson .wpi55-vocabulary>div{
  display:grid!important;
  grid-template-columns:minmax(110px,150px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(195,137,60,.25)!important;
}
.wpi-route-lesson .vocabulary>div b,
.wpi-route-lesson .wpi55-vocabulary>div b{display:block!important;color:var(--wpi-gold-soft)!important;line-height:1.35!important}
.wpi-route-lesson .vocabulary>div span,
.wpi-route-lesson .wpi55-vocabulary>div span{display:block!important;color:#fff!important;line-height:1.55!important}

/* Common generated content rows should not collapse into skinny columns. */
.wpi-route-lesson .objective-card,
.wpi-route-lesson .lesson-toolkit,
.wpi-route-lesson .mistake-list,
.wpi-route-lesson .completion-standard,
.wpi-route-lesson .education-note,
.wpi-route-lesson .concept-block,
.wpi-route-lesson .class-roadmap{width:100%!important;max-width:none!important;min-width:0!important}
.wpi-route-lesson .concept-block{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
.wpi-route-lesson .mistake-list>div{display:block!important;width:100%!important;max-width:none!important;padding:18px 0!important}

/* Broad card text alignment on directories/details. */
.service-card,.people-card,.event-directory-card,.legacy-world-grid article,.people-value-grid article,.pricing-grid article,.follow-up-grid article,.support-model article,.wpi54-service-row,.wpi54-day-card,.wpi54-role-card{
  min-width:0!important;
}
.service-card p,.people-card p,.event-directory-card p,.legacy-world-grid article p,.people-value-grid article p,.pricing-grid article p,.follow-up-grid article p,.support-model article span,.wpi54-service-copy p,.wpi54-service-copy li,.wpi54-day-card p,.wpi54-day-card li,.wpi54-role-card p{
  line-height:1.58!important;
  max-width:100%!important;
}

/* Calculator page shell. */
.calculator-page{min-height:100vh!important;padding-top:88px!important;background:var(--wpi-bg)!important}
.calculator-page .calculator-hero{padding:90px clamp(24px,7vw,120px) 54px!important;background:linear-gradient(135deg,var(--wpi-deep),var(--wpi-panel-2))!important;border-bottom:1px solid var(--wpi-gold)!important}
.calculator-page .calculator-hero p{color:var(--wpi-gold-soft)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:12px!important}
.calculator-page .calculator-hero h1{font-size:clamp(48px,7vw,92px)!important;max-width:950px!important;margin:10px 0 14px!important}
.calculator-page .calculator-hero span{display:block!important;max-width:760px!important;color:var(--wpi-muted)!important;font-size:18px!important;line-height:1.6!important}

@media(max-width:1050px){
  .wpi-route-lesson .lesson-body{grid-template-columns:1fr!important}
  .wpi-route-lesson .lesson-notes{position:static!important}
  .event-detail-hero .event-detail-copy,.event-detail-hero .wpi55-event-copy{left:24px!important;width:min(650px,78vw)!important}
}
@media(max-width:760px){
  .wpi-route-lesson .vocabulary,.wpi-route-lesson .wpi55-vocabulary{grid-template-columns:1fr!important}
  .wpi-route-lesson .vocabulary>div,.wpi-route-lesson .wpi55-vocabulary>div{grid-template-columns:1fr!important;gap:6px!important}
  .event-detail-hero .event-detail-copy,.event-detail-hero .wpi55-event-copy{position:absolute!important;left:20px!important;right:20px!important;width:auto!important;top:50%!important}
}
