/* JMA national qualification visual consistency - draft 2026-10-18
   Reference: archive-jma-school.php / jma-venue-index.css
   Changes apply only to course / first / second / why-jma. */

body.page-id-9887 article#single_school,
body.page-id-9902 article#single_school,
body.page-id-9899 article#single_school,
body.page-id-9962 article#single_school{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  min-width:0!important;overflow:visible!important;text-align:initial!important;box-sizing:border-box!important
}
/* Venue style: full-bleed navy-blue hero, no raised box */
.jma-unified-course-hero,
body.page-id-9902 .jma-lp-content>.hero,
body.page-id-9899 .jma-lp-content>.hero,
body.page-id-9962 .jma-why-simple>.hero{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:linear-gradient(120deg,#0e294a,#234e79)!important;
  color:#fff!important;box-sizing:border-box!important;
}
.jma-unified-course-hero{padding:72px 0 76px}
.jma-unified-hero-inner{width:min(1120px,calc(100% - 36px));margin:0 auto;text-align:left}
.jma-unified-kicker{font-weight:800;color:#f7b924;letter-spacing:.18em;font-size:12px;margin:0 0 12px!important}
.jma-unified-course-hero h1{font-size:clamp(32px,4.5vw,49px);font-weight:650;line-height:1.35;color:#fff!important;margin:10px 0 18px!important;text-align:left!important}
.jma-unified-course-hero .jma-unified-hero-inner>p:not(.jma-unified-kicker){color:#e9f3fe;max-width:760px;font-size:17px;line-height:1.9;margin:0 0 24px!important}
.jma-unified-hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:11px 22px;border:2px solid #f7b924;border-radius:9px;background:#f7b924;color:#102a49!important;font-size:15px;font-weight:800;text-decoration:none!important}
/* Restrict existing page body to comfortable reading width, without affecting the hero. */
body.page-id-9887 article#single_school>.jma-course-pricing,
body.page-id-9887 article#single_school>div:not(.jma-unified-course-hero),
body.page-id-9887 article#single_school>p,
body.page-id-9887 article#single_school>span#jma-course-details{
  max-width:1100px;margin-left:auto!important;margin-right:auto!important
}
body.page-id-9887 article#single_school>div:not(.jma-unified-course-hero){width:min(1100px,calc(100% - 36px))!important}
body.page-id-9887 article#single_school>span#jma-course-details{display:block;scroll-margin-top:110px}
/* Both class LPs: place their EXISTING main hero before the already-present value banner.
   Preserve ALL course content and existing CTA hrefs. */
body.page-id-9902 .jma-lp-content,
body.page-id-9899 .jma-lp-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;text-align:initial!important}
body.page-id-9902 .jma-lp-content>.hero,
body.page-id-9899 .jma-lp-content>.hero{order:-1!important;padding:68px 0 72px!important;text-align:left!important}
body.page-id-9902 .jma-lp-content>.hero>.container,
body.page-id-9899 .jma-lp-content>.hero>.container{
  max-width:1120px!important;width:calc(100% - 36px)!important;
  margin:0 auto!important;padding:0!important;text-align:left!important
}
body.page-id-9902 .jma-lp-content>.hero h1,
body.page-id-9899 .jma-lp-content>.hero h1{
  font-size:clamp(30px,4.5vw,47px)!important;line-height:1.34!important;
  font-weight:650!important;text-align:left!important;
  width:auto!important;max-width:850px!important;margin:11px 0 16px!important;
}
body.page-id-9902 .jma-lp-content>.hero .hero-label,
body.page-id-9899 .jma-lp-content>.hero .hero-label{
  display:inline-block!important;font-size:12px!important;letter-spacing:.12em!important;
  font-weight:800!important;color:#f7b924!important;background:none!important;
  border:0!important;padding:0!important;margin:0 0 12px!important
}
body.page-id-9902 .jma-lp-content>.hero .catch,
body.page-id-9899 .jma-lp-content>.hero .catch,
body.page-id-9902 .jma-lp-content>.hero .lead,
body.page-id-9899 .jma-lp-content>.hero .lead{
  text-align:left!important;color:#e9f3fe!important;font-size:16px!important;
  line-height:1.8!important;max-width:790px!important;margin:0 0 15px!important;
}
body.page-id-9902 .jma-lp-content>.hero .cta-group,
body.page-id-9899 .jma-lp-content>.hero .cta-group{
  justify-content:flex-start!important;align-items:center!important;
  margin:22px 0 18px!important;gap:12px!important
}
body.page-id-9902 .jma-lp-content>.hero .hero-badges,
body.page-id-9899 .jma-lp-content>.hero .hero-badges{
  justify-content:flex-start!important;margin-top:16px!important;gap:8px!important
}
body.page-id-9902 .jma-lp-content>div:not(.hero),
body.page-id-9899 .jma-lp-content>div:not(.hero),
body.page-id-9902 .jma-lp-content>section,
body.page-id-9899 .jma-lp-content>section{
  width:min(1100px,calc(100% - 36px))!important;max-width:1100px!important;
  margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important
}
body.page-id-9902 .jma-lp-content>div:not(.hero):first-of-type,
body.page-id-9899 .jma-lp-content>div:not(.hero):first-of-type{
  margin-top:27px!important;margin-bottom:28px!important
}
/* Shorten the first-screen presentation: avoid fixed orange CTA covering content on these two pages. */
/* Keep the existing application link available without covering central content. */
body.page-id-9887 .ft_btn,
body.page-id-9902 .ft_btn,
body.page-id-9899 .ft_btn{display:flex!important;position:fixed!important;left:auto!important;right:18px!important;bottom:18px!important;width:auto!important;z-index:100!important;pointer-events:none!important}
body.page-id-9887 .ft_btn .btn-wrap,
body.page-id-9902 .ft_btn .btn-wrap,
body.page-id-9899 .ft_btn .btn-wrap{margin:0!important;pointer-events:auto!important}
body.page-id-9887 .ft_btn a.btn-c,
body.page-id-9902 .ft_btn a.btn-c,
body.page-id-9899 .ft_btn a.btn-c{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:47px!important;width:auto!important;margin:0!important;padding:11px 19px!important;border:2px solid #f7b924!important;border-radius:10px!important;background:#102a49!important;box-shadow:0 3px 14px rgba(9,30,53,.21)!important;color:#fff!important;letter-spacing:0!important;font-size:14px!important;line-height:1.3!important}
body.page-id-9887 .ft_btn a.btn-c span,
body.page-id-9902 .ft_btn a.btn-c span,
body.page-id-9899 .ft_btn a.btn-c span{display:none!important}
body.page-id-9887 .ft_btn a.btn-c i,
body.page-id-9902 .ft_btn a.btn-c i,
body.page-id-9899 .ft_btn a.btn-c i{margin-right:8px!important}
@media(max-width:720px){body.page-id-9887 .ft_btn,body.page-id-9902 .ft_btn,body.page-id-9899 .ft_btn{right:10px!important;bottom:10px!important}body.page-id-9887 .ft_btn a.btn-c,body.page-id-9902 .ft_btn a.btn-c,body.page-id-9899 .ft_btn a.btn-c{font-size:12px!important;padding:10px 13px!important;min-height:43px!important}}
/* Why JMA: same full-width design, preserve the three reason cards and all content. */
body.page-id-9962 .jma-why-simple{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.page-id-9962 .jma-why-simple>.hero{
  padding:72px max(18px,calc((100vw - 1120px)/2)) 76px!important;
  text-align:left!important
}
body.page-id-9962 .jma-why-simple>.hero h1{
  text-align:left!important;font-size:clamp(30px,4.6vw,48px)!important;
  max-width:920px!important;margin:13px 0 20px!important;line-height:1.35!important;font-weight:650!important
}
body.page-id-9962 .jma-why-simple>.hero .kicker{
  text-align:left!important;color:#f7b924!important;margin:0 0 10px!important;letter-spacing:.18em!important
}
body.page-id-9962 .jma-why-simple>.hero>p{
  text-align:left!important;max-width:800px!important;margin:0 0 18px!important;
  line-height:1.85!important;color:#e9f3fe!important
}
body.page-id-9962 .jma-why-simple>.hero .quick{
  margin:27px 0!important;max-width:980px!important
}
body.page-id-9962 .jma-why-simple>.hero .actions{
  justify-content:flex-start!important;margin-top:21px!important
}
body.page-id-9962 .jma-why-simple>.section,
body.page-id-9962 .jma-why-simple>.end{
  width:min(1120px,calc(100% - 36px))!important;max-width:1120px!important;
  margin-left:auto!important;margin-right:auto!important
}
body.page-id-9962 .jma-why-simple>.section{margin-top:75px!important}
@media(max-width:760px){
  .jma-unified-course-hero{padding:48px 0 52px}
  body.page-id-9902 .jma-lp-content>.hero,body.page-id-9899 .jma-lp-content>.hero{padding:48px 0 54px!important}
  body.page-id-9962 .jma-why-simple>.hero{padding:48px 18px 54px!important}
  body.page-id-9902 .jma-lp-content>.hero .cta-group,
  body.page-id-9899 .jma-lp-content>.hero .cta-group{align-items:flex-start!important}
  body.page-id-9902 .jma-lp-content>.hero .cta-group a.btn,
  body.page-id-9899 .jma-lp-content>.hero .cta-group a.btn{width:auto!important;max-width:100%!important}
}