/* Panduan Website per Industri — semua kelas diawali ig- */
.ig-root { color: #ffffff; font-family: inherit; padding-bottom: 80px; }
.ig-sticky { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; padding: 10px 16px; background: #FFD60A; color: #001233; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
.ig-sticky-t { font-size: 15px; font-weight: 600; text-align: center; }
.ig-sticky-b { background: #001233; color: #FFD60A !important; font-weight: 800; font-size: 14px; padding: 8px 16px; border-radius: 8px; text-decoration: none; white-space: nowrap; }
.ig-hero { max-width: 820px; margin: 0 auto; padding: 56px 16px 28px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; box-sizing: border-box; }
.ig-kicker { font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #001233; background: #FFD60A; padding: 6px 14px; border-radius: 999px; }
.ig-h1 { margin: 0; font-size: 44px; line-height: 1.15; font-weight: 700; color: #FFD60A; }
.ig-lead { margin: 0; font-size: 18px; line-height: 1.6; color: #cfdaf0; max-width: 700px; }
.ig-wrap { max-width: 980px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; display: flex; flex-direction: column; gap: 28px; }
.ig-sec { display: flex; flex-direction: column; gap: 12px; }
.ig-h2 { margin: 0; padding: 0; font-size: 24px; line-height: 1.3; font-weight: 700; color: #FFD60A !important; }
.ig-h3 { margin: 0; font-size: 17px; line-height: 1.35; color: #ffffff !important; }
.ig-p { margin: 0; color: #cfdaf0; font-size: 15px; line-height: 1.6; }
.ig-pages { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ig-page { display: flex; gap: 14px; align-items: flex-start; background: #001845; border: 1px solid #0a2a5c; border-radius: 14px; padding: 18px 20px; }
.ig-num { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #FFD60A; color: #001233; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.ig-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ig-card { background: #001845; border: 1px solid #0a2a5c; border-radius: 16px; padding: 24px 26px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ig-list { margin: 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 10px; color: #cfdaf0; font-size: 15px; line-height: 1.6; }
.ig-list li::marker { color: #6ee7a0; }
.ig-list-warn li::marker { color: #ff9b9b; }
.ig-note { margin: 0; font-size: 13px; color: #8fa6c9; line-height: 1.5; }
.ig-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ig-tool { display: flex; flex-direction: column; gap: 10px; background: #001845; border: 1px solid #0a2a5c; border-radius: 16px; padding: 22px; text-decoration: none; transition: border-color .15s, transform .15s; }
.ig-tool:hover { border-color: #FFD60A; transform: translateY(-2px); }
.ig-go { margin-top: auto; color: #FFD60A; font-weight: 700; font-size: 15px; }
.ig-cta { align-items: flex-start; border-color: #FFD60A; }
.ig-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.ig-btn { height: 48px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; background: #FFD60A; color: #001233 !important; font-family: inherit; font-weight: 800; font-size: 15px; border-radius: 10px; text-decoration: none; }
.ig-btn-ghost { background: transparent; color: #FFD60A !important; border: 2px solid #FFD60A; }
.ig-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.ig-chip { background: #001845; color: #d6e2f0 !important; border: 1px solid #0a2a5c; border-radius: 999px; padding: 8px 16px; font-size: 14px; text-decoration: none; }
.ig-chip:hover { border-color: #FFD60A; color: #FFD60A !important; }
@media (max-width: 760px) {
  .ig-h1 { font-size: 32px; }
  .ig-pages, .ig-two, .ig-tools { grid-template-columns: 1fr; }
  .ig-sticky-t { font-size: 14px; }
}

.ig-hub { max-width: 980px; margin: 0 auto; padding: 8px 16px 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.ig-hub-card { display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: #fff; text-decoration: none; transition: transform .2s, border-color .2s; }
.ig-hub-card:hover { transform: translateY(-3px); border-color: #FFD60A; }
.ig-hub-card strong { font-size: 18px; color: #FFD60A; }
.ig-hub-card span { font-size: 14px; line-height: 1.5; opacity: .85; }
.ig-hub-card em { margin-top: auto; font-style: normal; font-weight: 700; font-size: 14px; }