/* Apple-style CGT information site. Loaded after legacy styles. */
:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#deded8;--cream:#f7ead7;--peach:#fde3d5;--sage:#e5efe4;--sky:#e6f0f6;--lilac:#eee8f5;--butter:#f7efc9;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.progress,.training-progress,.complete-button,footer,.hero-gms-logo{display:none!important}
.site-header{position:sticky;top:0;z-index:50;height:56px;padding:0 max(22px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.86);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:saturate(180%) blur(18px)}
.site-header .brand{gap:10px;font-weight:600;color:var(--ink)}
.site-header .brand img{width:30px;height:30px;object-fit:contain}
.site-header a{font-size:13px;font-weight:400;color:var(--ink)}
.site-header .header-action{padding:7px 14px;border-radius:999px;background:var(--ink);color:#fff}
.menu-button{font-size:0}
.menu-button:after{content:"☰";font-size:19px;font-weight:400}
.hero,.module-hero.has-image{position:relative!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(390px,2fr)!important;width:min(1180px,calc(100% - 32px))!important;height:430px!important;min-height:0!important;margin:20px auto 0!important;padding:0!important;overflow:hidden;border-radius:20px!important;background:var(--cream)!important}
.hero picture,.module-hero-media{position:relative!important;inset:auto!important;display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:430px!important;min-height:0!important;background:var(--cream)!important;overflow:hidden}
.hero picture img,.module-hero-image{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:var(--hero-x,50%) var(--hero-y,50%)!important;background:var(--cream)!important}
.hero-copy,.module-hero.has-image>.container{position:relative!important;z-index:2!important;grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;width:100%!important;padding:44px!important;background:var(--cream)!important;color:var(--ink)!important}
.module-hero.has-image>.container>div{width:100%!important;max-width:480px!important}
.hero-copy h1,.module-hero.has-image h1{max-width:10ch!important;margin:0 0 18px!important;font-size:clamp(48px,5vw,72px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.045em!important;color:var(--ink)!important}
.hero-copy .lead,.module-hero.has-image .lead{max-width:430px!important;margin:0!important;font-size:18px!important;font-weight:400!important;line-height:1.55!important;color:#424245!important}
body.home{--hero-x:50%;--hero-y:50%}
body[data-module="pembuka"]{--hero-x:50%;--hero-y:50%}
body[data-module="visi"]{--hero-x:50%;--hero-y:48%}
body[data-module="kelompok"]{--hero-x:52%;--hero-y:50%}
body[data-module="komponen"]{--hero-x:50%;--hero-y:50%}
body[data-module="connect"]{--hero-x:50%;--hero-y:50%}
body[data-module="pemuridan"]{--hero-x:48%;--hero-y:50%}
.eyebrow,.map-label{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important}
.container{width:min(1080px,calc(100% - 40px))}
.map-section,.lesson-block,.checkpoint,.closing{padding:56px 0!important}
.map-section{background:var(--sky)!important}
.lesson-index{padding:40px 0!important;background:#fff!important}
.lesson-block.soft{background:var(--sage)!important}
body[data-module="visi"] .lesson-block:first-of-type{background:var(--sky)!important}
body[data-module="kelompok"] #musa{background:var(--butter)!important}
body[data-module="connect"] #bukan{background:var(--peach)!important}
body[data-module="connect"] #struktur{background:var(--sky)!important}
body[data-module="pemuridan"] .lesson-block:nth-of-type(2){background:var(--butter)!important}
body[data-module="pemuridan"] .lesson-block.dark{background:var(--lilac)!important;color:var(--ink)!important}
body[data-module="pemuridan"] .lesson-block.dark h2{color:var(--ink)!important}
body[data-module="pemuridan"] .lesson-block.dark .eyebrow{color:var(--muted)!important}
.lesson-block h2,.checkpoint h2,.closing h2{max-width:800px;margin:0 0 24px!important;font-size:clamp(34px,4vw,52px)!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.035em!important}
.lesson-block p,.checkpoint p,.compact-card p,.callings p{font-size:16px!important;font-weight:400!important;line-height:1.6!important;color:#515154!important}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.compact-card,.callings article,.map-card,.balance>*{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.compact-card{padding:24px!important}
.simple-table{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.simple-table article{display:block!important;padding:24px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}
.simple-table article>span{display:block;margin-bottom:28px;color:var(--muted);font-size:13px}
.compact-card h3,.callings h3,.map-card h3{font-size:21px!important;font-weight:600!important;line-height:1.2!important}
.training-map{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.map-card{min-height:190px!important;padding:24px!important}
.map-card:nth-child(6n+1){background:var(--peach)!important}.map-card:nth-child(6n+2){background:var(--sage)!important}.map-card:nth-child(6n+3){background:var(--sky)!important}.map-card:nth-child(6n+4){background:var(--lilac)!important}.map-card:nth-child(6n+5){background:var(--butter)!important}.map-card:nth-child(6n){background:#f8e7dc!important}
.map-card .open{font-weight:500!important}
.balance .center{background:var(--lilac)!important;color:var(--ink)!important;border-color:#d8cce7!important}
.flow-row span{background:var(--butter)!important;color:var(--ink)!important;border:1px solid #d9c66e!important}
.callings span{background:var(--peach)!important;color:var(--ink)!important;border:1px solid #ddb59f!important}
.module-meta{display:none!important}
.hierarchy{max-width:560px!important}
.hierarchy div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:10px 20px!important;border-radius:14px!important;font-weight:600!important;line-height:1.25!important}
.hierarchy div small{display:block!important;margin-top:4px!important;font-size:13px!important;font-weight:400!important;line-height:1.3!important;color:var(--muted)!important}
.hierarchy b{height:18px!important;background:#aaa69e!important}
.triangle{isolation:isolate}
.triangle:before{display:none!important}
.triangle-connectors{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible}
.triangle-connectors path{fill:none;stroke:#b7aa83;stroke-width:2;vector-effect:non-scaling-stroke}
.triangle .core{background:var(--peach)!important;color:var(--ink)!important;border:2px solid #d8aa91!important}
.triangle .point b{background:var(--butter)!important;border:2px solid #d3bd61!important}
.lesson-links{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.lesson-links a{min-height:72px!important;padding:16px 18px!important;border-radius:12px!important}
.module-nav{border-top:1px solid var(--line)!important;background:#fff!important}
.module-nav .container{display:flex!important;justify-content:space-between!important;padding:24px 0!important}
.module-nav a{font-weight:500!important}
@media(max-width:900px){
 .hero,.module-hero.has-image{grid-template-columns:1fr!important;height:auto!important}
 .hero picture,.module-hero-media{grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9}
 .hero-copy,.module-hero.has-image>.container{grid-column:1!important;grid-row:2!important;padding:36px 28px 40px!important;align-items:flex-start!important}
 .hero-copy h1,.module-hero.has-image h1{font-size:clamp(42px,9vw,58px)!important;max-width:12ch!important}
 .compact-grid,.training-map,.simple-table{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .lesson-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 .site-header{padding:0 18px}.site-header .header-action{display:none}
 .hero,.module-hero.has-image{width:calc(100% - 16px)!important;margin-top:8px!important;border-radius:16px!important}
 .hero picture,.module-hero-media{aspect-ratio:16/9}
 .hero-copy,.module-hero.has-image>.container{padding:30px 22px 34px!important}
 .hero-copy h1,.module-hero.has-image h1{font-size:42px!important}
 .map-section,.lesson-block,.checkpoint,.closing{padding:40px 0!important}
 .lesson-block h2,.checkpoint h2,.closing h2{font-size:34px!important}
 .compact-grid,.training-map,.lesson-links,.simple-table{grid-template-columns:1fr!important}
 .map-card{min-height:0!important}
 .triangle-connectors path{stroke-width:1.5}
}
/* home hero: CGT 1 jadi eyebrow di atas judul, bukan sejajar judul */
.hero-copy>div{display:block!important}
.hero-copy .eyebrow{margin:0 0 12px!important}
.hero-copy h1{margin:0!important}