/* THE GREEN HUBS R8.2 | Mountain Oasis public-facing polish.
   Fixes: Arabic headline rhythm, first proof card, footer email alignment,
   shared Mountain Oasis visual identity on offering and knowledge pages.
   Never targets signed-in application pages. */

/* Arabic hero: Naskh needs more baseline height than the Latin display type. */
html[dir="rtl"] body.web .gh-home-hero h1{
  font-family:var(--w-naskh),"Noto Naskh Arabic",serif!important;
  font-size:clamp(40px,4.7vw,66px)!important;
  line-height:1.53!important;
  letter-spacing:0!important;
  max-width:14ch!important;
  overflow-wrap:normal;word-break:normal;
  text-wrap:balance;
  margin-block:0 12px!important;
}
html[dir="rtl"] body.web .gh-home-hero h1 em{font:inherit;color:#93f05e;white-space:normal}
html[dir="rtl"] body.web .gh-home-hero .gh-hero-content{min-width:0;max-width:100%}
html[dir="rtl"] body.web .gh-home-hero .gh-hero-intro{line-height:1.85!important;margin-top:8px!important}
@media(max-width:900px){
 html[dir="rtl"] body.web .gh-home-hero h1{font-size:clamp(38px,7vw,60px)!important;line-height:1.5!important}
 html[dir="rtl"] body.web .gh-home-hero .gh-hero-grid{padding-block:50px 365px!important}
}
@media(max-width:600px){
 html[dir="rtl"] body.web .gh-home-hero h1{font-size:clamp(34px,9vw,47px)!important;line-height:1.55!important;max-width:100%!important}
 html[dir="rtl"] body.web .gh-home-hero .gh-hero-grid{padding-block:30px 275px!important;min-height:760px!important}
}

/* Proof Layers: the first sheet is centered and raised on initial visit. */
#sip-showcase.ghn-proof .ghn-sheet[data-layer="0"].active{z-index:5!important;transform:translate(-50%,-54%) rotate(0deg) scale(1.05)!important;background:#fff!important}

/* RTL footer: keep the email attached to the same right-hand edge as the brand copy. */
html[dir="rtl"] body.web .gh-footer .gh-footer-brand{
  align-items:flex-start!important;text-align:start!important;
}
html[dir="rtl"] body.web .gh-footer .gh-footer-brand>a,
html[dir="rtl"] body.web .gh-footer .gh-footer-brand>p{
  align-self:flex-start!important;text-align:start!important;
}
body.web .gh-footer .gh-footer-brand .gh-footer-email{display:inline-flex!important;width:fit-content;max-width:100%;margin:0!important;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere;unicode-bidi:isolate}
body.web .gh-footer .gh-footer-email bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
@media(max-width:400px){body.web .gh-footer .gh-footer-email bdi{white-space:normal}}

/* Inner solution hero: identical art, depth, palette, buttons and logo/header to the homepage. */
body.web .gh-r82-solution-page{background:#fff;color:#0c3020}
body.web .gh-r82-solution-hero{
  isolation:isolate;position:relative;overflow:hidden;color:#fff;
  min-height:570px!important;
  background:linear-gradient(92deg,rgba(3,34,24,.94) 0%,rgba(3,34,24,.84) 34%,rgba(3,34,24,.35) 73%,rgba(3,34,24,.16) 100%),url('/static/gh-visuals/architecture.webp') 56% 55%/cover no-repeat!important;
}
body.web .gh-r82-solution-hero::after,body.web .gh-r82-solution-hero::before{content:none!important;display:none!important}
body.web .gh-r82-solution-hero-inner{display:flex;align-items:center;min-height:570px;padding-block:62px 75px}
body.web .gh-r82-solution-copy{max-width:min(710px,68%);min-width:0}
body.web .gh-r82-solution-copy .gh-eyebrow{color:#a6f47e;font-size:12px;font-weight:750;letter-spacing:.14em;margin:0 0 17px}
body.web .gh-r82-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:#d6eadd;margin-bottom:14px}
body.web .gh-r82-breadcrumb a{color:#e5f3e9;text-decoration:underline;text-underline-offset:5px}
body.web .gh-r82-solution-copy h1{color:#fff;font:600 clamp(46px,5.1vw,76px)/1.12 var(--w-serif);letter-spacing:-.034em;margin:0 0 18px;max-width:18ch;text-wrap:balance}
body.web .gh-r82-promise{color:#f7fff7;font-size:clamp(19px,2.1vw,26px);line-height:1.55;font-weight:550;max-width:43ch;margin:0 0 16px}
body.web .gh-r82-intro{color:#e1eee4;font-size:clamp(15px,1.4vw,18px);line-height:1.7;max-width:52ch;margin:0 0 29px}
body.web .gh-r82-solution-hero .gh-actions{display:flex;flex-wrap:wrap;gap:12px}
body.web .gh-r82-solution-hero .pbtn{min-height:52px;padding:14px 23px}
body.web .gh-r82-solution-hero .pbtn-ghost{border-color:#d5e9db;color:#fff;background:rgba(3,28,19,.24)}
body.web .gh-r82-solution-hero .pbtn-ghost:hover{background:#1d4436}
html[dir="rtl"] body.web .gh-r82-solution-hero{
 background:linear-gradient(268deg,rgba(3,34,24,.95) 0%,rgba(3,34,24,.8) 37%,rgba(3,34,24,.31) 72%,rgba(3,34,24,.13) 100%),url('/static/gh-visuals/architecture-rtl.webp') 44% 55%/cover no-repeat!important
}
html[dir="rtl"] body.web .gh-r82-solution-copy h1{font-family:var(--w-naskh);font-size:clamp(40px,4.4vw,66px);line-height:1.52;letter-spacing:0;max-width:100%}
html[dir="rtl"] body.web .gh-r82-solution-copy .gh-r82-promise{line-height:1.9}

/* Keep existing per-solution data, but render every content band in the selected aesthetic. */
body.web .gh-r82-solution-page .wb-paper{background:#fff;color:#0b3021}
body.web .gh-r82-solution-page .wb-stone{background:#f6f9f4;color:#0b3021}
body.web .gh-r82-solution-page .wb:not(.wb-night){padding-block:clamp(48px,5.8vw,86px)}
body.web .gh-r82-solution-page .wb h2{color:#103b28;font-family:var(--w-serif);font-size:clamp(28px,3vw,43px);line-height:1.25}
html[dir="rtl"] body.web .gh-r82-solution-page .wb h2{font-family:var(--w-naskh);line-height:1.55}
body.web .gh-r82-solution-page .wtheme{border-color:#d5e5d8;border-radius:8px;overflow:hidden;background:#fff}
body.web .gh-r82-solution-page .wtheme summary{color:#14422b}
body.web .gh-r82-solution-page .wout li::marker,body.web .gh-r82-solution-page .wsteps li::marker{color:#50a745}
body.web .gh-r82-solution-page .wothers a{color:#174f31}
body.web .gh-r82-solution-page .wclose{background:#04291d;color:#fff}
body.web .gh-r82-solution-page .wclose h2{color:#fff}
body.web .gh-r82-solution-page .wclose .pbtn-leaf{background:#93fa58;color:#07251b;border-color:#93fa58}

/* Knowledge and solutions index destinations of Hub Zero — match the same mountain photography. */
body.web .gh-r82-mountain-editorial{min-height:410px;background-image:linear-gradient(92deg,rgba(3,34,24,.94) 0%,rgba(3,34,24,.72) 38%,rgba(3,34,24,.23) 80%),url('/static/gh-visuals/architecture.webp')!important;background-position:56% 55%!important;background-size:cover!important}
body.web .gh-r82-mountain-editorial h1{color:#fff!important}
body.web .gh-r82-mountain-editorial p:not(.gh-eyebrow){color:#f0f8f0!important}
body.web .gh-r82-mountain-editorial .gh-eyebrow{color:#a6f47e!important}
html[dir="rtl"] body.web .gh-r82-mountain-editorial{background-image:linear-gradient(268deg,rgba(3,34,24,.95),rgba(3,34,24,.68) 44%,rgba(3,34,24,.24)),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:44% 55%!important}
html[dir="rtl"] body.web .gh-r82-mountain-editorial h1{font-family:var(--w-naskh);line-height:1.5;letter-spacing:0}

@media(max-width:900px){
 body.web .gh-r82-solution-hero{min-height:770px!important;background-image:linear-gradient(180deg,#04291d 0%,rgba(4,41,29,.98) 23%,rgba(4,41,29,.86) 43%,rgba(4,41,29,.35) 66%,transparent 85%),url('/static/gh-visuals/architecture.webp')!important;background-size:100% 100%,auto 85%!important;background-position:center top,62% bottom!important}
 body.web .gh-r82-solution-hero-inner{min-height:770px;padding-block:50px 295px;align-items:flex-start}
 body.web .gh-r82-solution-copy{max-width:100%}
 html[dir="rtl"] body.web .gh-r82-solution-hero{background-image:linear-gradient(180deg,#04291d 0%,rgba(4,41,29,.98) 23%,rgba(4,41,29,.86) 43%,rgba(4,41,29,.35) 66%,transparent 85%),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:center top,38% bottom!important}
 body.web .gh-r82-mountain-editorial{background-image:linear-gradient(180deg,rgba(3,34,24,.98),rgba(3,34,24,.8) 53%,rgba(3,34,24,.21)),url('/static/gh-visuals/architecture.webp')!important;background-position:center top,60% center!important}
 html[dir="rtl"] body.web .gh-r82-mountain-editorial{background-image:linear-gradient(180deg,rgba(3,34,24,.98),rgba(3,34,24,.8) 53%,rgba(3,34,24,.21)),url('/static/gh-visuals/architecture-rtl.webp')!important;background-position:center top,40% center!important}
}
@media(max-width:600px){
 body.web .gh-r82-solution-hero{min-height:795px!important;background-size:100% 100%,auto 76%!important}
 body.web .gh-r82-solution-hero-inner{min-height:795px;padding-block:36px 275px}
 body.web .gh-r82-solution-copy h1{font-size:clamp(38px,9.5vw,52px);line-height:1.2}
 html[dir="rtl"] body.web .gh-r82-solution-copy h1{font-size:clamp(36px,9vw,47px);line-height:1.55}
 body.web .gh-r82-promise{font-size:18px;line-height:1.65}
 body.web .gh-r82-intro{font-size:14px;line-height:1.7;margin-bottom:20px}
 body.web .gh-r82-solution-hero .gh-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 body.web .gh-r82-solution-hero .pbtn{width:100%;text-align:center;justify-content:center}
 body.web .gh-r82-mountain-editorial{min-height:430px;padding:45px 0}
 body.web .gh-r82-mountain-editorial h1{font-size:clamp(38px,9vw,54px);line-height:1.25}
 html[dir="rtl"] body.web .gh-r82-mountain-editorial h1{line-height:1.6}
}