/* BPF 12.5.12.47.29 — Metabolic Reset premium cosmetic cleanup.
   Layout/typography/spacing only. 47.28 behavior, storage, safety and premium-player routing remain authoritative. */
body[data-bpf-metabolic-ui="1"] .wrap{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  padding-left:clamp(18px,2.4vw,28px)!important;
  padding-right:clamp(18px,2.4vw,28px)!important;
}
body[data-bpf-metabolic-ui="1"] h1{
  font-size:clamp(30px,4.2vw,44px)!important;
  line-height:.96!important;
  letter-spacing:-.012em!important;
}
body[data-bpf-metabolic-ui="1"] .lead{
  max-width:900px!important;
  font-size:14px!important;
  line-height:1.48!important;
}

/* Premium book-hub command: use the width rather than a narrow main column + empty rail. */
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-command{
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:24px 28px!important;
  border-radius:24px!important;
  margin-bottom:14px!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-side{display:none!important}
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-command h1{
  max-width:900px!important;
  margin:8px 0 9px!important;
  font-size:clamp(40px,5vw,56px)!important;
  line-height:.9!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-command .bpf-w4-bookhub-lead{
  max-width:880px!important;
  font-size:14px!important;
  line-height:1.48!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-actions{margin-top:14px!important;gap:9px!important}
body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-action{
  min-height:44px!important;
  padding:11px 15px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}

/* "Hear today's path" should be a compact utility, not a giant hero button. */
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide{
  max-width:760px!important;
  margin:10px 0 0!important;
  padding:9px 11px!important;
  border-radius:12px!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-head strong{font-size:10.5px!important}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-badge{font-size:8px!important}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-controls{
  grid-template-columns:max-content minmax(130px,170px) minmax(145px,220px) max-content!important;
  gap:7px!important;
  margin-top:6px!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide button,
body[data-bpf-metabolic-page="hub"] .bpf-pa-hear{
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide button.primary{min-width:128px!important;width:auto!important}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide select{min-height:36px!important;font-size:12px!important;padding:6px 8px!important}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-volume{font-size:10px!important}
body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-status{margin-top:4px!important;font-size:10px!important;min-height:1em!important}

/* Guided child tools: wider cards, smaller type, less empty vertical space. */
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-guide{
  width:min(980px,100%)!important;
  margin:12px auto 14px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-guide__head{margin-bottom:13px!important}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-step{min-height:0!important}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-step h2{
  font-size:clamp(24px,3.2vw,32px)!important;
  line-height:1!important;
  margin:0 0 8px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-step>p{
  max-width:800px!important;
  font-size:14px!important;
  line-height:1.42!important;
  margin-bottom:13px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-guide__nav{
  margin-top:13px!important;
  padding-top:13px!important;
  gap:9px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-metabolic-guide__nav button{
  min-height:44px!important;
  border-radius:11px!important;
  font-size:14px!important;
}

/* Readiness: keep one-question logic but stop making each question a poster headline. */
body[data-bpf-metabolic-ui="1"] .bpf-guided-shell{
  width:min(980px,100%)!important;
  max-width:980px!important;
  margin:12px auto 15px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-guided-stage .q>p:first-child{
  max-width:860px!important;
  font-size:clamp(23px,3vw,31px)!important;
  line-height:1.04!important;
  margin-bottom:12px!important;
}
body[data-bpf-metabolic-ui="1"] .bpf-guided-nav{margin-top:13px!important}
body[data-bpf-metabolic-ui="1"] .bpf-guided-nav button,
body[data-bpf-metabolic-ui="1"] .bpf-guided-final{min-height:44px!important}

/* Dense selection rows can use the width on desktop instead of stacking into a narrow center column. */
body[data-bpf-metabolic-ui="1"] .chips,
body[data-bpf-metabolic-ui="1"] .seg,
body[data-bpf-metabolic-ui="1"] .durs,
body[data-bpf-metabolic-ui="1"] #durs,
body[data-bpf-metabolic-ui="1"] #picks{max-width:none!important}
body[data-bpf-metabolic-ui="1"] .notice{
  width:min(980px,100%)!important;
  margin:12px auto!important;
}
body[data-bpf-metabolic-ui="1"] .foot{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:760px){
  body[data-bpf-metabolic-ui="1"] .wrap{padding-left:14px!important;padding-right:14px!important}
  body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-command{padding:20px 17px!important}
  body[data-bpf-metabolic-page="hub"] .bpf-w4-bookhub-command h1{font-size:clamp(36px,10vw,48px)!important}
  body[data-bpf-metabolic-page="hub"] .bpf-pa-guide{max-width:none!important}
  body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-controls{grid-template-columns:1fr 1fr!important}
  body[data-bpf-metabolic-page="hub"] .bpf-pa-guide-volume{grid-column:1/-1!important}
  body[data-bpf-metabolic-ui="1"] .bpf-metabolic-guide,
  body[data-bpf-metabolic-ui="1"] .bpf-guided-shell{padding:16px 14px!important}
}
