/* style.css - companion hitam-putih (Tailwind CDN yang utama) */
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.wrap{max-width:72rem;margin:0 auto;padding-left:1rem;padding-right:1rem}
::selection{background:#000;color:#fff}
code{background:#000;color:#fff;padding:2px 7px;border-radius:6px;font-size:.85em}
details{border:1px solid #e5e5e5;border-radius:12px;padding:14px 18px;margin:10px 0;background:#fff;transition:border-color .2s}
details:hover{border-color:#000}
details[open]{border-color:#000}
details summary{font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'+';font-weight:800;margin-left:auto;padding-left:12px}
details[open] summary::after{content:'–'}
details p{color:#525252;margin:8px 0 2px}
.faq-n{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:#000;color:#fff;font-size:.78rem;font-weight:800;margin-right:.65rem;flex-shrink:0}
/* Akordeon smooth (tinggi dianimasikan via JS) */
[data-acc-panel]{overflow:hidden}
@media (prefers-reduced-motion: no-preference){
  [data-acc-panel]{transition:height .35s ease,opacity .3s ease}
  [data-acc-icon]{transition:transform .3s ease}
}
/* Navbar: garis bawah putih animasi saat hover */
.nav-link{position:relative;padding:6px 2px;transition:color .2s}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav-link:hover{color:#fff}
.nav-link:hover::after{transform:scaleX(1)}
/* Ikon material sejajar teks */
.material-symbols-outlined{vertical-align:middle}
.mi-18{font-size:18px}.mi-20{font-size:20px}.mi-24{font-size:24px}
.mi-28{font-size:28px}.mi-32{font-size:32px}.mi-40{font-size:40px}.mi-48{font-size:48px}