/* Tahap 10: navigasi terpadu */
header{position:sticky!important;top:0;z-index:80!important;backdrop-filter:blur(14px)}
.nav{max-width:1240px!important;gap:14px!important}.links{align-items:center;gap:15px!important;flex-wrap:wrap}.links a{white-space:nowrap;margin:0!important;padding:7px 4px!important;background:none!important;border:0!important;border-radius:0!important;font-size:13px!important}.links a[aria-current="page"]{color:#ff99e4!important;border-bottom:2px solid #f16fca!important}
.nav-menu{position:relative}.nav-menu>summary{list-style:none;cursor:pointer;padding:7px 5px;color:#f5dcff;font-size:13px;font-weight:650}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu[open]>summary{color:#ff9be6}.nav-dropdown{position:absolute;top:100%;left:0;min-width:260px;padding:12px;background:#101637;border:1px solid #8c5eb5;border-radius:14px;box-shadow:0 18px 40px #000a;display:grid;gap:3px;z-index:90}.nav-dropdown a{display:block!important;padding:10px 12px!important;white-space:normal!important}.nav-dropdown a:hover{background:#35245c!important;border-radius:8px!important}
.mobile-nav{display:none}.breadcrumb-nav{max-width:1160px;margin:20px auto 12px;padding:10px 18px;color:#c8c6e9;font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.breadcrumb-nav a{color:#b7d9ff;text-decoration:underline;text-underline-offset:3px}.breadcrumb-nav [aria-current]{color:#f5a5e6}.page-explore{max-width:1160px;margin:35px auto;padding:28px;background:linear-gradient(135deg,#17183d,#101c3b);border:1px solid #805ab3;border-radius:20px;color:#fff}.page-explore h2{font-size:25px;margin:0 0 9px}.page-explore p{color:#cbd2ee}.page-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.page-explore-grid a,.page-step a{display:block;border:1px solid #61588e;background:#171f45;border-radius:12px;padding:13px 16px;text-decoration:none;color:#f7eaff}.page-explore-grid a:hover,.page-step a:hover{border-color:#ef83d5;background:#322050}.page-step{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.page-step a{font-weight:700}.page-step span{display:block;color:#a8b8df;font-size:12px;font-weight:400}.page-explore .all-guides{display:inline-block;margin-top:18px;background:#f17ac8;color:#10122b;font-weight:800;border-radius:10px;padding:11px 18px;text-decoration:none}
@media(max-width:900px){.nav>.links{display:none!important}.mobile-nav{display:block;position:relative}.mobile-nav>summary{cursor:pointer;list-style:none;border:1px solid #875ab4;border-radius:10px;padding:8px 13px;font-weight:700}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,90vw);max-height:75vh;overflow:auto;background:#111733;border:1px solid #875ab4;border-radius:14px;padding:12px;box-shadow:0 16px 40px #000b;z-index:100}.mobile-panel a{display:block;padding:11px 12px;border-bottom:1px solid #ffffff19;color:#fff}.mobile-panel strong{display:block;color:#f2a6eb;padding:10px 12px 4px}.page-explore-grid{grid-template-columns:1fr}.page-step{grid-template-columns:1fr}}