/* HAOLLA Premium Clarity v1.2
   Targeted readability and document-preview safeguards.
   SEO metadata and substantive search content remain intact. */

body[data-intent="parent-learning-report"] .intentHeroV122 p{max-width:620px}
body[data-intent="parent-learning-report"] .intentHeroV122 + .section .v122Head>p{max-width:420px}
body[data-intent="parent-learning-report"] .intentVisualV122{
  min-height:430px;
  padding:clamp(18px,3vw,30px);
  box-sizing:border-box;
}
body[data-intent="parent-learning-report"] .intentVisualV122 img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:330px;
  object-fit:contain;
  object-position:center;
}
body[data-intent="parent-learning-report"] .intentCaption{max-width:calc(100% - 40px)}

.documentPreview,
.reportPreview,
[data-document-preview],
[data-report-preview]{
  overflow:hidden;
  display:grid;
  place-items:center;
  box-sizing:border-box;
}
.documentPreview img,
.reportPreview img,
[data-document-preview] img,
[data-report-preview] img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center !important;
}
.v122Paper{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}

body[data-premium-clarity="true"] .v122Head>p,
body[data-premium-clarity="true"] .intentCardV122 p,
body[data-premium-clarity="true"] .intentStepV122 p,
body[data-premium-clarity="true"] .intentListV122 span{max-width:58ch}
body[data-premium-clarity="true"] .v122Head{gap:clamp(18px,3vw,34px)}

/* Core conversion pages: keep the first decision area calm and easy to scan. */
body[data-premium-clarity="true"] .premiumHeroLead,
body[data-premium-clarity="true"] .pageHeroV4 p,
body[data-premium-clarity="true"] .moneyHero p,
body[data-premium-clarity="true"] .r1290HubHero p{max-width:62ch}
body[data-premium-clarity="true"] .premiumHeroActions,
body[data-premium-clarity="true"] .heroActions{gap:10px;align-items:center}
body[data-premium-clarity="true"] .premiumProof,
body[data-premium-clarity="true"] .v122HeroCue,
body[data-premium-clarity="true"] .r1290HeroChips{row-gap:7px}
body[data-premium-clarity="true"] .r1290HubCard p{max-width:48ch}
body[data-premium-clarity="true"] .pageVisualPhoto img,
body[data-premium-clarity="true"] .moneyHeroVisual img,
body[data-premium-clarity="true"] .v1263ProofVisual img{max-width:100%}
body[data-premium-clarity="true"] .visualCaption,
body[data-premium-clarity="true"] .floatingNote p,
body[data-premium-clarity="true"] .miniResult p{max-width:52ch}
body[data-premium-clarity="true"] .formPanelV4{box-sizing:border-box;min-width:0}
body[data-premium-clarity="true"] .leadForm input,
body[data-premium-clarity="true"] .leadForm select,
body[data-premium-clarity="true"] .leadForm textarea{max-width:100%;box-sizing:border-box}

@media(max-width:900px){
  body[data-intent="parent-learning-report"] .intentVisualV122{min-height:340px;padding:20px}
  body[data-intent="parent-learning-report"] .intentVisualV122 img{max-height:255px}
  body[data-premium-clarity="true"] .premiumHeroActions,
  body[data-premium-clarity="true"] .heroActions{flex-wrap:wrap}
  body[data-premium-clarity="true"] .r1300Comparison{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body[data-premium-clarity="true"] .r1300Comparison table{min-width:680px}
}
@media(max-width:620px){
  body[data-intent="parent-learning-report"] .intentVisualV122{min-height:300px;padding:18px}
  body[data-intent="parent-learning-report"] .intentVisualV122 img{max-height:215px;max-width:calc(100% - 4px)}
  body[data-intent="parent-learning-report"] .intentCaption{left:14px;right:14px;bottom:14px;max-width:none}
  body[data-premium-clarity="true"] .premiumHeroLead,
  body[data-premium-clarity="true"] .pageHeroV4 p,
  body[data-premium-clarity="true"] .moneyHero p,
  body[data-premium-clarity="true"] .r1290HubHero p{font-size:15px;line-height:1.68}
  body[data-premium-clarity="true"] .premiumHeroActions>a,
  body[data-premium-clarity="true"] .heroActions>a{width:100%;justify-content:center;text-align:center}
  body[data-premium-clarity="true"] .premiumProof,
  body[data-premium-clarity="true"] .v122HeroCue{gap:6px}
  body[data-premium-clarity="true"] .premiumProof span,
  body[data-premium-clarity="true"] .v122HeroCue span,
  body[data-premium-clarity="true"] .r1290HeroChips span{font-size:11px}
}