/* FBE — Design System Docs v1.0.0 · semua selektor dibatasi .fbe-ds-page (infrastruktur, izin guide 21.3) */
html{scroll-behavior:smooth}
.fbe-ds-page-body .page-header,.fbe-ds-page-body .entry-header,.fbe-ds-page-body .entry-title,.fbe-ds-page-body .page-title{display:none}
.fbe-ds-page-body .entry-content{max-width:none;padding:0;margin:0}
.fbe-ds-page-body .site-main{padding:0}
.fbe-ds-page-body #content{max-width:none}
.fbe-ds-page{
 --universityblue-50:#E6E9EE; --universityblue-100:#B1B9CA; --universityblue-300:#56688C; --universityblue-500:#031E53;
 --facultygray-50:#EBEBEB; --facultygray-100:#C2C2C2; --facultygray-300:#7B7B7C; --facultygray-500:#3A3A3B;
 --accent-50:#FEFAE9; --accent-100:#FDEFBC; --accent-300:#FADB6E; --accent-500:#F7CA26;
 --text-500:#070513; --text-200:#8D8C92;
 --surface-normal:#FDFEFF; --surface-softgray:#FCFDFF; --surface-softblue:#FCFEFF; --white:#FFFFFF;
 --ds-bg:#F6F7F9; --ds-hairline:#DFE3E9;
}.fbe-ds-page *{box-sizing:border-box;margin:0;padding:0}.fbe-ds-page body{font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--ds-bg);color:var(--text-500);line-height:1.5;-webkit-font-smoothing:antialiased}.fbe-ds-page .wrap{max-width:1180px;margin:0 auto;padding:22px 18px 52px}.fbe-ds-page .eyebrow{font:700 10px Lato,Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--universityblue-300)}.fbe-ds-page h1{font:800 22px/1.28 Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin:4px 0 8px;max-width:900px}.fbe-ds-page .lead{font-size:12.5px;color:var(--facultygray-500);max-width:1000px}.fbe-ds-page .lead b{color:var(--universityblue-500)}.fbe-ds-page .chips{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 2px}.fbe-ds-page .chip{border:1px solid var(--universityblue-100);background:var(--white);padding:5px 10px;font:500 10px Roboto,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .chip b{font-weight:700}.fbe-ds-page .chip.g{border-color:var(--accent-300);background:var(--accent-50);color:#7A5B00}.fbe-ds-page .chip.w{border-color:#E7C3BC;background:#FDF1EF;color:#93382A}.fbe-ds-page .chip.ok{border-color:#BBD9C5;background:#F0F8F3;color:#1F6B3E}.fbe-ds-page .legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0;font:500 10px Roboto,sans-serif;color:var(--facultygray-300)}.fbe-ds-page .legend span{display:inline-flex;align-items:center;gap:6px}.fbe-ds-page .lg-live{width:10px;height:10px;background:var(--universityblue-500);display:inline-block}.fbe-ds-page .lg-new{width:10px;height:10px;background:var(--accent-500);display:inline-block}.fbe-ds-page .lg-ext{width:10px;height:10px;border:1px dashed var(--facultygray-100);background:var(--white);display:inline-block}.fbe-ds-page .toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 22px;position:sticky;top:0;background:linear-gradient(var(--ds-bg) 84%,rgba(246,247,249,0));padding:8px 0 10px;z-index:20}.fbe-ds-page .tab{border:1px solid var(--universityblue-100);background:var(--white);padding:7px 12px;font:700 10.5px Lato,Montserrat,sans-serif;color:var(--universityblue-500);cursor:pointer}.fbe-ds-page .tab:hover{background:var(--accent-50);border-color:var(--accent-300)}.fbe-ds-page .tab.on{background:var(--universityblue-500);border-color:var(--universityblue-500);color:var(--white)}.fbe-ds-page .tab.alt{border-style:dashed;color:var(--facultygray-300)}.fbe-ds-page .panel{display:none;margin-bottom:38px}.fbe-ds-page .panel-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:3px}.fbe-ds-page .otag{background:var(--universityblue-500);color:var(--white);font:800 10px Lato,Montserrat,sans-serif;padding:3px 8px;letter-spacing:.06em}.fbe-ds-page .opt-name{font:800 15px Lato,Montserrat,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .ostance{font-size:11.5px;color:var(--universityblue-300);flex:1;min-width:200px}.fbe-ds-page .pick{margin-left:auto;border:1px solid var(--accent-300);background:var(--accent-50);color:#7A5B00;font:700 10px Lato,Montserrat,sans-serif;padding:6px 10px;cursor:pointer}.fbe-ds-page .pick:hover{background:var(--accent-500);border-color:var(--accent-500);color:var(--text-500)}.fbe-ds-page .ostruct{font-size:10.5px;color:var(--facultygray-300);margin:2px 0 9px}.fbe-ds-page .ostruct b{color:var(--universityblue-500)}.fbe-ds-page .frame{background:var(--white);border:1px solid var(--ds-hairline);box-shadow:0 10px 28px rgba(3,30,83,.08)}.fbe-ds-page .bar{background:var(--universityblue-500);color:var(--white);font:600 10px Lato,Montserrat,sans-serif;padding:8px 13px;display:flex;align-items:center;gap:10px}.fbe-ds-page .dots{display:inline-flex;gap:4px}.fbe-ds-page .dots i{width:6px;height:6px;background:#FFFFFF38;display:inline-block}.fbe-ds-page .bar .url{color:#C3CAD8;font-weight:500}.fbe-ds-page .bar .url b{color:var(--accent-500);font-weight:700}.fbe-ds-page .bar .barlbl{margin-left:auto;color:#8E9BB5;font:500 9px Roboto,sans-serif}.fbe-ds-page .vnotes{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbe-ds-page .vn{border:1px solid var(--ds-hairline);background:var(--white);padding:8px 10px;font-size:10.5px;color:var(--facultygray-500)}.fbe-ds-page .vn b{display:block;font:700 9.5px Lato,Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;color:var(--universityblue-500)}.fbe-ds-page .vn.plus b{color:#1F6B3E}.fbe-ds-page .vn.minus b{color:#93382A}.fbe-ds-page .vn.build{grid-column:1/-1;border-style:dashed;background:#FBFCFE}.fbe-ds-page code{background:#EEF1F6;border:1px solid #DDE3EC;padding:1px 5px;font:600 9.5px ui-monospace,Consolas,monospace;color:var(--universityblue-500)}.fbe-ds-page .foot{margin-top:34px;border-top:1px solid var(--ds-hairline);padding-top:12px;font-size:10.5px;color:var(--facultygray-300)}.fbe-ds-page .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:var(--universityblue-500);color:var(--white);font:600 11px Roboto,sans-serif;padding:9px 14px;z-index:99;opacity:0;transition:opacity .18s;pointer-events:none}.fbe-ds-page .toast.on{opacity:1}.fbe-ds-page h1,.fbe-ds-page h2,.fbe-ds-page h3,.fbe-ds-page h4,.fbe-ds-page h5,.fbe-ds-page .eyebrow,.fbe-ds-page .tab,.fbe-ds-page .otag,.fbe-ds-page .opt-name,.fbe-ds-page .mh1,.fbe-ds-page .mh2,.fbe-ds-page .mlogo,.fbe-ds-page .bt{font-family:Lato,Montserrat,sans-serif}@media (max-width:820px){.fbe-ds-page .vnotes{grid-template-columns:1fr}.fbe-ds-page .legend{flex-direction:column;gap:6px}}.fbe-ds-page .dspage{background:var(--surface-normal);color:var(--facultygray-500);font-size:11px;line-height:1.55}.fbe-ds-page .mhead{display:flex;align-items:center;gap:11px;padding:10px 20px;border-bottom:1px solid var(--facultygray-50);background:var(--white)}.fbe-ds-page .mlogo{display:flex;align-items:center;gap:7px;font:800 12.5px Lato,Montserrat,sans-serif;color:var(--universityblue-500);white-space:nowrap}.fbe-ds-page .mlogo i{width:12px;height:12px;background:var(--accent-500);display:inline-block}.fbe-ds-page .mnav{display:flex;gap:9px;font:500 8.8px Roboto,sans-serif;color:var(--facultygray-500);flex-wrap:wrap}.fbe-ds-page .mnav b{color:var(--universityblue-500);font-weight:700;border-bottom:2px solid var(--accent-500);padding-bottom:2px}.fbe-ds-page .mutil{margin-left:auto;display:flex;align-items:center;gap:7px}.fbe-ds-page .mlang{border:1px solid var(--universityblue-100);font:700 7.5px Lato,Montserrat,sans-serif;color:var(--universityblue-500);padding:2px 6px;white-space:nowrap}.fbe-ds-page .msearch{width:64px;height:15px;border:1px solid var(--facultygray-100);background:var(--surface-softgray);display:inline-block}.fbe-ds-page .mhero{background-color:var(--facultygray-500);background-image:linear-gradient(150deg,var(--gradhero-0,#484848) 0%,var(--text-500) 100%);color:var(--white);padding:20px}.fbe-ds-page .meyeb{font:700 8.5px Lato,Montserrat,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-500);margin-bottom:6px}.fbe-ds-page .mh1{font:800 22px/1.2 Lato,Montserrat,sans-serif;color:var(--white);margin-bottom:6px;max-width:620px}.fbe-ds-page .mh1.s{font-size:18px}.fbe-ds-page .msub{font-size:10px;color:#C9CDD6;line-height:1.55;max-width:600px;margin-bottom:10px}.fbe-ds-page .msec{padding:16px 20px;border-top:1px solid var(--facultygray-50)}.fbe-ds-page .msec.alt{background:var(--surface-softgray)}.fbe-ds-page .msec.soft{background:var(--universityblue-50)}.fbe-ds-page .msec.softb{background:var(--surface-softblue)}.fbe-ds-page .msec.dark{background:linear-gradient(135deg,var(--universityblue-500) 0%,var(--text-500) 100%);color:var(--white);border-top:4px solid var(--accent-500)}.fbe-ds-page .msec.dark .mh2{color:var(--white)}.fbe-ds-page .msec.dark .mlead{color:#B7BDC9}.fbe-ds-page .msech{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:10px}.fbe-ds-page .msech .meyeb{color:var(--universityblue-300);margin-bottom:4px}.fbe-ds-page .mh2{font:800 15px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin:0}.fbe-ds-page .mh3{font:700 12px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin:0 0 5px}.fbe-ds-page .mlead{font-size:9.8px;color:var(--facultygray-300);max-width:700px;margin-top:3px;line-height:1.55}.fbe-ds-page .mono{position:sticky;top:0;z-index:5;background:var(--white);border-bottom:1px solid var(--facultygray-50);display:flex;gap:8px;padding:7px 20px;font:500 8.6px Roboto,sans-serif;color:var(--facultygray-300);flex-wrap:wrap}.fbe-ds-page .mono b{color:var(--universityblue-500);font-weight:700}.fbe-ds-page .mfoot{background:var(--accent-500);color:var(--text-500);padding:13px 20px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;font-size:8.4px;line-height:1.5}.fbe-ds-page .mfoot b{font:700 9px Lato,Montserrat,sans-serif;display:block;margin-bottom:4px}.fbe-ds-page .mfoot .fcol span{display:block;opacity:.86}.fbe-ds-page .mcopy{background:var(--universityblue-500);color:#C3CAD8;font:500 7.8px Roboto,sans-serif;padding:7px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.fbe-ds-page .swgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fbe-ds-page .sw{border:1px solid var(--facultygray-50);background:var(--white);display:flex;flex-direction:column}.fbe-ds-page .sw .chipc{height:44px;border-bottom:1px solid var(--facultygray-50);position:relative}.fbe-ds-page .sw .chipc .live{position:absolute;right:5px;top:5px;font:800 6.4px Lato,Montserrat,sans-serif;letter-spacing:.1em;padding:2px 4px;background:var(--white);color:var(--universityblue-500)}.fbe-ds-page .sw .chipc .ext{position:absolute;right:5px;top:5px;font:800 6.4px Lato,Montserrat,sans-serif;letter-spacing:.1em;padding:2px 4px;background:var(--text-500);color:var(--accent-500)}.fbe-ds-page .sw .swb{padding:7px 8px;font-size:8.6px;color:var(--facultygray-500)}.fbe-ds-page .sw .nm{font:700 9px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block;margin-bottom:2px;word-break:break-all}.fbe-ds-page .sw .vt{font:600 8.4px ui-monospace,Consolas,monospace;color:var(--facultygray-500)}.fbe-ds-page .sw .use{color:var(--facultygray-300);margin-top:3px;line-height:1.45}.fbe-ds-page .sw .row{display:flex;align-items:center;gap:6px;margin-top:5px}.fbe-ds-page .cpy{border:1px solid var(--universityblue-100);background:var(--white);color:var(--universityblue-500);font:700 7.6px Lato,Montserrat,sans-serif;padding:3px 6px;cursor:pointer}.fbe-ds-page .cpy:hover{background:var(--accent-50);border-color:var(--accent-300)}.fbe-ds-page .ratio{font:700 7.6px Lato,Montserrat,sans-serif;padding:2px 5px;margin-left:auto}.fbe-ds-page .ratio.pass{background:#F0F8F3;color:#1F6B3E;border:1px solid #BBD9C5}.fbe-ds-page .ratio.fail{background:#FDF1EF;color:#93382A;border:1px solid #E7C3BC}.fbe-ds-page .ratio.warn{background:var(--accent-50);color:#7A5B00;border:1px solid var(--accent-300)}.fbe-ds-page .dtable{width:100%;border-collapse:collapse;font-size:9.4px}.fbe-ds-page .dtable th{background:var(--universityblue-50);color:var(--universityblue-500);font:700 8.6px Lato,Montserrat,sans-serif;text-align:left;padding:6px 7px;border:1px solid var(--facultygray-50)}.fbe-ds-page .dtable td{padding:5px 7px;border:1px solid var(--facultygray-50);color:var(--facultygray-500);vertical-align:top}.fbe-ds-page .dtable tr:nth-child(even) td{background:var(--surface-softgray)}.fbe-ds-page .dtable code{font-size:8.6px}.fbe-ds-page .codebox{position:relative;background:var(--text-500);color:#E6E9EE;border:1px solid var(--text-500);font:500 9px/1.6 ui-monospace,Consolas,monospace;padding:9px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.fbe-ds-page .codebox .cb{border:1px solid var(--accent-500);background:var(--accent-500);color:var(--text-500);font:700 7.6px Lato,Montserrat,sans-serif;padding:3px 6px;cursor:pointer;position:absolute;right:5px;top:5px}.fbe-ds-page .demo{border:1px dashed var(--facultygray-100);background:var(--white);padding:10px;margin-bottom:9px}.fbe-ds-page .demo.on-dark{border-color:#3A3A3B;background:linear-gradient(135deg,var(--universityblue-500) 0%,var(--text-500) 100%)}.fbe-ds-page .demo .dlbl{font:700 8px Lato,Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--facultygray-300);margin-bottom:7px}.fbe-ds-page .demo.on-dark .dlbl{color:#B7BDC9}.fbe-ds-page .drow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fbe-ds-page .dcols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbe-ds-page .dcols3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fbe-ds-page .dcols4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fbe-ds-page .bt{font:700 9.5px Lato,Montserrat,sans-serif;padding:8px 14px;border:1px solid transparent;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.fbe-ds-page .bt.pri{background:var(--accent-500);color:var(--text-500)}.fbe-ds-page .bt.pri:hover{background:var(--accent-300)}.fbe-ds-page .bt.sec{background:var(--universityblue-500);color:var(--white)}.fbe-ds-page .bt.sec:hover{background:var(--universityblue-300)}.fbe-ds-page .bt.out{background:var(--white);border-color:var(--universityblue-100);color:var(--universityblue-500)}.fbe-ds-page .bt.out:hover{border-color:var(--universityblue-500)}.fbe-ds-page .bt.ter{color:var(--universityblue-500);border-bottom:2px solid var(--accent-500);padding:4px 0;background:none}.fbe-ds-page .bt.des{background:var(--white);border-color:#E7C3BC;color:#93382A}.fbe-ds-page .bt.sm{font-size:8.4px;padding:5px 9px}.fbe-ds-page .bt.lg{font-size:11px;padding:11px 18px}.fbe-ds-page .bt:disabled{background:var(--facultygray-50);color:var(--facultygray-300);border-color:var(--facultygray-50);cursor:not-allowed}.fbe-ds-page .bt.ico{padding:8px 9px}.fbe-ds-page .bt.load{background:var(--universityblue-100);color:var(--white)}.fbe-ds-page .bt.load i{width:8px;height:8px;border:2px solid #FFFFFF66;border-top-color:var(--white);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fbe-ds-page .demo.on-dark .bt.out{color:var(--white);border-color:#B1B9CA;background:transparent}.fbe-ds-page .demo.on-dark .bt.ter{color:var(--white)}.fbe-ds-page .dark .bt.out,.fbe-ds-page .dark .more{color:var(--white);border-color:#B1B9CA}.fbe-ds-page .dcard{border:1px solid var(--facultygray-50);background:var(--white);padding:10px;display:flex;flex-direction:column}.fbe-ds-page .dcard.top3{border-top:3px solid var(--accent-500)}.fbe-ds-page .dph{background-color:var(--universityblue-50);background-image:linear-gradient(150deg,#7B7B7C 0%,#3A3A3B 100%);position:relative;display:block;margin-bottom:7px}.fbe-ds-page .dph::after{content:"FOTO";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#FFFFFF4A;font:700 7.4px Lato,Montserrat,sans-serif;letter-spacing:.3em}.fbe-ds-page .dttl{font:700 10.6px/1.35 Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin-bottom:3px}.fbe-ds-page .ddek{font-size:8.8px;color:var(--facultygray-300);line-height:1.5}.fbe-ds-page .dmeta{font:700 7.4px Lato,Montserrat,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#8A6D00;margin-bottom:3px}.fbe-ds-page .dtags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.fbe-ds-page .dtag{border:1px solid var(--universityblue-100);color:var(--universityblue-300);font:600 7.3px Lato,Montserrat,sans-serif;padding:2px 5px}.fbe-ds-page .dtag.fill{background:var(--universityblue-50);border-color:var(--universityblue-50);color:var(--universityblue-500)}.fbe-ds-page .dtag.gold{background:var(--accent-500);border-color:var(--accent-500);color:var(--text-500)}.fbe-ds-page .dlink{margin-top:auto;padding-top:8px}.fbe-ds-page .more{font:700 8.6px Roboto,sans-serif;color:var(--universityblue-500);border-bottom:1px solid var(--accent-500);cursor:pointer;text-decoration:none}.fbe-ds-page .more.ext::after{content:" \2197"}.fbe-ds-page .more.dl::after{content:" \2193"}.fbe-ds-page .statb{font:800 19px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block}.fbe-ds-page .statc{border:1px solid var(--facultygray-50);background:var(--white);padding:10px}.fbe-ds-page .statc span.lbl{font:600 8.6px Roboto,sans-serif;color:var(--facultygray-300)}.fbe-ds-page .fgrp{margin-bottom:9px}.fbe-ds-page .flbl{display:block;font:700 8.8px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin-bottom:3px}.fbe-ds-page .flbl .req{color:#93382A}.fbe-ds-page .fin{width:100%;border:1px solid var(--facultygray-100);background:var(--white);padding:7px 8px;font:400 10px Roboto,sans-serif;color:var(--text-500)}.fbe-ds-page .fin:focus{outline:2px solid var(--universityblue-500);outline-offset:0;box-shadow:0 0 0 3px var(--accent-500);border-color:var(--universityblue-500)}.fbe-ds-page .bt:focus-visible,.fbe-ds-page .more:focus-visible,.fbe-ds-page .tab:focus-visible,.fbe-ds-page .cpy:focus-visible,.fbe-ds-page .acc-h:focus-visible,.fbe-ds-page .ctab:focus-visible,.fbe-ds-page .pager span:focus-visible{outline:2px solid var(--universityblue-500);outline-offset:1px;box-shadow:0 0 0 3px var(--accent-500)}.fbe-ds-page .demo.on-dark .bt:focus-visible,.fbe-ds-page .dark .more:focus-visible{outline-color:var(--white)}.fbe-ds-page .fin[aria-invalid="true"],.fbe-ds-page .fin.err{border-color:#B3261E;background:#FDF7F6}.fbe-ds-page .fhint{font-size:8.4px;color:var(--facultygray-300);margin-top:3px}.fbe-ds-page .ferr{font-size:8.4px;color:#93382A;margin-top:3px;font-weight:700}.fbe-ds-page .fchk{display:flex;align-items:flex-start;gap:6px;font-size:9.4px;color:var(--facultygray-500)}.fbe-ds-page .fchk input[type=checkbox]{width:12px;height:12px}.fbe-ds-page .fchk input[type=radio]{width:12px;height:12px;border-radius:50%}.fbe-ds-page .fgrp .fchk{margin-bottom:5px}.fbe-ds-page .al{border:1px solid;padding:8px 10px;font-size:9.4px;display:flex;gap:8px;align-items:flex-start;margin-bottom:7px}.fbe-ds-page .al b{display:block;font:700 9.4px Lato,Montserrat,sans-serif;margin-bottom:2px}.fbe-ds-page .al.ok{background:#F0F8F3;border-color:#BBD9C5;color:#1F6B3E}.fbe-ds-page .al.warn{background:var(--accent-50);border-color:var(--accent-300);color:#7A5B00}.fbe-ds-page .al.err{background:#FDF1EF;border-color:#E7C3BC;color:#93382A}.fbe-ds-page .al.info{background:var(--universityblue-50);border-color:var(--universityblue-100);color:var(--universityblue-500)}.fbe-ds-page .skel{background:linear-gradient(90deg,var(--facultygray-50) 25%,#F5F6F8 50%,var(--facultygray-50) 75%);height:9px;margin-bottom:6px;animation:sh 1.4s infinite linear}@keyframes sh{0%{background-position:-140px 0}100%{background-position:140px 0}}.fbe-ds-page .acc{border:1px solid var(--facultygray-50);background:var(--white)}.fbe-ds-page .acc-h{width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--facultygray-50);padding:9px 11px;font:700 9.4px Lato,Montserrat,sans-serif;color:var(--universityblue-500);cursor:pointer;display:flex;justify-content:space-between;gap:8px}.fbe-ds-page .acc-h:first-child{border-top:0}.fbe-ds-page .acc-b{display:none;padding:0 11px 10px;font-size:9px;color:var(--facultygray-500);line-height:1.6}.fbe-ds-page .acc-b.on{display:block}.fbe-ds-page .acc-h .sign{color:var(--universityblue-300);font:700 11px Roboto,sans-serif}.fbe-ds-page .ctabs{display:flex;gap:0;border-bottom:2px solid var(--facultygray-50);margin-bottom:9px;flex-wrap:wrap}.fbe-ds-page .ctab{background:none;border:0;border-bottom:3px solid transparent;padding:6px 10px;font:700 9.2px Lato,Montserrat,sans-serif;color:var(--facultygray-300);cursor:pointer}.fbe-ds-page .ctab.on{color:var(--universityblue-500);border-bottom-color:var(--accent-500)}.fbe-ds-page .ctab-panel{display:none}.fbe-ds-page .ctab-panel.on{display:block}.fbe-ds-page .pager{display:flex;gap:4px;flex-wrap:wrap}.fbe-ds-page .pager span{border:1px solid var(--facultygray-100);background:var(--white);min-width:20px;text-align:center;padding:3px 5px;font:600 8.8px Roboto,sans-serif;color:var(--universityblue-500);cursor:pointer}.fbe-ds-page .pager span.on{background:var(--universityblue-500);border-color:var(--universityblue-500);color:var(--white)}.fbe-ds-page .crumb{font-size:8.8px;color:var(--facultygray-300)}.fbe-ds-page .crumb b{color:var(--universityblue-500)}.fbe-ds-page .crumb i{font-style:normal;margin:0 4px;color:var(--facultygray-100)}.fbe-ds-page .bq{border-left:4px solid var(--accent-500);background:var(--surface-softgray);padding:9px 11px;font-size:9.4px;color:var(--facultygray-500);font-style:italic}.fbe-ds-page .bq footer{font:700 8.6px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin-top:5px;font-style:normal}.fbe-ds-page .ulist{font-size:9.4px;color:var(--facultygray-500);padding-left:15px}.fbe-ds-page .ulist li{margin-bottom:3px}.fbe-ds-page .ilst{list-style:none;padding:0;font-size:9.4px;color:var(--facultygray-500)}.fbe-ds-page .ilst li{display:flex;gap:6px;margin-bottom:4px}.fbe-ds-page .ilst li::before{content:"\25AA";color:var(--accent-500);font-weight:700}.fbe-ds-page .dl2{font-size:9.2px;color:var(--facultygray-500)}.fbe-ds-page .dl2 dt{font:700 9px Lato,Montserrat,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .dl2 dd{margin:1px 0 6px}.fbe-ds-page .divider{height:1px;background:var(--facultygray-50);margin:10px 0;border:0}.fbe-ds-page .divider.strong{height:3px;background:var(--accent-500);width:40px}.fbe-ds-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fbe-ds-page .step{border:1px solid var(--facultygray-50);background:var(--white);padding:9px}.fbe-ds-page .step .n{font:800 14px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block}.fbe-ds-page .step h5{font:700 9.2px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin:3px 0}.fbe-ds-page .step p{font-size:8.4px;color:var(--facultygray-300);line-height:1.45}.fbe-ds-page .tl{border-left:2px solid var(--facultygray-50);margin-left:5px;padding-left:11px}.fbe-ds-page .tl .ti{position:relative;padding-bottom:9px}.fbe-ds-page .tl .ti::before{content:"";position:absolute;left:-16px;top:3px;width:8px;height:8px;background:var(--accent-500)}.fbe-ds-page .tl .ti b{font:700 9.2px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block}.fbe-ds-page .tl .ti span{font-size:8.6px;color:var(--facultygray-300)}.fbe-ds-page .prog{height:8px;background:var(--facultygray-50);border:1px solid var(--facultygray-50)}.fbe-ds-page .prog i{display:block;height:100%;background:var(--accent-500)}.fbe-ds-page .prog.b i{background:var(--universityblue-500)}.fbe-ds-page .modal{display:none;position:absolute;inset:0;background:rgba(7,5,19,.62);z-index:30;align-items:center;justify-content:center;padding:16px}.fbe-ds-page .modal.on{display:flex}.fbe-ds-page .modal .box{background:var(--white);border-top:4px solid var(--accent-500);max-width:340px;width:100%;padding:13px}.fbe-ds-page .modal h4{font:800 11px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin-bottom:5px}.fbe-ds-page .modal p{font-size:9.2px;color:var(--facultygray-500);margin-bottom:9px}.fbe-ds-page .tipwrap{position:relative;display:inline-block}.fbe-ds-page .tip{border:1px solid var(--universityblue-500);background:var(--universityblue-500);color:var(--white);font-size:8.6px;padding:5px 7px;position:absolute;left:100%;top:-4px;margin-left:6px;width:150px;z-index:4}.fbe-ds-page .toc{border:1px solid var(--facultygray-50);background:var(--surface-softgray);padding:9px 11px;font-size:9.2px}.fbe-ds-page .toc b{font:700 9px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block;margin-bottom:4px}.fbe-ds-page .toc a{color:var(--universityblue-300);text-decoration:none;display:block;padding:1px 0;border-bottom:1px dotted transparent}.fbe-ds-page .toc a:hover{color:var(--universityblue-500)}.fbe-ds-page .acc-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--universityblue-100);background:var(--white);padding:4px 7px;font:700 8px Lato,Montserrat,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .acc-badge i{width:7px;height:7px;background:var(--accent-500);display:inline-block}.fbe-ds-page .factbox{border:1px solid var(--facultygray-50);background:var(--surface-softblue);padding:9px 10px;font-size:9.2px}.fbe-ds-page .factbox dl{display:grid;grid-template-columns:96px 1fr;gap:3px 8px}.fbe-ds-page .factbox dt{font:700 8.8px Lato,Montserrat,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .factbox dd{color:var(--facultygray-500)}.fbe-ds-page .lj{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fbe-ds-page .lj .li{border:1px solid var(--facultygray-50);background:var(--white);padding:8px;text-align:center;font-size:8.4px;color:var(--facultygray-500)}.fbe-ds-page .lj .li b{display:block;font:700 8.8px Lato,Montserrat,sans-serif;color:var(--universityblue-500);margin-bottom:2px}.fbe-ds-page .lj .li .n{font:800 11px Lato,Montserrat,sans-serif;color:var(--accent-500);display:block}.fbe-ds-page .tplgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fbe-ds-page .tpl{border:1px solid var(--facultygray-50);background:var(--white);padding:8px;font-size:8.4px;color:var(--facultygray-500)}.fbe-ds-page .tpl .h{display:flex;justify-content:space-between;gap:5px;align-items:baseline;margin-bottom:3px}.fbe-ds-page .tpl b{font:700 8.8px Lato,Montserrat,sans-serif;color:var(--universityblue-500)}.fbe-ds-page .tpl .st{font:700 6.6px Lato,Montserrat,sans-serif;letter-spacing:.08em;padding:1px 4px;white-space:nowrap}.fbe-ds-page .st.live{background:var(--universityblue-50);color:var(--universityblue-500)}.fbe-ds-page .st.new{background:var(--accent-500);color:var(--text-500)}.fbe-ds-page .st.draft{border:1px dashed var(--facultygray-100);color:var(--facultygray-300)}.fbe-ds-page .roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fbe-ds-page .role{border:1px solid var(--facultygray-50);background:var(--white);padding:8px;font-size:8.6px}.fbe-ds-page .role b{font:700 8.8px Lato,Montserrat,sans-serif;color:var(--universityblue-500);display:block;margin-bottom:2px}.fbe-ds-page .lc{display:flex;gap:4px;flex-wrap:wrap;font:700 7.4px Lato,Montserrat,sans-serif}.fbe-ds-page .lc span{padding:3px 6px;border:1px solid var(--facultygray-50);background:var(--white);color:var(--facultygray-300)}.fbe-ds-page .lc span.now{background:var(--universityblue-500);color:var(--white);border-color:var(--universityblue-500)}.fbe-ds-page .searchbar{display:flex;gap:6px;align-items:center;margin-bottom:8px}.fbe-ds-page .searchbar input{flex:1;border:1px solid var(--facultygray-100);padding:6px 8px;font:400 9.6px Roboto,sans-serif}.fbe-ds-page .searchbar .cnt{font:600 8.6px Roboto,sans-serif;color:var(--facultygray-300)}.fbe-ds-page .hide{display:none !important}.fbe-ds-page .gridsec{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:start}@media (max-width:820px){.fbe-ds-page .swgrid,.fbe-ds-page .dcols,.fbe-ds-page .dcols3,.fbe-ds-page .dcols4,.fbe-ds-page .steps,.fbe-ds-page .tplgrid,.fbe-ds-page .roles,.fbe-ds-page .lj,.fbe-ds-page .gridsec,.fbe-ds-page .dspage .mfoot{grid-template-columns:1fr}.fbe-ds-page .mhead{flex-wrap:wrap}.fbe-ds-page .mutil{margin-left:0;width:100%}}
.fbe-ds-page .ds-subnav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #EBEBEB;display:flex;gap:8px;padding:8px 20px;flex-wrap:wrap;font:500 10px Roboto,sans-serif}
.fbe-ds-page .ds-subnav a{color:#031E53;text-decoration:none;border-bottom:2px solid transparent;padding:3px 2px}
.fbe-ds-page .ds-subnav a:hover{border-bottom-color:#F7CA26}
.fbe-ds-page .ds-skip{position:absolute;left:-9999px}
.fbe-ds-page .ds-skip:focus{left:8px;top:8px;background:#F7CA26;color:#070513;padding:6px 10px;z-index:99}
.fbe-ds-page .ds-sec-block{scroll-margin-top:56px}
@media (max-width:767px){
 .fbe-ds-page .ds-subnav{overflow-x:auto;flex-wrap:nowrap;padding:10px 14px}
 .fbe-ds-page .ds-subnav a{padding:6px 4px}
 .fbe-ds-page .dtable{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .fbe-ds-page .codebox{overflow-x:auto}
 .fbe-ds-page .mhero{padding:18px 16px}
 .fbe-ds-page .msec{padding:14px 16px}
 .fbe-ds-page .swgrid,.fbe-ds-page .dcols,.fbe-ds-page .dcols3,.fbe-ds-page .dcols4{grid-template-columns:1fr}
}
/* Kolom konten selaras halaman /design-system/ lama: pita tetap penuh-lebar, isi dibatasi 1216px (76rem) di tengah */
.fbe-ds-page{--ds-col:1216px}
.fbe-ds-page .mhero,.fbe-ds-page .msec,.fbe-ds-page .ds-subnav{padding-inline:max(20px,calc((100% - var(--ds-col))/2))}