*{margin:0;padding:0;box-sizing:border-box}
body{background:#0b1220;color:#e8dfc2;font-family:Georgia,'Times New Roman',serif;line-height:1.8}
.topnav{display:flex;gap:20px;padding:16px 24px;border-bottom:1px solid #232c44;font-size:13px}
.topnav a{color:#9a917a;text-decoration:none;letter-spacing:.1em}
.topnav a:hover{color:#e8c15a}
header{max-width:760px;margin:0 auto;padding:60px 24px 20px;text-align:center}
.kicker{font-size:12px;color:#8a6f3c;letter-spacing:.35em;text-transform:uppercase;margin-bottom:12px}
header h1{font-size:clamp(28px,6vw,44px);color:#e8c15a;letter-spacing:.08em;margin-bottom:12px}
header .desc{color:#9a917a;font-style:italic;font-size:15px}
main{max-width:760px;margin:0 auto;padding:20px 24px 40px}
.bab{margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid #232c44}
.bab:last-child{border-bottom:none}
.bab h2{font-size:22px;color:#e8dfc2;margin-bottom:20px;letter-spacing:.04em}
.bab h2 .no{display:inline-block;min-width:44px;color:#8a6f3c;font-size:16px}
.tanya{background:rgba(29,37,64,.6);border-left:3px solid #8a6f3c;border-radius:0 10px 10px 0;padding:18px 20px;margin-bottom:18px;font-style:italic;color:#cfc8b0}
.jawab{padding:0 4px;color:#cfc8b0}
.jawab p{margin-bottom:16px}
.label{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#8a6f3c;margin-bottom:10px;font-style:normal}
.jilidnav{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;padding:20px 24px 60px;gap:12px;flex-wrap:wrap}
.jilidnav a{color:#e8c15a;text-decoration:none;font-size:14px;border:1px solid #8a6f3c;border-radius:24px;padding:10px 22px}
.jilidnav a:hover{background:#e8c15a;color:#0b1220}
.jilid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.jilid-card{display:block;border:1px solid #8a6f3c;border-radius:12px;padding:28px 24px;background:rgba(17,26,48,.85);text-decoration:none;transition:transform .3s,box-shadow .3s}
.jilid-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(232,193,90,.12)}
.jilid-card h2{color:#e8c15a;font-size:19px;margin-bottom:10px}
.jilid-card p{color:#a9a292;font-size:14px;margin-bottom:14px}
.jilid-card span{color:#8a6f3c;font-size:12px;letter-spacing:.2em}
footer{text-align:center;padding:40px 20px;color:#4a453a;font-size:12px;border-top:1px solid #232c44}
.epos h2{font-size:24px;color:#e8c15a;letter-spacing:.06em;margin:48px 0 18px}
.epos h2:first-child{margin-top:0}
.epos h3{font-size:18px;color:#c9a86a;margin:32px 0 12px}
.epos p{margin-bottom:16px;color:#cfc8b0}
.toc{max-width:760px;margin:0 auto;padding:0 24px 20px}
.toc h2{font-size:20px;color:#e8c15a;margin-bottom:14px}
.toc h3{font-size:15px;color:#c9a86a;margin:18px 0 8px}
.toc ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.toc li a{color:#9a917a;text-decoration:none;font-size:13px}
.toc li a:hover{color:#e8c15a}
.jilid-head{font-size:26px;color:#e8c15a;letter-spacing:.06em;margin:64px 0 28px;padding-top:20px;border-top:1px solid #232c44}
.jilid-head:first-of-type{border-top:none;margin-top:20px}