@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');
#obk-sitemap,#obk-sitemap *,#obk-sitemap *::before,#obk-sitemap *::after{box-sizing:border-box !important;font-family:'Nunito Sans',sans-serif !important}
#obk-sitemap h1,#obk-sitemap h2,#obk-sitemap p,#obk-sitemap a,#obk-sitemap span,#obk-sitemap div,#obk-sitemap ul,#obk-sitemap li{margin:0 !important;padding:0 !important;border:none !important;background:none !important;line-height:inherit !important;text-decoration:none !important;list-style:none !important}
#obk-sitemap{background:linear-gradient(150deg,#f8fafc 0%,#eff6ff 50%,#fff7ed 100%) !important;padding:80px 0 90px !important;position:relative !important;overflow:hidden !important;display:block !important;width:100% !important}
#obk-sitemap::before{content:'' !important;position:absolute !important;width:480px !important;height:480px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(29,78,216,.07),transparent 70%) !important;top:-160px !important;right:-100px !important;pointer-events:none !important;filter:blur(65px) !important;z-index:0 !important}
#obk-sitemap .sm-inner{max-width:1300px !important;margin:0 auto !important;padding:0 32px !important;position:relative !important;z-index:2 !important}

/* header */
#obk-sitemap .sm-head{text-align:center !important;max-width:700px !important;margin:0 auto 50px !important;display:flex !important;flex-direction:column !important;align-items:center !important}
#obk-sitemap .sm-eyebrow{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#fff !important;border:1.5px solid rgba(29,78,216,.24) !important;border-radius:50px !important;padding:8px 18px !important;margin-bottom:18px !important;font-size:12.5px !important;font-weight:800 !important;color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;letter-spacing:.5px !important;text-transform:uppercase !important;box-shadow:0 4px 14px rgba(29,78,216,.10) !important}
#obk-sitemap h1{font-size:43px !important;font-weight:900 !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
#obk-sitemap h1 em{font-style:normal !important;background:linear-gradient(120deg,#1d4ed8,#3b82f6) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
#obk-sitemap .sm-sub{font-size:17px !important;font-weight:600 !important;color:#475569 !important;-webkit-text-fill-color:#475569 !important;line-height:1.7 !important}

/* top-level links (Home, About, Contact, etc.) */
#obk-sitemap .sm-toplinks{display:flex !important;justify-content:center !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;margin-bottom:22px !important}
#obk-sitemap .sm-toplinks a{font-size:14.5px !important;font-weight:800 !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;padding:9px 16px !important;border-radius:10px !important;transition:all .2s ease !important}
#obk-sitemap .sm-toplinks a:hover{color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;background:#eff6ff !important}
#obk-sitemap .sm-toplinks a:not(:last-child)::after{content:'/' !important;color:#cbd5e1 !important;margin-left:14px !important}

/* quick jump nav */
#obk-sitemap .sm-jump{display:flex !important;justify-content:center !important;gap:10px !important;flex-wrap:wrap !important;margin-bottom:50px !important}
#obk-sitemap a.sm-jump-pill{display:inline-flex !important;align-items:center !important;gap:6px !important;background:#fff !important;border:1.5px solid rgba(15,23,42,.08) !important;border-radius:50px !important;padding:8px 16px !important;font-size:12.5px !important;font-weight:800 !important;color:#334155 !important;-webkit-text-fill-color:#334155 !important;box-shadow:0 3px 10px rgba(15,23,42,.05) !important;transition:all .2s ease !important}
#obk-sitemap a.sm-jump-pill:hover{border-color:#1d4ed8 !important;color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;transform:translateY(-2px) !important}

/* category grid */
#obk-sitemap .sm-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;margin-bottom:22px !important}
#obk-sitemap .sm-card{background:#fff !important;border-radius:20px !important;padding:26px 24px !important;border:1.5px solid rgba(15,23,42,.08) !important;box-shadow:0 4px 16px rgba(15,23,42,.05) !important;scroll-margin-top:24px !important}
#obk-sitemap .sm-card-head{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:18px !important;padding-bottom:14px !important;border-bottom:1.5px solid #f1f5f9 !important}
#obk-sitemap .sm-card-ic{width:38px !important;height:38px !important;border-radius:11px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}
#obk-sitemap .sm-card-ic svg{width:18px !important;height:18px !important;color:#fff !important}
#obk-sitemap .ci1{background:linear-gradient(135deg,#1d4ed8,#3b82f6) !important}
#obk-sitemap .ci2{background:linear-gradient(135deg,#f97316,#fb923c) !important}
#obk-sitemap .ci3{background:linear-gradient(135deg,#0284c7,#38bdf8) !important}
#obk-sitemap .ci4{background:linear-gradient(135deg,#0f172a,#1e293b) !important}
#obk-sitemap .ci5{background:linear-gradient(135deg,#16a34a,#4ade80) !important}
#obk-sitemap .ci6{background:linear-gradient(135deg,#6366f1,#a78bfa) !important}
#obk-sitemap .sm-card-head h2{font-size:16.5px !important;font-weight:800 !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}
#obk-sitemap .sm-card-count{font-size:11.5px !important;font-weight:700 !important;color:#94a3b8 !important;-webkit-text-fill-color:#94a3b8 !important;margin-left:auto !important}

#obk-sitemap .sm-links{display:flex !important;flex-direction:column !important;gap:2px !important}
#obk-sitemap a.sm-link{font-size:13.5px !important;font-weight:600 !important;color:#334155 !important;-webkit-text-fill-color:#334155 !important;padding:7px 0 !important;display:block !important;transition:color .2s ease,padding-left .2s ease !important;line-height:1.4 !important}
#obk-sitemap a.sm-link:hover{color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;padding-left:4px !important}

/* blog archive - dense multi-column */
#obk-sitemap .sm-blog-card{background:#fff !important;border-radius:20px !important;padding:30px 28px !important;border:1.5px solid rgba(15,23,42,.08) !important;box-shadow:0 4px 16px rgba(15,23,42,.05) !important;scroll-margin-top:24px !important}
#obk-sitemap .sm-blog-links{columns:3 !important;column-gap:28px !important}
#obk-sitemap a.sm-blog-link{font-size:13px !important;font-weight:600 !important;color:#475569 !important;-webkit-text-fill-color:#475569 !important;padding:6px 0 !important;display:block !important;break-inside:avoid !important;line-height:1.45 !important;transition:color .2s ease !important}
#obk-sitemap a.sm-blog-link:hover{color:#1d4ed8 !important;-webkit-text-fill-color:#1d4ed8 !important;text-decoration:underline !important}

@media(max-width:1024px){
  #obk-sitemap .sm-grid{grid-template-columns:1fr 1fr !important}
  #obk-sitemap .sm-blog-links{columns:2 !important}
  #obk-sitemap h1{font-size:34px !important}
}
@media(max-width:640px){
  #obk-sitemap{padding:56px 0 70px !important}
  #obk-sitemap h1{font-size:26px !important}
  #obk-sitemap .sm-inner{padding:0 20px !important}
  #obk-sitemap .sm-grid{grid-template-columns:1fr !important}
  #obk-sitemap .sm-blog-links{columns:1 !important}
}