/* ALLBARUN V51.1 — scoped UI stability patch
   Purpose: trust-marketing visual consistency + safer Korean heading wrapping.
   This file is linked only from approved pages/layouts; protected pages do not load it. */

/* ---------- Shared trust marketing block: single visual source of truth ---------- */
.allbarun-trust-section{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.allbarun-trust-block{
  box-sizing:border-box!important;
  width:100%!important;
  margin:36px 0 24px!important;
  padding:22px 24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:#0f553b!important;
  background-image:linear-gradient(135deg,#116044 0%,#0d4d36 100%)!important;
  box-shadow:0 14px 34px rgba(17,67,47,.16)!important;
  color:#fff!important;
  text-align:left!important;
}

.allbarun-trust-mid{
  margin:34px 0!important;
}

.allbarun-trust-bottom{
  margin:38px 0 12px!important;
}

.allbarun-trust-label{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:6px 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:#eef4b6!important;
  color:#143e2d!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.allbarun-trust-title{
  display:block!important;
  margin:0 0 9px!important;
  padding:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.45!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

.allbarun-trust-core{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.75!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}

.allbarun-trust-extra{
  margin:12px 0 0!important;
  padding:0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}

.allbarun-trust-link{
  display:inline-block!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.6!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:5px!important;
}
.allbarun-trust-link:hover{color:#eef4b6!important;}

/* ---------- Korean heading wrapping guard ----------
   Intentionally does NOT change font size, font weight, color, or spacing.
   It only prevents awkward intra-word breaking and balances headings when supported. */
.allbarun-v511-heading-guard :where(main,article) :where(h1,h2,h3),
.column-content :where(h2,h3){
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  max-inline-size:100%;
}

@supports (text-wrap: balance){
  .allbarun-v511-heading-guard :where(main,article) :where(h1,h2,h3),
  .column-content :where(h2,h3){
    text-wrap:balance;
  }
}

@media(max-width:640px){
  .allbarun-trust-block{
    margin:28px 0 20px!important;
    padding:19px 18px!important;
    border-radius:18px!important;
  }
  .allbarun-trust-mid{margin:28px 0!important;}
  .allbarun-trust-bottom{margin:30px 0 10px!important;}
  .allbarun-trust-label{
    margin-bottom:11px!important;
    padding:6px 11px!important;
    font-size:13px!important;
  }
  .allbarun-trust-title{
    margin-bottom:8px!important;
    font-size:19px!important;
    line-height:1.5!important;
  }
  .allbarun-trust-core{
    font-size:16px!important;
    line-height:1.72!important;
  }
  .allbarun-trust-extra,
  .allbarun-trust-link{
    font-size:15.5px!important;
    line-height:1.72!important;
  }
}

/* ---------- Mobile heading scale guard ----------
   Applied only on approved V51.1 pages. It keeps existing font weight/color,
   but caps oversized mobile headings that otherwise create 5-line/orphan wraps. */
@media(max-width:430px){
  .allbarun-v511-heading-guard :where(main,article) h1:not(.home-marketing-top *):not(.allbarun-trust-block *){
    font-size:clamp(32px,8.4vw,36px)!important;
    line-height:1.2!important;
  }
  .allbarun-v511-heading-guard :where(main,article) h2:not(.home-marketing-top *):not(.allbarun-trust-block *){
    font-size:clamp(24px,6.4vw,27px)!important;
    line-height:1.45!important;
  }
  .allbarun-v511-heading-guard :where(main,article) h3:not(.home-marketing-top *):not(.allbarun-trust-block *){
    font-size:clamp(20px,5.4vw,23px)!important;
    line-height:1.5!important;
  }
}

/* Assessment/test copy stays untouched; only the mobile heading scale is slightly tighter
   because diagnostic/assessment headings are typically longer. */
@media(max-width:390px){
  .allbarun-v511-assessment-page :where(main,article) h2:not(.home-marketing-top *):not(.allbarun-trust-block *){
    font-size:22px!important;
    line-height:1.5!important;
  }
}

/* ---------- Assessment / self-check marketing visual consistency ----------
   Copy is intentionally untouched. Only color, border, radius, spacing and typography
   are normalized to the same green brand family used by the upper marketing card. */
.allbarun-v511-assessment-page .test-marketing-bottom,
.allbarun-v511-assessment-page .allbarun-bottom-marketing{
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:#0f553b!important;
  background-image:linear-gradient(135deg,#116044 0%,#0d4d36 100%)!important;
  box-shadow:0 14px 34px rgba(17,67,47,.16)!important;
  color:#fff!important;
}
.allbarun-v511-assessment-page .test-marketing-bottom h2,
.allbarun-v511-assessment-page .allbarun-bottom-marketing h2{
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.45!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.allbarun-v511-assessment-page .test-marketing-bottom p,
.allbarun-v511-assessment-page .allbarun-bottom-marketing p{
  margin:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.75!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}
@media(max-width:640px){
  .allbarun-v511-assessment-page .test-marketing-bottom,
  .allbarun-v511-assessment-page .allbarun-bottom-marketing{
    padding:19px 18px!important;
    border-radius:18px!important;
  }
  .allbarun-v511-assessment-page .test-marketing-bottom h2,
  .allbarun-v511-assessment-page .allbarun-bottom-marketing h2{
    font-size:19px!important;
    line-height:1.5!important;
  }
  .allbarun-v511-assessment-page .test-marketing-bottom p,
  .allbarun-v511-assessment-page .allbarun-bottom-marketing p{
    font-size:16px!important;
    line-height:1.72!important;
  }
}
