/* NILA Connect v21.28 Category System Rebuild
   Single clean category section with real SVG category assets and no duplicate old sections. */
:root{
  --nila28-green:#075f3c;
  --nila28-green-2:#0f7a55;
  --nila28-blue:#176fc2;
  --nila28-gold:#d7a735;
  --nila28-ink:#071b31;
  --nila28-muted:#55677a;
  --nila28-paper:#fffaf0;
}
/* Hide any older category systems if they survive until JS removes them. */
.v21-cat-grid,.v24-cat-grid,.v25-cat-grid,.v26-cat-grid,.v27-cat-grid,
.v24-category-section,.v25-category-section,.v26-category-section,.v27-category-section{display:none!important;}
#nilaCategorySection.v28-category-section{display:block!important;}
.v28-category-section{background:linear-gradient(180deg,#fffaf1 0%,#fffdf8 62%,#f7fbff 100%)!important;padding:26px 0 38px!important;margin:0!important;position:relative!important;z-index:5!important;}
.v28-category-section .wrap,.v28-category-section .container{max-width:1260px!important;margin:0 auto!important;padding:0 22px!important;}
.v28-category-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:18px!important;margin-bottom:20px!important;}
.v28-category-head h2{font-family:Fraunces,Georgia,serif!important;font-size:clamp(34px,4vw,58px)!important;line-height:.95!important;letter-spacing:-.055em!important;margin:0 0 7px!important;color:var(--nila28-ink)!important;}
.v28-category-head p{max-width:650px!important;margin:0!important;color:var(--nila28-muted)!important;font-size:16px!important;line-height:1.45!important;}
.v28-all-link{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:0 20px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(7,27,49,.13)!important;color:var(--nila28-ink)!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 16px 34px -30px rgba(7,27,49,.4)!important;}
.v28-cat-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.v28-cat-card{position:relative!important;min-height:226px!important;border-radius:24px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;text-decoration:none!important;color:var(--nila28-ink)!important;background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;border:1px solid rgba(7,27,49,.10)!important;box-shadow:0 28px 68px -54px rgba(7,27,49,.45)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.v28-cat-card:hover,.v28-cat-card:focus-visible{transform:translateY(-4px)!important;border-color:rgba(23,111,194,.28)!important;box-shadow:0 34px 84px -56px rgba(7,27,49,.55)!important;outline:none!important;}
.v28-cat-visual{height:132px!important;min-height:132px!important;display:grid!important;place-items:center!important;padding:14px 14px 8px!important;background:radial-gradient(circle at 18% 10%,rgba(23,111,194,.12),transparent 32%),radial-gradient(circle at 88% 14%,rgba(215,167,53,.17),transparent 36%),linear-gradient(180deg,#fff,#fffaf1)!important;}
.v28-cat-img{width:116px!important;height:116px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 16px 20px rgba(7,27,49,.14))!important;}
.v28-cat-body{border-top:1px solid rgba(7,27,49,.06)!important;padding:14px 15px 15px!important;min-height:94px!important;background:rgba(255,255,255,.80)!important;}
.v28-cat-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important;}
.v28-cat-title h3{margin:0!important;font-size:17px!important;line-height:1.05!important;font-weight:950!important;color:var(--nila28-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v28-cat-arrow{flex:0 0 auto!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(7,95,60,.08)!important;color:var(--nila28-green)!important;font-weight:900!important;font-size:14px!important;}
.v28-cat-card p{margin:0!important;color:var(--nila28-muted)!important;font-size:12.5px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.v28-cat-card small{display:block!important;margin-top:9px!important;color:var(--nila28-green)!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.01em!important;}
/* Directory category visual uses the same clean SVG assets. */
.v28-category-landing-visual{background:linear-gradient(145deg,#fff,#eef7ff 55%,#fff4dc)!important;min-height:200px!important;height:200px!important;border-radius:24px!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.v28-category-landing-visual img{width:150px!important;height:150px!important;object-fit:contain!important;filter:drop-shadow(0 18px 24px rgba(7,27,49,.16))!important;}
@media(max-width:1120px){.v28-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:760px){.v28-category-section{padding:20px 0 30px!important;}.v28-category-head{display:block!important;}.v28-all-link{margin-top:12px!important;min-height:42px!important;}.v28-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}.v28-cat-card{min-height:204px!important;border-radius:20px!important;}.v28-cat-visual{height:118px!important;min-height:118px!important;padding:12px 10px 6px!important;}.v28-cat-img{width:98px!important;height:98px!important;}.v28-cat-body{padding:12px!important;min-height:86px!important;}.v28-cat-title h3{font-size:14px!important;}.v28-cat-card p{font-size:11.5px!important;}}
@media(max-width:500px){.v28-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.v28-category-head h2{font-size:34px!important;}.v28-cat-img{width:104px!important;height:104px!important;}}