/* RekanPDF site chrome: navbar + footer + mobile drawer (dipakai semua halaman) */
.nav-inner{display:flex;align-items:center;gap:0;max-width:1380px;margin:0 auto;padding:0 20px;height:62px}

.mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer;margin-right:16px;padding:0;min-width:44px;min-height:44px;}

.logo-mark{background:var(--orange);color:#fff;font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:1.1rem;font-weight:800;padding:4px 10px;border-radius:4px;letter-spacing:0.04em}

.logo-sub{color:#fff;font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:0.06em}

.logo-sub span{color:var(--orange-light)}

.nav-right{display:flex;align-items:center;gap:6px;}

.nav-btn{color:#fff;text-decoration:none;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s;border:1px solid transparent}

.nav-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)}

/* ── Search ── */
.search-toggle-btn{background:transparent;border:none;color:#fff;font-size:1.3rem;cursor:pointer;margin-left:10px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:color 0.2s}

.search-toggle-btn:hover{color:var(--orange-light)}

.search-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--navy2);padding:12px 20px;display:none;border-top:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 12px rgba(0,0,0,0.2);}

.search-dropdown.active{display:block;animation:slideDown 0.2s ease;}

.search-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;background:#fff;border-radius:6px;padding:4px 16px;border:2px solid var(--orange);}

.search-inner i{color:var(--navy);font-size:1.2rem;}

.search-inner input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:1rem;outline:none;font-family:'Plus Jakarta Sans Variable';color:var(--text);}

.search-inner button{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.4rem;transition:color 0.2s;display:flex;align-items:center;}

.search-inner button:hover{color:var(--red);}

.mobile-drawer{position:fixed;top:0;left:-320px;width:300px;height:100%;background:#fff;z-index:1001;box-shadow:4px 0 20px rgba(0,0,0,0.15);transition:all .3s ease;display:flex;flex-direction:column;overflow-y:auto;}

.mobile-drawer.active{left:0;}

.md-header{display:flex;justify-content:flex-end;padding:12px 16px;}

.md-close{background:transparent;border:none;font-size:1.6rem;color:var(--text2);cursor:pointer;min-width:44px;min-height:44px;}

.md-content{padding:0 20px 30px;}

.md-cat{font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:1.05rem;font-weight:800;color:var(--muted);margin:16px 0 10px;letter-spacing:0.04em;}

.md-link{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--text);text-decoration:none;font-weight:700;font-size:14px;border-bottom:1px solid var(--border);}

.md-link:last-child{border-bottom:none;}

.md-link:hover{color:var(--orange);}

.md-link i{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}

.ico-red{background:#FDECEA;color:#C0392B;}

.ico-blue{background:#E8F0FE;color:#1B5FA8;}

.ico-green{background:#E6F4EA;color:#1A7A42;}

.ico-orange{background:#FFF0E0;color:#E8720C;}

.ico-purple{background:#F3E8FD;color:#8E44AD;}

.ico-teal{background:#E0F7F7;color:#008080;}

.ico-pink{background:#FDE8F3;color:#D81B60;}

.ico-lime{background:#F0FDE8;color:#556B2F;}

.ico-navy{background:#E8EEF4;color:#0F1923;}

.ico-blue-dark{background:#EBF3FC;color:#1B5FA8;}

.footer-main{max-width:1380px;margin:0 auto;padding:48px 20px 36px;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1.5fr 1fr;gap:24px}

.footer-logo-text{font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:0.06em}

.footer-logo-text span{color:var(--orange-light)}

.footer-brand p{font-size:13px;margin-top:10px;line-height:1.6;max-width:240px;color:rgba(255,255,255,0.6)}

.footer-col h5{color:#fff;font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.12);padding-bottom:8px}

.footer-col ul{list-style:none}

.footer-col ul li{margin-bottom:9px}

.footer-col ul li a{color:rgba(255,255,255,0.62);text-decoration:none;font-size:13px;transition:color .15s}

.footer-col ul li a:hover{color:var(--orange-light)}

.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);max-width:1380px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px}

.footer-bottom a{color:rgba(255,255,255,0.5);text-decoration:none;margin-left:16px}

.footer-bottom a:hover{color:var(--orange-light)}

.footer-main{grid-template-columns:repeat(3,1fr);}

.mobile-menu-btn{display:block;}

.nav-right{display:none}

.footer-main{grid-template-columns:1fr 1fr;gap:32px}

.footer-main{grid-template-columns:1fr;text-align:center;}

.footer-brand p{margin:10px auto;}

.footer-bottom{flex-direction:column;gap:12px;text-align:center;justify-content:center;}

.footer-bottom a{margin:0 8px;}

@media(max-width:1100px){
  .tools-grid{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:900px){
  .mobile-menu-btn{display:block;}
  .nav-right{display:none}
  .tools-grid{grid-template-columns:repeat(2,1fr)}
  .footer-main{grid-template-columns:1fr 1fr;gap:32px}
  .featured-strip{flex-direction:column;text-align:center;}
}

@media(max-width:580px){
  .tools-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr;text-align:center;}
  .footer-brand p{margin:10px auto;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;justify-content:center;}
  .footer-bottom a{margin:0 8px;}
  .filter-row{gap:6px;}
  .filter-pill{font-size:12px;padding:6px 14px;}
}
/* ═══════════════════════════════════════════
   Section Artikel ala YouTube (beranda + halaman tools)
   ═══════════════════════════════════════════ */
.rp-artikel-section{max-width:1380px;margin:0 auto;padding:56px 20px 12px}
.rp-artikel-head{margin-bottom:22px}
.rp-artikel-head h2{font-family:'Plus Jakarta Sans Variable',sans-serif;font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:.02em;margin:0 0 6px}
.rp-artikel-head p{color:var(--muted);font-size:.95rem;margin:0;max-width:720px}
.rp-artikel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.rp-artikel-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .18s ease,box-shadow .18s ease}
.rp-artikel-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,25,35,.14)}
.rp-artikel-thumb{aspect-ratio:16/9;background:var(--off);overflow:hidden;flex-shrink:0}
.rp-artikel-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rp-artikel-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.rp-artikel-title{font-weight:800;font-size:1rem;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rp-artikel-desc{font-size:.88rem;color:var(--muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rp-artikel-more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;font-weight:800;color:var(--orange)}
.rp-artikel-card:hover .rp-artikel-more{gap:10px}
/* animasi muncul */
.rp-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.rp-reveal.in{opacity:1;transform:none}
@media(max-width:640px){
  .rp-artikel-section{padding:40px 14px 8px}
  .rp-artikel-head h2{font-size:1.6rem}
  .rp-artikel-grid{grid-template-columns:1fr;gap:14px}
  .rp-artikel-card{flex-direction:row;align-items:stretch}
  .rp-artikel-thumb{width:38%;aspect-ratio:16/10}
  .rp-artikel-body{padding:10px 12px;flex:1;min-width:0}
  .rp-artikel-title{font-size:.9rem;-webkit-line-clamp:2}
  .rp-artikel-desc{font-size:.8rem;-webkit-line-clamp:2}
  .rp-artikel-more{display:none}
}

/* ── Show more artikel ── */
.rp-artikel-extra{display:none}
.rp-artikel-grid.expanded .rp-artikel-extra{display:flex}
@media(max-width:640px){
  .rp-artikel-grid.expanded .rp-artikel-extra{display:flex}
}
.rp-artikel-more-wrap{text-align:center;margin-top:22px}
.rp-artikel-more-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--orange);color:var(--orange);font-weight:800;font-size:.95rem;padding:12px 28px;border-radius:999px;cursor:pointer;transition:all .18s ease;font-family:inherit}
.rp-artikel-more-btn:hover{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(232,114,12,.35)}

.logo-img{height:38px;width:auto;display:block}