.page-panduan{--paper:#f7f7f5;--ink:#16191d;--ink-soft:#3c4147;--ink-faint:#6b7076;--hl:#fde047;--amber:#f59e0b;--rule:#16191d;--rule-soft:#d8d8d2;--card:#fff;--serif:"Newsreader", var(--font-serif), Georgia, "Times New Roman", serif;--sans:"Archivo", var(--font-sans), "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", var(--font-mono), "SFMono-Regular", Consolas, monospace;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}.page-panduan .pn-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.page-panduan .pn-breadcrumb{color:var(--ink-faint);font:400 12.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding-top:22px;display:flex}.page-panduan .pn-breadcrumb a{color:inherit;text-decoration:none}.page-panduan .pn-breadcrumb a:hover{text-underline-offset:3px;text-decoration:underline}.page-panduan .pn-breadcrumb span[aria-hidden],.page-panduan .pn-breadcrumb [aria-current]{color:var(--ink);font-weight:600}.page-panduan .pn-head{border-bottom:3px solid var(--rule);padding:26px 0 34px}.page-panduan .pn-eyebrow{background:var(--hl);color:var(--ink);font:600 12.5px var(--mono);letter-spacing:.14em;margin:0;padding:5px 10px 4px;display:inline-block}.page-panduan .pn-head h1{font:800 clamp(44px,7vw,76px)/.98 var(--serif);letter-spacing:-.015em;margin:20px 0 18px}.page-panduan .pn-head>p:last-child{max-width:46em;color:var(--ink-soft);font:clamp(19px,2.4vw,23px)/1.45 var(--serif);margin:0}.page-panduan .pn-layout{grid-template-columns:264px minmax(0,1fr);align-items:start;gap:56px;padding:40px 0 8px;display:grid}.page-panduan .pn-toc{border-top:3px solid var(--rule);padding-top:14px;position:sticky;top:28px}.page-panduan .pn-toc>p{color:var(--ink);font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}.page-panduan .pn-toc ol{margin:0;padding:0;list-style:none}.page-panduan .pn-toc li{border-bottom:1px solid var(--rule-soft)}.page-panduan .pn-toc a{min-height:44px;color:var(--ink);align-items:baseline;gap:12px;padding:12px 8px 12px 2px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.page-panduan .pn-toc a:hover{background:var(--card)}.page-panduan .pn-toc a[aria-current=true]{background:var(--hl)}.page-panduan .pn-toc a>span{color:var(--ink-faint);font:600 13px var(--mono);flex:none}.page-panduan .pn-toc a[aria-current=true]>span{color:var(--ink)}.page-panduan .pn-toc b{font:inherit}.page-panduan .pn-toc small{color:var(--ink-faint);margin-top:16px;font-size:13px;line-height:1.5;display:block}.page-panduan .pn-article{min-width:0}.page-panduan .pn-section{padding:6px 0 38px;scroll-margin-top:24px}.page-panduan .pn-section+.pn-section{border-top:1.5px solid var(--rule);padding-top:34px}.page-panduan .pn-section>header{align-items:baseline;gap:18px;margin-bottom:18px;display:flex}.page-panduan .pn-section>header>span{background:var(--ink);color:var(--hl);font:600 15px var(--mono);flex:none;padding:4px 9px;transform:translateY(-4px)}.page-panduan .pn-section h2{font:700 clamp(27px,3.4vw,36px)/1.12 var(--serif);letter-spacing:-.01em;margin:0}.page-panduan .pn-section>p{color:#22262b;max-width:38em;font:18.5px/1.68 var(--serif);margin:0 0 18px}.page-panduan .pn-section>p:last-child{margin-bottom:0}.page-panduan .pn-dropcap:first-letter{float:left;font:800 3.35em/.82 var(--serif);padding:6px 10px 0 0}.page-panduan .pn-next{border-top:3px solid var(--rule);padding:36px 0 44px}.page-panduan .pn-next>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.page-panduan .pn-next h2{font:700 clamp(28px,3.6vw,38px)/1.12 var(--serif);margin:0}.page-panduan .pn-next>header p{color:var(--ink-faint);font:400 12.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.page-panduan .pn-next-grid{border:2px solid var(--rule);background:var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.page-panduan .pn-next-card{background:var(--card);min-width:0;color:var(--ink);padding:24px 26px 22px;text-decoration:none}.page-panduan .pn-next-card:hover{background:var(--paper)}.page-panduan .pn-next-card>span{background:var(--hl);font:600 12px var(--mono);letter-spacing:.14em;margin-bottom:12px;padding:3px 8px;display:inline-block}.page-panduan .pn-next-card h3{font:700 24px/1.15 var(--serif);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.page-panduan .pn-next-card h3 b{font:700 20px var(--sans);flex:none}.page-panduan .pn-next-card p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}.page-panduan .pn-next-card:hover h3{text-underline-offset:4px;text-decoration:underline}.page-panduan .pn-disclaimer{border-top:1.5px solid var(--rule);padding:22px 0 34px}.page-panduan .pn-disclaimer strong{color:var(--ink);font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;display:block}.page-panduan .pn-disclaimer p{max-width:62em;color:var(--ink-faint);margin:0;font-size:13.5px;line-height:1.6}.page-panduan a:focus-visible{outline:3px solid var(--hl);outline-offset:2px}@media (max-width:860px){.page-panduan .pn-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.page-panduan .pn-toc{position:static}}@media (max-width:560px){.page-panduan .pn-wrap{padding-inline:18px}.page-panduan .pn-section>p{font-size:17.5px}.page-panduan .pn-next-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.page-panduan{scroll-behavior:smooth}}