/* v77 — mode baca modul: cover (judul, subjudul, bodycopy) + halaman detail bergaya editorial (Gen Z) */
.docwrap.rdr-on>*:not(.rdr):not(.rdr-back){display:none!important}
.docwrap.rdr-on .rdr-back{display:none}
.docwrap:not(.rdr-on) .rdr{display:none}
.rdr-back{margin:0 0 10px;font:inherit;font-size:12.5px;font-weight:800;border:1.5px solid rgba(18,35,42,.16);background:#E6EEFB;color:#12232a;border-radius:99px;padding:6px 14px;cursor:pointer;box-shadow:0 3px 10px rgba(18,35,42,.08)}
.rdr{--o:#123B7A;--a:#D4A33D;--s:#9AD7E6;--c:#E6EEFB;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;container-type:inline-size;width:100%;max-width:1240px;margin:0 auto}
.rdr-pg{--ink:#12232a;--muted:#4a6670;--line:rgba(43,33,24,.16);--surface:#fff;--accent:#123B7A;color:#12232a}
.docwrap.rdr-on{max-width:min(1600px,100%)!important}
.rdr-top,.rdr-nav,.rdr-alt,.rdr-cnt{color:var(--ink,inherit)}
.rdr *{box-sizing:border-box}
.rdr-top{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.rdr-seg{display:flex;gap:4px;flex:1}
.rdr-seg i{flex:1;height:7px;border-radius:9px;background:rgba(127,127,127,.25);cursor:pointer;transition:.2s}
.rdr-seg i.on{background:var(--o)}.rdr-seg i.cur{background:currentColor;transform:scaleY(1.5)}
.rdr-cnt{font-size:12px;font-weight:800;opacity:.7;white-space:nowrap}
.rdr-pg{border-radius:28px;border:1.5px solid rgba(18,35,42,.16);overflow:hidden;box-shadow:0 14px 40px rgba(18,35,42,.10);background:var(--c);position:relative;animation:rdrin .35s ease both}
@keyframes rdrin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rdr-hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:10px;align-items:center;padding:clamp(18px,3.2cqw,48px) clamp(16px,3.4cqw,52px) clamp(16px,2.6cqw,36px);overflow:hidden}
.rdr-num{position:absolute;right:-6px;top:-34px;font:800 clamp(110px,17cqw,230px)/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(15,118,110,.16);pointer-events:none;user-select:none}
.rdr-kick{display:inline-flex;gap:8px;align-items:center;font-size:11.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;background:#12232a;color:#E6EEFB;padding:5px 12px;border-radius:99px;transform:none}
.rdr h2{margin:14px 0 14px;font:800 clamp(26px,5.2cqw,64px)/1.03 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;color:inherit;position:relative}
.rdr h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--hl,#D4A33D) 58% 92%,transparent 92%);padding:0 4px}
.rdr-goal{display:inline-block;max-width:520px;background:#FCEFC9;color:#12232a;border:1.5px solid rgba(18,35,42,.16);border-radius:6px;padding:10px 14px;font-size:13.5px;line-height:1.45;transform:none;box-shadow:0 4px 14px rgba(18,35,42,.10)}
.rdr-goal b{display:block;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:3px}
.rdr-art svg{width:100%;height:auto;display:block;max-height:260px}
.rdr-pg.v1 .rdr-hero{grid-template-columns:1fr;text-align:center;justify-items:center}
.rdr-pg.v1 .rdr-art{order:-1;width:min(300px,70%)}
.rdr-pg.v2 .rdr-hero{grid-template-columns:.75fr 1.25fr;text-align:right}
.rdr-pg.v2 .rdr-art{order:-1}.rdr-pg.v2 .rdr-num{right:auto;left:-6px}
.rdr-pg.v3{background:#0d2c5c;color:#E6EEFB}
.rdr-pg.v3 .rdr-hero{padding-bottom:32px}.rdr-pg.v3 .rdr-num{-webkit-text-stroke-color:rgba(255,241,220,.16)}
.rdr-pg.v3 .rdr-kick{background:var(--o);color:#fff}
.rdr-pg.th0{--hl:#C4D6F2}.rdr-pg.th1{background:#E2EFF6;--hl:#f7dca0}.rdr-pg.th2{background:#FBF0D6;--hl:#C4D6F2}.rdr-pg.th3{--hl:#8fd3c6}.rdr-pg.v3.th1,.rdr-pg.v3.th2{background:#0d2c5c}
.rdr-card{background:#fff;color:#12232a;margin:0 clamp(10px,2cqw,28px) clamp(12px,2cqw,26px);border:1.5px solid rgba(18,35,42,.14);border-radius:20px;padding:clamp(16px,2.4cqw,36px) clamp(16px,2.8cqw,44px) clamp(12px,1.8cqw,26px)}
.rdr-pg.v3 .rdr-card{margin-top:0}
.rdr-card h5{position:relative;margin:26px 0 8px;font:800 clamp(19px,1.6cqw + 9px,30px)/1.08 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.01em;color:#12232a;padding-left:20px}
.rdr-card h5:first-child{margin-top:2px}
.rdr-card h5:before{content:"";position:absolute;left:0;top:.18em;width:12px;height:12px;border-radius:4px;background:var(--o);transform:rotate(12deg)}
.rdr-card p,.rdr-card li{font-size:clamp(14.5px,.9cqw + 9px,18px);line-height:1.72;color:#12232a}
.rdr-card li::marker{color:var(--o)}
.rdr-card .mnar{margin-top:20px}
.rdr-card .mnar-h{font:800 17px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.rdr-card .mcase{margin-bottom:6px}
.rdr-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 18px 18px}
.rdr-foot .meta{font-size:12px;font-weight:700;opacity:.75}
.rdr-btn{font:inherit;font-weight:900;font-size:14px;border:1.5px solid rgba(18,35,42,.14);border-radius:14px;padding:10px 18px;cursor:pointer;background:#fff;color:#12232a;box-shadow:0 4px 14px rgba(18,35,42,.10);transition:.12s}
.rdr-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(18,35,42,.14)}.rdr-btn:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(18,35,42,.12)}
.rdr-btn.pri{background:var(--o);color:#fff}.rdr-btn.ok{background:#D3E1F7}
.rdr-btn[disabled]{opacity:.35;pointer-events:none}
.rdr-nav{display:flex;justify-content:space-between;gap:10px;margin:18px 4px 4px}
.rdr-alt{display:block;margin:10px auto 0;background:none;border:0;font:inherit;font-size:12px;opacity:.65;text-decoration:underline;cursor:pointer;color:inherit}
/* cover */
.rdr-cover{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(12px,2cqw,28px);padding:clamp(22px,4cqw,64px) clamp(18px,3.6cqw,56px) clamp(18px,2.6cqw,40px);position:relative;overflow:hidden;align-items:center}
.rdr-cover h1{margin:16px 0 12px;font:800 clamp(32px,7.4cqw,92px)/.98 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.03em;white-space:pre-line}
.rdr-cover h1 em{font-style:normal;background:linear-gradient(transparent 60%,#D4A33D 60% 92%,transparent 92%)}
.rdr-sub{font-size:clamp(15px,2.2vw,19px);font-weight:800;margin:0 0 12px;color:#123B7A}
.rdr-body{font-size:clamp(15px,.9cqw + 9px,19px);line-height:1.7;max-width:540px;margin:0 0 20px}
.rdr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.rdr-chips span{font-size:11.5px;font-weight:900;border:1.5px solid rgba(18,35,42,.16);border-radius:99px;padding:4px 11px;background:#fff}
.rdr-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(190px,22cqw,300px),1fr));gap:10px;padding:0 clamp(12px,2.4cqw,36px) clamp(16px,2.4cqw,32px)}
.rdr-toc button{display:flex;gap:10px;align-items:center;text-align:left;font:inherit;border:1.5px solid rgba(18,35,42,.16);background:#fff;color:#12232a;border-radius:14px;padding:9px 12px;cursor:pointer;box-shadow:0 3px 10px rgba(18,35,42,.08)}
.rdr-toc button b{font:800 18px/1 system-ui,sans-serif;color:var(--o);min-width:30px}
.rdr-toc button span{font-size:12.5px;font-weight:800;line-height:1.25}
.rdr-toc button.done{background:#E0F2EE}.rdr-toc button.done b{color:#123B7A}
@container (max-width:720px){
 .rdr-hero,.rdr-pg.v2 .rdr-hero,.rdr-cover{grid-template-columns:1fr;padding:24px 18px 18px;text-align:left}
 .rdr-pg.v2 .rdr-hero{text-align:left}.rdr-pg.v2 .rdr-art{order:0}
 .rdr-art{max-width:240px;margin:0 auto}.rdr-num{font-size:120px;top:-18px}
 .rdr-card{margin:0 10px 12px;padding:16px 16px 12px}.rdr-pg{box-shadow:0 4px 14px rgba(18,35,42,.10)}
}

@container (max-width:480px){.rdr-kick{font-size:10.5px}.rdr-goal{font-size:12.5px}.rdr-btn{padding:9px 14px;font-size:13px}.rdr-nav{gap:8px}}
@container (min-width:1100px){.rdr-hero{grid-template-columns:1.4fr .6fr}.rdr-pg.v2 .rdr-hero{grid-template-columns:.6fr 1.4fr}}

.gi{flex:none;vertical-align:-2px}
.rdr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.rdr-kick .gi{margin-right:-2px}
.rdr-chips span{display:inline-flex;align-items:center;gap:6px}
.rdr-art svg{filter:none}
.docwrap .ai{color:#123B7A}
.docwrap .dic .gi{vertical-align:middle}

/* v88 — tombol kembali ke daftar modul / Self Development */
.rdr-home{font:inherit;font-size:12.5px;font-weight:800;border:1.5px solid rgba(18,35,42,.18);background:#E6EEFB;color:#12232a;border-radius:99px;padding:6px 13px;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px rgba(18,35,42,.08)}
.rdr-home:hover{background:#D3E1F7}
.rdr-btn.mid{background:#E6EEFB}
.rdr-nav{flex-wrap:wrap}
@media(max-width:520px){.rdr-top{flex-wrap:wrap}.rdr-home{order:-1}.rdr-nav .rdr-btn.mid{order:3;flex:1 1 100%}}