body.legal{background:#fff;color:#25306b}
.legal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-bottom:1px solid #e6e8f2;background:#fff;position:sticky;top:0;z-index:5}
.legal-brand{font-size:18px;font-weight:800;color:#1b2559;text-decoration:none}
.legal-balik{font-size:14px;color:#3b5bdb;text-decoration:none;font-weight:600}
.legal-isi{flex:1 1 auto;min-width:0;max-width:760px;padding:44px 22px 70px;line-height:1.75}
.legal-isi h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;line-height:1.2}
.legal-tgl{color:#8b93b5;font-size:14px;margin:0 0 30px}
.legal-isi h2{font-size:19px;font-weight:800;margin:36px 0 12px;padding-top:6px}
.legal-isi h3{font-size:15px;font-weight:700;margin:22px 0 8px;color:#4a5280}
.legal-isi p{margin:0 0 14px;color:#3d4770}
.legal-isi ul{margin:0 0 16px;padding-left:22px}
.legal-isi li{margin:0 0 9px;color:#3d4770}
.legal-isi a{color:#3b5bdb}
.legal-isi b{color:#25306b}
.legal-kaki{border-top:1px solid #e6e8f2;padding:22px 26px;text-align:center;font-size:13px;color:#8b93b5}
@media(max-width:600px){.legal-isi{padding:30px 18px 50px}.legal-isi h1{font-size:27px}.legal-bar{padding:14px 18px}}
.legal-draf{background:#fdf6e6;border:1px solid #f0d9a8;color:#96660c;border-radius:10px;padding:12px 16px;font-size:14px;margin:0 0 26px}
.legal-lain{margin-top:26px;padding-top:18px;border-top:1px solid #e6e8f2;font-size:14px}
/* tata-letak-dua-kolom */
.legal-wrap{display:flex;align-items:flex-start;gap:40px;max-width:1120px;margin:0 auto;padding:0 10px}
.legal-samping{flex:0 0 250px;padding:52px 0 40px;position:sticky;top:70px}
.legal-samping h4{font-size:17px;font-weight:800;color:#1b2559;margin:0 0 14px}
.legal-samping h4:not(:first-child){margin-top:34px}
.legal-samping ul{list-style:none;padding:0;margin:0}
.legal-samping li{position:relative;padding:7px 0 7px 24px;font-size:14px;color:#3d4770}
.legal-samping li::before{content:"✓";position:absolute;left:0;color:#3bb273;font-weight:800}
.legal-samping li.on{font-weight:800;color:#1b2559}
.legal-samping a{color:#3b5bdb;text-decoration:none}
.legal-samping a:hover{text-decoration:underline}
@media(max-width:900px){.legal-wrap{flex-direction:column;gap:0}.legal-samping{flex:1 1 auto;position:static;width:100%;padding:0 22px 44px;border-top:1px solid #e6e8f2;margin-top:10px;padding-top:26px}}