/* Helder 7.0: shared page introduction and component rhythm. Header is excluded. */
body.gg-helder{--ggh-ink:#102c3b;--ggh-muted:#526574;--ggh-line:#dce4e8;--ggh-soft:#f2f6f8;--ggh-radius:24px}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;width:100%!important;max-width:1280px!important;min-height:400px!important;padding:48px 48px 90px!important;margin:0 auto 28px!important;border:1px solid var(--ggh-line)!important;border-radius:24px!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(90deg,rgba(246,248,250,.99),rgba(246,248,250,.94) 48%,rgba(246,248,250,.18)),var(--ggh-hero-image)!important;background-size:cover!important;background-position:center,right center!important;box-shadow:none!important;color:var(--ggh-ink)!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__copy{max-width:760px!important;width:67%!important;padding:0!important;margin:0!important;background:none!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__eyebrow{display:block!important;margin:0 0 16px!important;font:700 11px/1.5 Outfit,Arial,sans-serif!important;letter-spacing:.14em!important;color:#985000!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero h1{display:block!important;max-width:none!important;width:auto!important;font:600 clamp(32px,3.6vw,48px)/1.13 Outfit,Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0 0 20px!important;color:var(--ggh-ink)!important;text-align:left!important;overflow-wrap:anywhere!important;text-shadow:none!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero h1 *{font:inherit!important;color:inherit!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero p{max-width:62ch!important;margin:0!important;font:400 16px/1.75 Outfit,Arial,sans-serif!important;color:#365161!important;text-align:left!important;text-shadow:none!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit{position:absolute!important;right:24px!important;bottom:24px!important;display:grid!important;gap:4px!important;padding:14px 20px!important;border:1px solid #dce4e8!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;color:#102c3b!important;text-decoration:none!important;max-width:280px!important;box-shadow:0 6px 24px #102c3b0a!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit span{font:500 11px/1.4 Outfit,Arial,sans-serif!important;color:#526574!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit strong{font:600 21px/1.3 Outfit,Arial,sans-serif!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit small{font:400 11px/1.5 Outfit,Arial,sans-serif!important;color:#526574!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit:hover{border-color:#b7864f!important;background:#fff8ee!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools{box-sizing:border-box!important;display:block!important;min-height:0!important;height:auto!important;width:100%!important;max-width:1280px!important;margin:0 auto 28px!important;padding:20px 24px!important;border:1px solid #e1e8ed!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools::before,html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools::after{display:none!important;content:none!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools :is(.ggw-hw-hero__text,.ggt34-hero__copy,.ggw-hub-hero__content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools :is(.ggw-hw-hero__actions,.ggt34-hero__actions){margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools [hidden],html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools[hidden]{display:none!important}
html body.gg-helder #ggw-site#ggw-site main :is(.ggw-card,.ggw-poem-card,.gg-bundle-card,.gg-challenge-card,.ggtheme-shortcode-prompts article){border-color:#dce4e8!important;border-radius:20px!important;box-shadow:0 6px 24px #102c3b06!important}
html body.gg-helder #ggw-site#ggw-site main :is(.ggw-card,.ggw-poem-card,.gg-bundle-card,.gg-challenge-card):hover{border-color:#bfced8!important;box-shadow:0 10px 28px #102c3b0c!important}
html body.gg-helder #ggw-site#ggw-site main :is(.ggw-section-header,.ggw-hw-section__head){gap:24px!important;margin-bottom:28px!important;align-items:end!important}
html body.gg-helder #ggw-site#ggw-site main :is(.ggw-section-header,.ggw-hw-section__head) h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.18!important;letter-spacing:-.02em!important}
html body.gg-helder #ggw-site#ggw-site main :is(input,textarea,select){accent-color:#bb6508}
html body.gg-helder #ggw-site#ggw-site main :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #37799b!important;outline-offset:3px!important}
html body.gg-helder #ggw-site#ggw-site main :is(.gg-faq-answer,.ggw-empty-state,.gg-empty-state){color:#365161!important;line-height:1.75!important}
html body.gg-helder #ggw-site#ggw-site main .gg-faq-item,html body.gg-helder #ggw-site#ggw-site main .gg-faq-group details{border:1px solid #dce4e8!important;border-radius:16px!important;background:white!important;margin-bottom:12px!important}
html body.gg-helder #ggw-site#ggw-site main .gg-faq-group summary{padding:20px!important;font-weight:600!important;color:#102c3b!important}
@media(max-width:800px){html body.gg-helder #ggw-site#ggw-site .ggh-page-hero{padding:36px 30px 120px!important;min-height:340px!important;background-image:linear-gradient(90deg,rgba(246,248,250,.98),rgba(246,248,250,.86)),var(--ggh-hero-image)!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__copy{width:100%!important}html body.gg-helder #ggw-site#ggw-site .ggh-hero-credit{right:20px!important;bottom:20px!important}}
@media(max-width:600px){html body.gg-helder #ggw-site#ggw-site .ggh-page-hero{padding:30px 24px!important;min-height:300px!important;border-radius:20px!important;display:block!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero:has(.ggh-hero-credit){padding-bottom:145px!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero h1{font-size:32px!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero p{font-size:15px!important}html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools{padding:20px!important}}
@media(prefers-reduced-motion:reduce){html body.gg-helder #ggw-site#ggw-site main *,html body.gg-helder #ggw-site#ggw-site main *::before,html body.gg-helder #ggw-site#ggw-site main *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

html body.gg-helder #ggw-site#ggw-site .ggh-hero-external{width:calc(100% - 40px)!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools .ggt34-hero__copy{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
html body.gg-helder #ggw-site#ggw-site .ggh-hero-tools .ggt34-back{margin:0!important}
@media(max-width:700px){html body.gg-helder #ggw-site#ggw-site .ggh-hero-external{width:calc(100% - 20px)!important}}

html body.gg-helder #ggw-site#ggw-site .ggh-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 auto 28px;max-width:1280px;padding:20px 24px;border:1px solid #dce4e8;border-radius:18px;background:#fff}

html body.gg-helder #ggw-site#ggw-site main .ggt34-theme-page{margin-top:0!important}

html body.gg-helder #ggw-site#ggw-site main .ggt34-theme-page .gg45-field:not(:first-child){grid-column:auto!important}

/* 7.1: one calm image, shorter intro and an exact header-to-hero gap. */
html body.gg-helder #ggw-site#ggw-site #vv49-shell-header{margin-bottom:0!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero{--ggh-central-image:url('../images/hero-collection/home.webp');background-image:linear-gradient(90deg,rgba(246,248,250,.99),rgba(246,248,250,.94) 48%,rgba(246,248,250,.28)),var(--ggh-central-image)!important;min-height:260px!important;padding:32px 40px!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero.ggh-after-header{width:calc(100% - 40px)!important;margin:25px auto 24px!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero h1{font-size:clamp(30px,3vw,40px)!important;margin-bottom:14px!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__eyebrow{margin-bottom:12px!important;font-size:10px!important}
html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__copy{width:75%!important}
html body.gg-helder #ggw-site#ggw-site .ggblog-hero-top-gap{display:none!important}
html body.gg-helder #vv49-shell-header .ggh-header-credit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;min-height:34px!important;padding:6px 10px!important;border:1px solid #dce4e8!important;border-radius:12px!important;background:#f2f6f8!important;color:#102c3b!important;text-decoration:none!important;white-space:nowrap!important;font:500 11px/1.4 Outfit,Arial,sans-serif!important}
html body.gg-helder #vv49-shell-header .ggh-header-credit strong{font:600 14px/1.4 Outfit,Arial,sans-serif!important;order:-1!important}
html body.gg-helder #vv49-shell-header .ggh-header-credit small{display:none!important}
html body.gg-helder #vv49-shell-header .ggh-header-credit:hover{background:#e5edf3!important}
html body.gg-helder #vv49-shell-header .ggh-header-credit:focus-visible{outline:3px solid #37799b!important;outline-offset:3px!important}
@media(max-width:700px){html body.gg-helder #ggw-site#ggw-site .ggh-page-hero.ggh-after-header{width:calc(100% - 20px)!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero{min-height:220px!important;padding:26px 24px!important;background-image:linear-gradient(90deg,rgba(246,248,250,.98),rgba(246,248,250,.86)),var(--ggh-central-image)!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero__copy{width:100%!important}html body.gg-helder #ggw-site#ggw-site .ggh-page-hero h1{font-size:30px!important}html body.gg-helder #vv49-shell-header .vv49-actions:has(.ggh-header-credit){grid-template-columns:repeat(4,minmax(0,1fr))!important}html body.gg-helder #vv49-shell-header .ggh-header-credit{padding:5px 7px!important;min-width:0!important}}

/* 7.1.1: balance on the header image, above the navigation. */
html body.gg-helder #vv49-shell-header .vv58-topline{position:relative!important}
html body.gg-helder #vv49-shell-header .vv58-topline>.ggh-header-credit{position:absolute!important;right:18px!important;top:18px!important;z-index:3!important;background:rgba(255,255,255,.94)!important;box-shadow:0 3px 12px #102c3b0a!important}
@media(max-width:1020px){html body.gg-helder #vv49-shell-header .vv58-topline:has(>.ggh-header-credit) .vv58-branding{padding-top:44px!important}html body.gg-helder #vv49-shell-header .vv58-topline>.ggh-header-credit{top:8px!important;right:10px!important;min-height:26px!important;padding:3px 8px!important}}

/* 7.3: the header balance belongs to desktop only; do not reserve mobile space. */
@media(max-width:1024px){html body.gg-helder #vv49-shell-header .ggh-header-credit{display:none!important}html body.gg-helder #vv49-shell-header .vv58-topline:has(>.ggh-header-credit) .vv58-branding{padding-top:0!important}}