/* PMII RPIA / Dokumen resmi organisasi — halaman mandiri, bukan layout Radar Aqil. */
:root{--lg-blue:#0757a6;--lg-deep:#062f68;--lg-navy:#102b4d;--lg-gold:#f3c928;--lg-ink:#16273d;--lg-muted:#62758b;--lg-line:#e1eaf3;--lg-soft:#f5f8fc;--lg-paper:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body.legal-page{margin:0;background:#f5f8fc;color:var(--lg-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.legal-page a{color:inherit}
.legal-page a:focus-visible,.legal-page summary:focus-visible{outline:3px solid var(--lg-gold);outline-offset:4px}
.legal-shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.legal-skip{position:fixed;left:16px;top:-80px;z-index:300;background:var(--lg-gold);color:#11223b!important;padding:10px 15px;border-radius:10px;font-weight:800}
.legal-skip:focus{top:10px}
.legal-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(6,63,121,.09);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 3px 22px rgba(9,45,84,.035)}
.legal-header__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.legal-brand{display:flex;align-items:center;gap:12px;max-width:370px;min-width:0;text-decoration:none;color:#163e70!important}
.legal-brand img{width:42px;height:42px;object-fit:contain;flex:none}
.legal-brand span{display:flex;flex-direction:column;min-width:0;line-height:1.28}
.legal-brand strong{font-size:12px;font-weight:860;letter-spacing:-.015em}
.legal-brand small{margin-top:3px;color:#6486a8;font-size:10px;font-weight:720;letter-spacing:.065em;text-transform:uppercase}
.legal-topnav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.legal-topnav a{color:#55718c;text-decoration:none;font-size:12px;font-weight:780;padding:11px 14px;border-radius:11px;transition:background .2s,color .2s}
.legal-topnav a:hover{color:#0757a6;background:#edf5ff}
.legal-topnav a.is-current,.legal-topnav a[aria-current=page]{color:#064888;background:#eaf3ff}
.legal-topnav a.is-current:after{content:"";display:block;height:3px;width:18px;margin:4px auto -7px;border-radius:3px;background:var(--lg-gold)}
.legal-hero{background:radial-gradient(ellipse at 82% -30%,rgba(58,148,240,.33),transparent 58%),radial-gradient(circle at 15% 100%,rgba(255,201,40,.12),transparent 38%),linear-gradient(127deg,#073e80,#073469 58%,#082c56);color:#fff;position:relative;overflow:hidden}
.legal-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--lg-gold) 0 18%,rgba(255,255,255,.12) 18% 100%)}
.legal-hero__inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:330px;padding-top:54px;padding-bottom:64px;isolation:isolate}
.legal-hero__text{max-width:770px;position:relative;z-index:1}
.legal-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;font-weight:850;text-transform:uppercase;color:#dfebfa}
.legal-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--lg-gold);box-shadow:0 0 0 5px rgba(243,201,40,.13)}
.legal-hero h1{font-size:clamp(35px,5.6vw,64px);line-height:1.08;letter-spacing:-.05em;margin:21px 0 17px;font-weight:900;max-width:770px}
.legal-hero__description{margin:0;max-width:700px;color:#cbdff3;font-size:clamp(14px,1.3vw,16px);line-height:1.8}
.legal-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.legal-hero__meta span{display:inline-flex;gap:8px;flex-wrap:wrap;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);color:#e1edfb;font-size:11px;line-height:1.5}
.legal-hero__meta b{color:#ffd451}
.legal-hero__emblem{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-12deg);width:225px;height:225px;border:1px solid rgba(255,255,255,.13);border-radius:45px;display:grid;place-items:center;opacity:.26;pointer-events:none}
.legal-hero__emblem span{font-size:72px;letter-spacing:-.085em;font-weight:950;color:#fff}
.legal-hero__emblem i{position:absolute;inset:20px;border-radius:40px;border:1px solid rgba(255,255,255,.16)}
.legal-content-grid{display:grid;grid-template-columns:258px minmax(0,1fr);gap:30px;align-items:start;padding-top:44px;padding-bottom:78px}
.legal-sidebar{min-width:0}
.legal-sidebar__sticky{position:sticky;top:102px}
.legal-toc-desktop{display:flex;flex-direction:column;gap:3px;padding:21px 13px 21px 14px;border:1px solid var(--lg-line);border-radius:18px;background:#fff;box-shadow:0 8px 32px rgba(6,47,104,.04)}
.legal-sidebar__heading{font-size:10px;font-weight:900;letter-spacing:.14em;color:#92a0b1;margin:0 10px 10px}
.legal-toc-desktop a{position:relative;display:block;font-size:12px;font-weight:680;line-height:1.45;padding:9px 11px;border-radius:9px;color:#53657b;text-decoration:none;transition:color .2s,background .2s}
.legal-toc-desktop a:hover,.legal-toc-desktop a.is-active{background:#edf5fd;color:#0757a6}
.legal-toc-desktop a.is-active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:4px;background:var(--lg-gold)}
.legal-sidebar__other{margin-top:15px;padding:19px 19px;border-radius:16px;background:#e7f0fb;border:1px solid #d8e6f4}
.legal-sidebar__other small{display:block;color:#708ca7;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}
.legal-sidebar__other a{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#0757a6;font-size:12px;font-weight:830;text-decoration:none}
.legal-sidebar__other a:hover{text-decoration:underline}
.legal-toc-mobile{display:none}
.legal-paper{min-width:0;padding:clamp(28px,4.5vw,64px);background:#fff;border:1px solid var(--lg-line);border-radius:24px;box-shadow:0 18px 55px rgba(10,51,98,.055);overflow-wrap:break-word}
.legal-paper__head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--lg-line);margin-bottom:27px}
.legal-paper__label{font-size:11px;font-weight:850;color:#0757a6;letter-spacing:.04em}
.legal-paper__type{font-size:10px;font-weight:850;border:1px solid #dce8f5;color:#5b7692;background:#f5f9fe;border-radius:99px;padding:6px 12px}
.legal-section{scroll-margin-top:104px;margin:0 0 36px;padding-bottom:30px;border-bottom:1px solid #e7edf4}
.legal-section--intro{padding-bottom:32px}
.legal-section:last-of-type{border-bottom:0}
.legal-section__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0e6ab7;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.legal-section__eyebrow:before{content:"";width:17px;height:3px;background:var(--lg-gold);border-radius:8px}
.legal-paper h2{margin:0 0 17px;color:#102d50;font-size:clamp(21px,2.45vw,29px);line-height:1.27;letter-spacing:-.03em;font-weight:870}
.legal-paper p{margin:0 0 16px;color:#3e5064;font-size:14px;line-height:1.9}
.legal-paper strong,.legal-paper b{color:#193c63}
.legal-paper ol,.legal-paper ul{padding:0 0 0 22px;margin:12px 0 17px}
.legal-paper li{padding-left:6px;margin:0 0 10px;color:#3e5064;font-size:14px;line-height:1.82}
.legal-paper li::marker{color:#0c66b7;font-weight:850}
.legal-paper li p{margin:6px 0}
.legal-paper h3{margin:24px 0 7px;font-size:15px;line-height:1.45;font-weight:850;color:#16477b}
.legal-note{background:#f5f9fe;border:1px solid #dce8f4;border-left:4px solid var(--lg-gold);border-radius:0 11px 11px 0;padding:17px 19px;margin:22px 0 4px}
.legal-note p{margin:0;font-size:13px}
.legal-contact{scroll-margin-top:104px;margin-top:40px;padding:24px 26px;border-radius:17px;background:linear-gradient(135deg,#ebf5ff,#f6faff);border:1px solid #d4e5f6;display:flex;align-items:flex-start;gap:17px}
.legal-contact__icon{flex:none;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#0e61af;color:#fff;font-size:20px}
.legal-contact h2{font-size:19px;margin:0 0 7px}
.legal-contact p{font-size:12px;margin:0 0 6px}
.legal-contact a{display:inline-block;color:#0765ba;font-weight:820;font-size:13px;text-decoration:none;overflow-wrap:anywhere}
.legal-contact a:hover{text-decoration:underline}
.legal-paper__foot{margin-top:25px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8492a5;font-size:11px}
.legal-paper__foot a{color:#0757a6;font-weight:840;text-decoration:none;white-space:nowrap}
.legal-footer{background:#062b62;color:#b5c9df}
.legal-footer__inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0}
.legal-footer p{margin:0;font-size:12px}
.legal-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.legal-footer a{font-size:12px;text-decoration:none;color:#d6e7fa;font-weight:650}
.legal-footer a:hover,.legal-footer a[aria-current=page]{color:#ffd451}
@media(max-width:1020px){.legal-shell{width:min(100% - 42px,1200px)}.legal-content-grid{grid-template-columns:215px minmax(0,1fr);gap:20px}.legal-hero__emblem{right:-85px;opacity:.16}.legal-topnav a{padding:10px}}
@media(max-width:770px){
  html{scroll-padding-top:78px}
  .legal-shell{width:min(100% - 36px,640px)}
  .legal-header__inner{min-height:70px;flex-wrap:wrap;gap:8px;padding:10px 0}
  .legal-brand img{height:36px;width:36px}
  .legal-brand strong{font-size:11px}.legal-brand small{font-size:9px}
  .legal-topnav{width:100%;justify-content:flex-start;gap:4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:2px 0}
  .legal-topnav::-webkit-scrollbar{display:none}
  .legal-topnav a{flex:none;font-size:11px;padding:6px 9px}
  .legal-topnav a.is-current:after{margin:2px auto -2px;height:2px}
  .legal-hero__inner{min-height:0;padding-top:43px;padding-bottom:46px}
  .legal-hero h1{font-size:clamp(33px,8vw,47px);margin:15px 0 14px}
  .legal-hero__description{font-size:13px;line-height:1.7}
  .legal-hero__meta{margin-top:19px;gap:7px}
  .legal-hero__meta span{font-size:10px;padding:6px 9px}
  .legal-hero__emblem{display:none}
  .legal-content-grid{display:flex;flex-direction:column;gap:17px;padding-top:21px;padding-bottom:50px}
  .legal-sidebar{width:100%}.legal-sidebar__sticky{position:static}
  .legal-toc-desktop{display:none}
  .legal-toc-mobile{display:block;border:1px solid var(--lg-line);border-radius:14px;background:#fff;overflow:hidden}
  .legal-toc-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;color:#173a60;font-size:12px;font-weight:850}
  .legal-toc-mobile summary::-webkit-details-marker{display:none}
  .legal-chevron{width:9px;height:9px;border-right:2px solid #0c66b7;border-bottom:2px solid #0c66b7;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
  .legal-toc-mobile[open] .legal-chevron{transform:rotate(225deg)}
  .legal-toc-mobile nav{display:grid;gap:1px;padding:0 15px 12px}
  .legal-toc-mobile nav a{font-size:12px;color:#48637e;text-decoration:none;padding:8px 5px;border-top:1px solid #f0f4f8}
  .legal-toc-mobile nav a:hover{color:#0757a6}
  .legal-sidebar__other{display:none}
  .legal-paper{width:100%;padding:clamp(22px,5vw,34px);border-radius:18px}
  .legal-paper__head{margin-bottom:24px}
  .legal-section{margin-bottom:28px;padding-bottom:23px}
  .legal-paper p,.legal-paper li{font-size:13px;line-height:1.83}
  .legal-paper li{margin-bottom:8px}
  .legal-contact{padding:20px 16px}
  .legal-footer__inner{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0}
  .legal-footer nav{gap:12px}
}
@media(max-width:380px){.legal-paper__head{flex-wrap:wrap}.legal-brand strong{font-size:10px}.legal-paper{padding:19px}.legal-hero h1{font-size:33px}.legal-contact__icon{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.legal-header,.legal-hero,.legal-sidebar,.legal-footer,.legal-skip,.legal-paper__foot{display:none!important}.legal-page{background:#fff!important}.legal-shell{width:100%!important}.legal-content-grid{display:block!important;padding:0!important}.legal-paper{border:0!important;box-shadow:none!important;padding:0!important}.legal-section{break-inside:avoid-page}.legal-contact{break-inside:avoid-page}body{font-size:12pt}}

/* Daftar isi tidak boleh melampaui tinggi layar laptop. */
@media(min-width:771px){
  .legal-toc-desktop{max-height:calc(100dvh - 185px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7dbea transparent}
}
/* Warna halaman dokumen mengikuti preferensi mode gelap website. */
html[data-theme="dark"] body.legal-page{background:#0d1d30;color:#edf5fe}
html[data-theme="dark"] .legal-header{background:rgba(16,35,56,.96);border-bottom-color:#345371}
html[data-theme="dark"] .legal-brand{color:#e7f4ff!important}
html[data-theme="dark"] .legal-brand small{color:#a5c2da}
html[data-theme="dark"] .legal-topnav a{color:#c0d0e0}
html[data-theme="dark"] .legal-topnav a:hover,html[data-theme="dark"] .legal-topnav a.is-current{background:#25445f;color:#f3f8ff}
html[data-theme="dark"] .legal-toc-desktop,html[data-theme="dark"] .legal-toc-mobile,html[data-theme="dark"] .legal-paper{background:#142b42;border-color:#31506d}
html[data-theme="dark"] .legal-toc-desktop a,html[data-theme="dark"] .legal-toc-mobile nav a{color:#c4d3e4}
html[data-theme="dark"] .legal-toc-desktop a:hover,html[data-theme="dark"] .legal-toc-desktop a.is-active{background:#224665;color:#b5ddff}
html[data-theme="dark"] .legal-toc-mobile summary,html[data-theme="dark"] .legal-paper h2{color:#f1f7fe}
html[data-theme="dark"] .legal-sidebar__other,html[data-theme="dark"] .legal-contact{background:#1a3955;border-color:#365b79}
html[data-theme="dark"] .legal-sidebar__other a,html[data-theme="dark"] .legal-contact a,html[data-theme="dark"] .legal-paper__foot a{color:#8bcaff}
html[data-theme="dark"] .legal-paper__head,html[data-theme="dark"] .legal-section{border-color:#304b65}
html[data-theme="dark"] .legal-paper__label,html[data-theme="dark"] .legal-section__eyebrow{color:#84c8ff}
html[data-theme="dark"] .legal-paper__type,html[data-theme="dark"] .legal-note{background:#1c3954;border-color:#41617c}
html[data-theme="dark"] .legal-paper__type,html[data-theme="dark"] .legal-note p,html[data-theme="dark"] .legal-paper p,html[data-theme="dark"] .legal-paper li{color:#d2dfec}
html[data-theme="dark"] .legal-paper strong,html[data-theme="dark"] .legal-paper b,html[data-theme="dark"] .legal-paper h3{color:#e9f4ff}
html[data-theme="dark"] .legal-paper li::marker{color:#8acbff}
html[data-theme="dark"] .legal-toc-mobile nav a{border-top-color:#31506d}
@media print{html[data-theme="dark"] body.legal-page,html[data-theme="dark"] .legal-paper{background:#fff!important;color:#000!important}html[data-theme="dark"] .legal-paper p,html[data-theme="dark"] .legal-paper li,html[data-theme="dark"] .legal-paper h2{color:#000!important}}

/* 2026-10-10 · Penyederhanaan editorial: satu dokumen utama benar-benar center di landscape.
   Daftar isi diletakkan di atas artikel dan dapat dibuka, bukan sidebar yang
   menggeser artikel ke kanan. Ornamen garis/dekorasi dibatasi. */
.legal-content-grid{
  display:flex!important;
  flex-direction:column!important;
  width:min(890px,calc(100% - 64px))!important;
  align-items:stretch!important;
  gap:16px!important;
  margin-inline:auto!important;
}
.legal-sidebar,.legal-paper{width:100%!important;min-width:0!important}
.legal-sidebar__sticky{position:static!important}
.legal-toc-desktop,.legal-sidebar__other{display:none!important}
.legal-toc-mobile{
  display:block!important;
  border-radius:14px!important;
  border:1px solid var(--lg-line);
  background:var(--lg-paper);
  overflow:hidden;
}
.legal-toc-mobile summary{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  list-style:none;
  cursor:pointer;
  padding:15px 20px;
  font-size:13px;
  font-weight:800;
  color:#173a60;
}
.legal-toc-mobile summary::-webkit-details-marker{display:none}
.legal-toc-mobile nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 16px;
  padding:2px 18px 18px;
}
.legal-toc-mobile nav a{
  display:block;
  padding:9px 4px;
  font-size:12px;
  line-height:1.45;
  border:0!important;
  color:#536e88;
  text-decoration:none;
}
.legal-toc-mobile nav a:hover{color:#0757a6}
.legal-chevron{
  display:inline-block;
  width:9px;
  height:9px;
  border-right:2px solid #0757a6;
  border-bottom:2px solid #0757a6;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.legal-toc-mobile[open] .legal-chevron{transform:rotate(225deg)}
.legal-hero__inner{
  width:min(890px,calc(100% - 64px))!important;
  margin-inline:auto!important;
  min-height:270px;
  padding-block:46px 55px!important;
}
.legal-hero__text{max-width:100%;width:100%;margin-inline:auto}
.legal-hero__emblem,.legal-hero__accent,.legal-hero:after,
.legal-topnav a.is-current:after,.legal-section__eyebrow:before{display:none!important;content:none!important}
.legal-hero__meta span{
  border:0!important;
  background:rgba(255,255,255,.08)!important;
}
.legal-paper__head{border-bottom:0!important;margin-bottom:24px!important;padding-bottom:8px!important}
.legal-section{
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:37px!important;
}
.legal-section__eyebrow{letter-spacing:.04em!important;font-weight:800!important}
.legal-contact__icon svg{width:23px;height:23px;display:block;fill:currentColor}
.legal-footer__inner{justify-content:center!important;text-align:center}
.legal-footer__inner nav{display:none!important}
@media(min-width:771px){
  .legal-toc-mobile nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:770px){
  .legal-content-grid,.legal-hero__inner{width:min(100% - 36px,640px)!important}
  .legal-toc-mobile nav{grid-template-columns:1fr}
  .legal-hero__inner{min-height:0}
  .legal-section{margin-bottom:27px!important}
}


/* 2026-10-18 · Penyegaran visual dokumen kebijakan */
:root{--legal-reading:760px}
body.legal-page{
  background:
    linear-gradient(180deg,#eef4fb 0,#f7f9fc 420px,#f7f9fc 100%);
}
.legal-header{box-shadow:0 1px 0 rgba(9,45,84,.06)}
.legal-header:after{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--legal-progress,0%);
  background:linear-gradient(90deg,#f3c928,#ffc400);transition:width .08s linear
}
.legal-header__inner{min-height:72px}
.legal-brand strong{font-size:13px;letter-spacing:-.02em}
.legal-topnav a{position:relative;padding:10px 13px}
.legal-topnav a.is-current,.legal-topnav a[aria-current=page]{
  color:#074f96;background:#edf5ff;box-shadow:inset 0 0 0 1px #dbeafa
}
.legal-hero{
  background:
    radial-gradient(circle at 85% 12%,rgba(72,164,255,.22),transparent 34%),
    linear-gradient(118deg,#0b4d90 0%,#08396f 55%,#072d59 100%)
}
.legal-hero__inner{min-height:235px!important;padding-block:38px 45px!important}
.legal-kicker{font-size:10px;color:#e9f2fc}
.legal-hero h1{font-size:clamp(36px,5vw,56px);margin:14px 0 12px;letter-spacing:-.045em}
.legal-hero__description{max-width:740px;line-height:1.7}
.legal-hero__meta{margin-top:20px}
.legal-hero__meta span{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.09)!important}
.legal-content-grid{width:min(940px,calc(100% - 64px))!important;padding-top:30px!important}
.legal-toc-mobile{
  border-radius:16px!important;box-shadow:0 8px 26px rgba(9,52,96,.045)
}
.legal-toc-mobile summary{padding:17px 20px}
.legal-toc-mobile[open] summary{border-bottom:1px solid var(--lg-line)}
.legal-toc-mobile nav{padding:10px 18px 16px}
.legal-toc-mobile nav a{
  border-radius:9px!important;padding:9px 10px;transition:background .18s,color .18s
}
.legal-toc-mobile nav a:hover,.legal-toc-mobile nav a:focus-visible{background:#edf5ff;color:#0757a6}
.legal-paper{
  padding:clamp(30px,5vw,66px);border-radius:22px;
  box-shadow:0 20px 60px rgba(20,55,92,.07)
}
.legal-paper__head{max-width:var(--legal-reading);margin-inline:auto}
.legal-section,.legal-contact,.legal-paper__foot{max-width:var(--legal-reading);margin-left:auto;margin-right:auto}
.legal-section__eyebrow{
  padding:5px 9px;border-radius:999px;background:#edf6ff;color:#0757a6!important;
  font-size:9px!important;letter-spacing:.08em!important
}
.legal-paper h2{font-size:clamp(22px,2.5vw,30px);margin-top:2px}
.legal-paper p,.legal-paper li{font-size:14.5px;line-height:1.88}
.legal-paper ol{counter-reset:legal-item;list-style:none;padding-left:0}
.legal-paper ol>li{
  position:relative;padding-left:42px;min-height:28px;margin-bottom:12px
}
.legal-paper ol>li:before{
  counter-increment:legal-item;content:counter(legal-item);
  position:absolute;left:0;top:1px;width:27px;height:27px;display:grid;place-items:center;
  border-radius:8px;background:#edf5fd;color:#0862ae;font-size:11px;font-weight:850
}
.legal-note{border-left:0;border-radius:13px;padding:18px 20px;box-shadow:inset 4px 0 0 var(--lg-gold)}
.legal-contact{align-items:center;background:linear-gradient(135deg,#e9f4ff,#f9fbfe)}
.legal-paper__foot{padding-top:20px;border-top:1px solid var(--lg-line)}
.legal-footer{background:#082e5c}
@media(max-width:770px){
  body.legal-page{background:#f4f7fb}
  .legal-shell{width:min(100% - 28px,640px)}
  .legal-header__inner{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr);padding:9px 0 8px}
  .legal-brand{gap:10px}
  .legal-brand img{width:34px;height:34px}
  .legal-brand strong{font-size:10.5px;white-space:normal}
  .legal-brand small{font-size:8px;margin-top:1px}
  .legal-topnav{margin-top:3px;padding-bottom:2px}
  .legal-topnav a{font-size:10.5px;padding:7px 9px;border-radius:9px}
  .legal-topnav a.is-current,.legal-topnav a[aria-current=page]{box-shadow:none}
  .legal-hero__inner{width:min(100% - 28px,640px)!important;padding-block:32px 35px!important}
  .legal-kicker{font-size:9px}
  .legal-hero h1{font-size:clamp(31px,9vw,42px);line-height:1.1;margin:12px 0 11px}
  .legal-hero__description{font-size:12.5px}
  .legal-hero__meta{display:grid;grid-template-columns:1fr;margin-top:17px}
  .legal-hero__meta span{width:max-content;max-width:100%;font-size:9.5px}
  .legal-content-grid{width:min(100% - 20px,640px)!important;padding-top:16px!important;gap:12px!important}
  .legal-toc-mobile summary{padding:14px 15px;font-size:12px}
  .legal-toc-mobile nav{padding:7px 10px 12px}
  .legal-toc-mobile nav a{padding:8px;font-size:11.5px}
  .legal-paper{padding:25px 20px;border-radius:18px}
  .legal-paper__head{gap:8px;align-items:flex-start}
  .legal-paper__type{text-align:right;line-height:1.35}
  .legal-section__eyebrow{font-size:8.5px!important}
  .legal-paper h2{font-size:22px;line-height:1.25}
  .legal-paper p,.legal-paper li{font-size:13.5px;line-height:1.78}
  .legal-paper ol>li{padding-left:36px}
  .legal-paper ol>li:before{width:25px;height:25px}
  .legal-contact{align-items:flex-start;padding:18px 16px}
  .legal-paper__foot{align-items:flex-start;flex-direction:column-reverse}
  .legal-footer__inner{align-items:center!important;text-align:center}
}
@media(max-width:390px){
  .legal-topnav__home{display:none}
  .legal-topnav{justify-content:space-between}
  .legal-topnav a{padding-inline:8px}
  .legal-paper{padding:23px 17px}
}
html[data-theme="dark"] body.legal-page{background:#0d1d30}
html[data-theme="dark"] .legal-topnav a.is-current,
html[data-theme="dark"] .legal-topnav a[aria-current=page]{box-shadow:inset 0 0 0 1px #3a5c79}
html[data-theme="dark"] .legal-toc-mobile[open] summary,
html[data-theme="dark"] .legal-paper__foot{border-color:#304b65}
html[data-theme="dark"] .legal-toc-mobile nav a:hover,
html[data-theme="dark"] .legal-toc-mobile nav a:focus-visible,
html[data-theme="dark"] .legal-section__eyebrow,
html[data-theme="dark"] .legal-paper ol>li:before{background:#203f5c;color:#9fd4ff!important}


/* Nomor daftar memakai marker asli agar pembaca layar tidak membacanya dua kali. */
.legal-paper ol{counter-reset:none;list-style:decimal;padding-left:22px}
.legal-paper ol>li{position:static;padding-left:6px;min-height:0;margin-bottom:12px}
.legal-paper ol>li:before{content:none!important;display:none!important}
@media(max-width:770px){.legal-paper ol>li{padding-left:5px}}


/* 2026-10-18 · Navigasi legal ringkas: dua ikon, tanpa tautan Beranda. */
.legal-topnav--icons{gap:8px;flex-wrap:nowrap}
.legal-topnav--icons a{
  width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:12px
}
.legal-topnav--icons svg{width:20px;height:20px;fill:currentColor}
.legal-topnav--icons a.is-current,
.legal-topnav--icons a[aria-current=page]{background:#eaf3ff;box-shadow:inset 0 0 0 1px #d7e8f8}
.legal-paper__foot{justify-content:flex-end}
@media(max-width:770px){
  .legal-header__inner{display:flex;flex-wrap:nowrap}
  .legal-brand{flex:1}
  .legal-topnav--icons{width:auto;margin:0;overflow:visible;padding:0}
  .legal-topnav--icons a{width:38px;height:38px;padding:0}
  .legal-topnav--icons svg{width:18px;height:18px}
}
@media(max-width:390px){
  .legal-topnav--icons{justify-content:flex-end}
  .legal-topnav--icons a{padding:0}
  .legal-brand span{max-width:190px}
}
html[data-theme="dark"] .legal-topnav--icons a.is-current,
html[data-theme="dark"] .legal-topnav--icons a[aria-current=page]{background:#25445f;box-shadow:inset 0 0 0 1px #3a5c79}


/* 2026-10-18 · Header/footer legal mengikuti bahasa visual Portal Publik. */
.legal-header{overflow:visible}
.legal-header__inner{min-height:76px;position:relative}
.legal-brand img{width:46px;height:46px}
.legal-brand strong{font-size:13px;color:#0b3d72}
.legal-brand small{color:#4e7da8;letter-spacing:.09em}
.legal-menu{position:relative;flex:none}
.legal-menu__trigger{
  appearance:none;width:44px;height:44px;border:1px solid #dce7f2;border-radius:12px;
  background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;cursor:pointer;color:#174b7f;box-shadow:0 5px 18px rgba(12,55,96,.055);
  transition:background .18s,border-color .18s,transform .18s
}
.legal-menu__trigger:hover{background:#edf5ff;border-color:#c7dcec}
.legal-menu__trigger:active{transform:scale(.96)}
.legal-menu__trigger span{display:block;width:18px;height:2px;border-radius:4px;background:currentColor;transition:transform .2s,opacity .2s}
.legal-menu.is-open .legal-menu__trigger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.legal-menu.is-open .legal-menu__trigger span:nth-child(2){opacity:0}
.legal-menu.is-open .legal-menu__trigger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.legal-menu__panel{
  position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:min(290px,calc(100vw - 28px));
  padding:10px;border:1px solid #dce8f3;border-radius:16px;background:rgba(255,255,255,.98);
  box-shadow:0 18px 48px rgba(8,42,77,.16);backdrop-filter:blur(18px)
}
.legal-menu__panel[hidden]{display:none}
.legal-menu__label{padding:8px 10px 9px;color:#8497aa;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.legal-menu__panel a{
  display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;text-decoration:none;
  color:#425d78;font-size:12px;font-weight:760;transition:background .18s,color .18s
}
.legal-menu__panel a:hover{background:#f0f6fc;color:#0757a6}
.legal-menu__panel a.is-current{background:#eaf3ff;color:#0757a6}
.legal-menu__panel a.is-current:after{content:"Aktif";margin-left:auto;font-size:9px;font-weight:850;color:#557a9f}
.legal-menu__panel svg{width:19px;height:19px;flex:none;fill:currentColor}
.legal-footer{padding:0;background:linear-gradient(135deg,#07366f,#052957)}
.legal-footer__inner{
  min-height:190px;padding:36px 0 28px;display:grid!important;grid-template-columns:1fr auto;
  align-items:center;gap:28px;text-align:left!important
}
.legal-footer__brand{display:flex;align-items:center;gap:13px}
.legal-footer__brand img{width:48px;height:48px;object-fit:contain}
.legal-footer__brand div{display:flex;flex-direction:column;line-height:1.3}
.legal-footer__brand strong{font-size:13px;color:#fff;letter-spacing:.02em}
.legal-footer__brand span{margin-top:4px;color:#9fc0df;font-size:9px;font-weight:750;letter-spacing:.11em}
.legal-footer__links{display:flex;align-items:center;gap:8px}
.legal-footer__links a{
  padding:9px 12px;border-radius:9px;color:#dbe9f7;text-decoration:none;font-size:11px;font-weight:750
}
.legal-footer__links a:hover{background:rgba(255,255,255,.08);color:#fff}
.legal-footer p{grid-column:1/-1;padding-top:19px;border-top:1px solid rgba(255,255,255,.11);font-size:10px!important;color:#9db4cb}
@media(max-width:770px){
  .legal-header__inner{min-height:68px;padding:8px 0}
  .legal-brand img{width:39px;height:39px}
  .legal-brand strong{font-size:10.5px}
  .legal-menu__trigger{width:40px;height:40px}
  .legal-menu__panel{top:calc(100% + 8px)}
  .legal-footer__inner{min-height:0;padding:30px 0 24px;grid-template-columns:1fr;gap:20px}
  .legal-footer__links{justify-content:flex-start}
  .legal-footer p{grid-column:1;padding-top:17px}
}
@media(max-width:390px){
  .legal-brand span{max-width:200px}
  .legal-footer__brand strong{font-size:11px}
}
html[data-theme="dark"] .legal-brand strong{color:#e7f4ff}
html[data-theme="dark"] .legal-menu__trigger{background:#17334e;border-color:#34546e;color:#d9eafa}
html[data-theme="dark"] .legal-menu__trigger:hover{background:#21445f}
html[data-theme="dark"] .legal-menu__panel{background:rgba(20,43,66,.98);border-color:#34546f}
html[data-theme="dark"] .legal-menu__panel a{color:#c9d8e7}
html[data-theme="dark"] .legal-menu__panel a:hover,
html[data-theme="dark"] .legal-menu__panel a.is-current{background:#21445f;color:#fff}

.legal-footer__inner .legal-footer__links{display:flex!important}


/* 2026-10-18 · Tampilan legal terinspirasi hierarki halaman layanan modern. */
body.legal-page{background:#fff}
.legal-header{background:#fff;border-bottom:1px solid #e4ebf2;box-shadow:none}
.legal-header__inner{width:min(1180px,calc(100% - 64px));min-height:82px}
.legal-brand img{width:48px;height:48px}
.legal-brand strong{font-size:13px}
.legal-menu__trigger{box-shadow:none;border-color:#d7e2ed}
.legal-hero{
  width:calc(100% - 32px);margin:0 auto;background:linear-gradient(105deg,#063b76 0%,#075aab 70%,#0871c8 100%);
  border-radius:0 0 0 86px;overflow:hidden
}
.legal-hero:before{
  content:"";position:absolute;width:310px;height:310px;right:8%;top:-180px;border-radius:50%;
  border:56px solid rgba(255,206,37,.16)
}
.legal-hero__inner{width:min(1140px,calc(100% - 64px))!important;min-height:250px!important;padding:54px 0!important}
.legal-kicker{font-size:10px;color:#dceafa}
.legal-hero h1{font-size:clamp(42px,5.3vw,68px);margin:18px 0 0;max-width:900px}
.legal-content-grid{width:min(1140px,calc(100% - 64px))!important;padding-top:54px!important;gap:32px!important}
.legal-overview{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:54px;align-items:center;
  margin-bottom:8px;padding:0 0 34px
}
.legal-overview__visual{
  position:relative;min-height:380px;border-radius:0 90px 0 90px;background:
  linear-gradient(145deg,#e8f3ff,#f7fbff);overflow:hidden;display:grid;place-items:center
}
.legal-overview__visual:before{
  content:"";position:absolute;left:0;bottom:0;width:54%;height:76%;background:#0757a6;border-radius:0 90px 0 0
}
.legal-overview__visual:after{
  content:"";position:absolute;right:0;top:0;width:48%;height:45%;background:#f3c928;border-radius:0 0 0 75px
}
.legal-overview__shape{
  position:absolute;width:235px;height:235px;border-radius:44px;background:#fff;transform:rotate(11deg);
  box-shadow:0 25px 55px rgba(5,49,96,.18);z-index:2
}
.legal-overview__visual svg{position:relative;z-index:3;width:116px;height:116px;fill:#0757a6}
.legal-overview__content{padding:20px 12px}
.legal-overview__date{display:block;color:#51677e;font-size:14px;margin-bottom:20px}
.legal-overview__content h2{
  margin:0 0 18px;color:#062f68;font-size:clamp(30px,3.5vw,45px);line-height:1.12;letter-spacing:-.04em
}
.legal-overview__content>p{margin:0;color:#526477;font-size:15px;line-height:1.85}
.legal-overview__manager{
  margin-top:25px;padding-top:20px;border-top:1px solid #dfe8f1;display:flex;flex-direction:column;gap:4px
}
.legal-overview__manager span{color:#7b8b9d;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.legal-overview__manager strong{color:#123d6a;font-size:13px}
.legal-toc-mobile{box-shadow:none;border-radius:14px!important;border-color:#dce6ef}
.legal-toc-mobile summary{font-size:14px;padding:18px 21px}
.legal-paper{box-shadow:none;border:0;border-radius:0;padding:38px 0 70px}
.legal-paper__head{padding:0 0 24px!important;border-bottom:1px solid #dfe7ef!important}
.legal-section{
  padding:26px 0 30px!important;margin:0!important;border-bottom:1px solid #e2e9f0!important
}
.legal-section:last-of-type{border-bottom:0!important}
.legal-section__eyebrow{background:#edf5fd;color:#0757a6!important}
.legal-paper h2{color:#092f5b}
.legal-paper p,.legal-paper li{color:#43576a}
.legal-contact{max-width:var(--legal-reading);margin:40px auto 0;background:#f0f7ff;border-color:#d5e6f5}
.legal-paper__foot{margin-top:24px}
.legal-footer{background:#052b59;padding:0;color:#d6e4f2}
.legal-footer__inner{
  width:min(1180px,calc(100% - 64px));min-height:0;padding:54px 0 26px!important;
  display:grid!important;grid-template-columns:1.65fr .7fr .7fr 1fr;align-items:start;gap:44px;text-align:left!important
}
.legal-footer__identity{min-width:0}
.legal-footer__brand{align-items:center}
.legal-footer__brand img{width:54px;height:54px}
.legal-footer__brand strong{font-size:13px}
.legal-footer__brand span{color:#f3c928}
.legal-footer__identity>p{
  grid-column:auto;border:0;padding:0;margin:20px 0 16px;max-width:390px;color:#b7cbe0!important;font-size:12px!important;line-height:1.75
}
.legal-footer__contact{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.legal-footer__contact a{color:#e4eef8;text-decoration:none;font-size:11px}
.legal-footer__contact a:hover{color:#f3c928}
.legal-footer__group{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px}
.legal-footer__group h2{margin:0 0 8px;color:#fff;font-size:13px}
.legal-footer__group a{color:#b9cee2;text-decoration:none;font-size:11px;line-height:1.5}
.legal-footer__group a:hover{color:#f3c928}
.legal-footer__bottom{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-top:10px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)
}
.legal-footer__bottom p{
  grid-column:auto;border:0;padding:0;margin:0;color:#8faac5!important;font-size:10px!important
}
.legal-footer__social{display:flex;flex-wrap:wrap;gap:7px}
.legal-footer__social a{
  color:#d8e7f5;text-decoration:none;font-size:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px
}
.legal-footer__social a:hover{border-color:#f3c928;color:#f3c928}
html[data-theme="dark"] body.legal-page{background:#0d1d30}
html[data-theme="dark"] .legal-overview__content h2{color:#eef7ff}
html[data-theme="dark"] .legal-overview__content>p,
html[data-theme="dark"] .legal-overview__date{color:#bfd0df}
html[data-theme="dark"] .legal-overview__manager{border-color:#304b65}
html[data-theme="dark"] .legal-overview__manager strong{color:#e6f2fd}
html[data-theme="dark"] .legal-overview__visual{background:#142b42}
html[data-theme="dark"] .legal-paper__head,
html[data-theme="dark"] .legal-section{border-color:#304b65!important}
@media(max-width:900px){
  .legal-overview{grid-template-columns:1fr;gap:30px}
  .legal-overview__visual{min-height:320px}
  .legal-overview__content{padding:0 4px}
  .legal-footer__inner{grid-template-columns:1.5fr 1fr 1fr}
  .legal-footer__identity{grid-column:1/-1}
}
@media(max-width:770px){
  .legal-header__inner{width:min(100% - 28px,640px)}
  .legal-hero{width:calc(100% - 12px);border-radius:0 0 0 46px}
  .legal-hero__inner{width:min(100% - 36px,640px)!important;min-height:190px!important;padding:37px 0!important}
  .legal-hero h1{font-size:clamp(34px,10vw,47px)}
  .legal-content-grid{width:min(100% - 28px,640px)!important;padding-top:30px!important}
  .legal-overview{gap:25px;padding-bottom:10px}
  .legal-overview__visual{min-height:250px;border-radius:0 55px 0 55px}
  .legal-overview__visual:before{border-radius:0 55px 0 0}
  .legal-overview__visual:after{border-radius:0 0 0 48px}
  .legal-overview__shape{width:170px;height:170px;border-radius:34px}
  .legal-overview__visual svg{width:82px;height:82px}
  .legal-overview__date{font-size:12px;margin-bottom:14px}
  .legal-overview__content h2{font-size:29px}
  .legal-overview__content>p{font-size:13.5px}
  .legal-paper{padding:24px 0 48px}
  .legal-section{padding:22px 0 25px!important}
  .legal-footer__inner{width:min(100% - 36px,640px);grid-template-columns:1fr 1fr;gap:30px 22px}
  .legal-footer__identity{grid-column:1/-1}
  .legal-footer__bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:470px){
  .legal-footer__inner{grid-template-columns:1fr}
  .legal-footer__identity,.legal-footer__bottom{grid-column:1}
  .legal-footer__group{padding-top:4px}
}


/* Pastikan semua kolom navigasi footer tampil. */
.legal-footer__inner .legal-footer__group{display:flex!important}


/* Ikon kontak dan media sosial mengikuti footer utama. */
.legal-footer__contact a{display:inline-flex;align-items:center;gap:9px}
.legal-footer__contact svg{width:17px;height:17px;fill:currentColor;flex:none}
.legal-footer__social a{
  width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%
}
.legal-footer__social svg{width:17px;height:17px;fill:currentColor}


/* 2026-10-18 · Glass design untuk permukaan antarmuka, bukan badan teks panjang. */
.legal-header{
  background:rgba(255,255,255,.76)!important;
  border-bottom:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 30px rgba(7,48,91,.08)!important;
  backdrop-filter:blur(22px) saturate(165%);
  -webkit-backdrop-filter:blur(22px) saturate(165%)
}
.legal-menu__trigger{
  background:rgba(255,255,255,.7)!important;
  border-color:rgba(133,170,205,.28)!important;
  box-shadow:0 9px 28px rgba(7,54,102,.11),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.legal-menu__panel{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 24px 60px rgba(6,45,84,.2),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)
}
.legal-overview__visual{
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 24px 65px rgba(7,57,105,.11),inset 0 1px 0 rgba(255,255,255,.9)
}
.legal-overview__shape{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 28px 70px rgba(3,45,88,.2),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.legal-toc-mobile{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(150,179,207,.28)!important;
  box-shadow:0 15px 42px rgba(8,50,91,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)
}
.legal-contact{
  background:linear-gradient(135deg,rgba(235,246,255,.84),rgba(255,255,255,.66))!important;
  border:1px solid rgba(148,187,220,.34)!important;
  box-shadow:0 18px 48px rgba(8,55,99,.09),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.legal-footer__social a{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
html[data-theme="dark"] .legal-header{background:rgba(13,30,48,.76)!important;border-bottom-color:rgba(112,151,184,.2)!important}
html[data-theme="dark"] .legal-menu__trigger{background:rgba(27,56,82,.72)!important;border-color:rgba(126,169,204,.25)!important}
html[data-theme="dark"] .legal-menu__panel{background:rgba(20,43,66,.82)!important;border-color:rgba(116,157,190,.25)!important}
html[data-theme="dark"] .legal-toc-mobile{background:rgba(20,43,66,.72)!important;border-color:rgba(98,142,178,.28)!important}
html[data-theme="dark"] .legal-contact{background:linear-gradient(135deg,rgba(24,56,82,.84),rgba(18,42,64,.72))!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .legal-header,.legal-menu__panel,.legal-menu__trigger,.legal-toc-mobile{background:#fff!important}
  html[data-theme="dark"] .legal-header,html[data-theme="dark"] .legal-menu__panel,
  html[data-theme="dark"] .legal-menu__trigger,html[data-theme="dark"] .legal-toc-mobile{background:#142b42!important}
}


/* Daftar isi desktop: selesaikan kolom kiri, lalu lanjut kolom kanan. */
@media(min-width:771px){
  .legal-toc-mobile nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(6,auto);
    grid-auto-flow:column
  }
}
@media(max-width:770px){
  .legal-toc-mobile nav{grid-template-columns:1fr!important;grid-template-rows:none;grid-auto-flow:row}
}


/* Seimbangkan kepadatan: 5 item kiri, sisanya memenuhi kolom kanan. */
@media(min-width:771px){.legal-toc-mobile nav{grid-template-rows:repeat(5,auto)}}


/* Penempatan eksplisit agar tetap dua kolom: 5 kiri dan 6 kanan. */
@media(min-width:771px){
  .legal-toc-mobile nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(6,auto);grid-auto-flow:row}
  .legal-toc-mobile nav a:nth-child(-n+5){grid-column:1}
  .legal-toc-mobile nav a:nth-child(1){grid-row:1}
  .legal-toc-mobile nav a:nth-child(2){grid-row:2}
  .legal-toc-mobile nav a:nth-child(3){grid-row:3}
  .legal-toc-mobile nav a:nth-child(4){grid-row:4}
  .legal-toc-mobile nav a:nth-child(5){grid-row:5}
  .legal-toc-mobile nav a:nth-child(n+6){grid-column:2}
  .legal-toc-mobile nav a:nth-child(6){grid-row:1}
  .legal-toc-mobile nav a:nth-child(7){grid-row:2}
  .legal-toc-mobile nav a:nth-child(8){grid-row:3}
  .legal-toc-mobile nav a:nth-child(9){grid-row:4}
  .legal-toc-mobile nav a:nth-child(10){grid-row:5}
  .legal-toc-mobile nav a:nth-child(11){grid-row:6}
}


/* Tablet landscape: gunakan lebar kanvas, jangan sisakan kolom kosong di kanan. */
@media(min-width:771px) and (max-width:1180px){
  .legal-paper__head,
  .legal-section,
  .legal-contact,
  .legal-paper__foot{max-width:100%!important}
}
@media(min-width:1181px){
  .legal-paper__head,
  .legal-section,
  .legal-contact,
  .legal-paper__foot{max-width:920px}
}


/* 2026-10-18 · Ruang dalam artikel: teks tidak menempel ke tepi box. */
@media(min-width:771px) and (max-width:1180px){
  .legal-paper{padding-left:clamp(30px,4vw,44px)!important;padding-right:clamp(30px,4vw,44px)!important}
}
@media(max-width:770px){
  .legal-paper{padding-left:18px!important;padding-right:18px!important}
}


/* 2026-10-18 · Menu burger tetap tiga garis dan tanpa label status. */
.legal-menu__panel a.is-current:after{content:none!important;display:none!important}
.legal-menu.is-open .legal-menu__trigger span:nth-child(1),
.legal-menu.is-open .legal-menu__trigger span:nth-child(3){transform:none!important}
.legal-menu.is-open .legal-menu__trigger span:nth-child(2){opacity:1!important}


/* 2026-10-18 · Section dokumen memenuhi lebar box tanpa celah kanan. */
.legal-paper__head,
.legal-section,
.legal-paper__foot{width:100%!important;max-width:none!important}

/* Ikon bagikan seragam dan berada tepat di bawah judul dokumen. */
.legal-hero .legalShare{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0 0;color:#e3edf8;font-size:12px}
.legal-hero .legalShare>a,.legal-hero .legalShare>button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;text-decoration:none}
.legal-hero .legalShare>a:hover,.legal-hero .legalShare>button:hover{background:#f5c928;color:#092d5d;border-color:#f5c928}
.legal-hero .legalShareIcon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.legal-hero .legalShareIcon--brand{fill:currentColor;stroke:none}
.legal-hero [data-legal-copy-status]{min-height:1em}

/* Warna ikon bagikan dokumen mengikuti mode. */
html:not([data-theme="dark"]) .legal-hero .legalShare>a,
html:not([data-theme="dark"]) .legal-hero .legalShare>button{color:#0757a6;background:#edf5ff;border-color:#bfd5ed}
html[data-theme="dark"] .legal-hero .legalShare>a,
html[data-theme="dark"] .legal-hero .legalShare>button{color:#f8e44f;background:#203e5d;border-color:#537495}