/* =========================================================
   NAVADHARA 2026 — Hackathon / Technical Fest Theme
   Bootstrap 5.3 · Dev Bhoomi Uttarakhand University
   ========================================================= */

:root {
  --nd-bg: #070b16;
  --nd-bg-2: #0c1222;
  --nd-card: #111a2e;
  --nd-border: rgba(120, 160, 255, 0.14);
  --nd-text: #c9d3e8;
  --nd-muted: #8592ad;
  --nd-white: #ffffff;
  --nd-accent: #22d3ee;      /* cyan */
  --nd-accent-2: #a855f7;    /* violet */
  --nd-accent-3: #f97316;    /* orange (DBUU warmth) */
  --nd-warn: #facc15;
  --nd-grad: linear-gradient(90deg, #22d3ee 0%, #6366f1 50%, #a855f7 100%);
  --nd-radius: 16px;
  --nd-font: "Inter", system-ui, sans-serif;
  --nd-head: "Space Grotesk", "Inter", sans-serif;
  --nd-mono: "JetBrains Mono", ui-monospace, monospace;
}

html { scroll-behavior: smooth; scroll-padding-top: 90px; }

body {
  background: var(--nd-bg);
  color: var(--nd-text);
  font-family: var(--nd-font);
  line-height: 1.7;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--nd-head); color: var(--nd-white); font-weight: 700; }
a { color: var(--nd-accent); text-decoration: none; }
a:hover { color: #67e8f9; }
::selection { background: var(--nd-accent); color: #000; }

.mono { font-family: var(--nd-mono); }
.text-accent { color: var(--nd-accent) !important; }
.text-warn { color: var(--nd-warn); }
.text-muted-nd { color: var(--nd-muted) !important; }
.grad { background: var(--nd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Buttons ---------- */
.btn-nd {
  background: var(--nd-grad);
  color: #fff; border: 0; font-weight: 600;
  border-radius: 999px; padding: .6rem 1.4rem;
  box-shadow: 0 8px 30px -8px rgba(99, 102, 241, .7);
  transition: transform .2s, box-shadow .2s;
}
.btn-nd:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 34px -8px rgba(168, 85, 247, .8); }
.btn-nd-outline {
  border: 1px solid var(--nd-border); color: var(--nd-white);
  background: rgba(255,255,255,.03); border-radius: 999px; padding: .6rem 1.4rem; font-weight: 600;
}
.btn-nd-outline:hover { border-color: var(--nd-accent); color: var(--nd-accent); }
.btn-lg { padding: .8rem 1.8rem; font-size: 1.05rem; }

/* ---------- Navbar ---------- */
/* Add offset for inner pages that don't have hero section */
body:not(:has(.hero)) {
  padding-top: 80px;
}

.nd-navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1030;
  padding: 1rem 0;
  transition: all .3s ease;
  background: rgba(7, 11, 22, .95); /* Base background for non-hero inner pages */
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--nd-border);
}

.nd-navbar.scrolled {
  background: rgba(7, 11, 22, .85);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--nd-border);
  padding: .55rem 0;
}
.brand-dbuu { height: 46px; width: auto; }
.brand-nav { height: 46px; width: auto; }
.brand-divider { width: 1px; height: 34px; background: var(--nd-border); }
.nd-navbar .nav-link {
  color: var(--nd-text); font-weight: 500; font-size: .95rem;
  padding: .5rem .85rem !important; position: relative;
}
.nd-navbar .nav-link::after {
  content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .25rem;
  height: 2px; background: var(--nd-grad); transform: scaleX(0); transition: transform .25s;
}
.nd-navbar .nav-link:hover, .nd-navbar .nav-link.active { color: var(--nd-white); }
.nd-navbar .nav-link:hover::after, .nd-navbar .nav-link.active::after { transform: scaleX(1); }
.nd-toggler { border: 1px solid var(--nd-border); color: #fff; font-size: 1.6rem; padding: .2rem .55rem; border-radius: 10px; }
.nd-toggler:focus { box-shadow: 0 0 0 3px rgba(34,211,238,.3); }

/* ---------- Offcanvas ---------- */
.nd-offcanvas { background: var(--nd-bg-2); color: var(--nd-text); border-left: 1px solid var(--nd-border); width: 300px !important; }
.nd-offcanvas .offcanvas-header { border-bottom: 1px solid var(--nd-border); }
.offcanvas-logo { height: 44px; }
.nd-mobile-nav li a {
  display: flex; align-items: center; gap: .9rem;
  padding: .85rem .25rem; color: var(--nd-white); font-family: var(--nd-head); font-size: 1.15rem;
  border-bottom: 1px dashed var(--nd-border);
}
.nd-mobile-nav li a span { font-family: var(--nd-mono); font-size: .75rem; color: var(--nd-accent); }
.nd-mobile-nav li a:hover { color: var(--nd-accent); padding-left: .6rem; transition: padding .2s; }

/* ---------- Hero ---------- */
.hero { position: relative; padding: 150px 0 80px; overflow: hidden; }
.hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(99,102,241,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99,102,241,.08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
}
.hero-glow {
  position: absolute; width: 700px; height: 700px; top: -250px; right: -200px;
  background: radial-gradient(circle, rgba(168,85,247,.28), transparent 65%);
  filter: blur(20px); pointer-events: none;
}
.hero::before {
  content: ""; position: absolute; width: 520px; height: 520px; left: -200px; bottom: -200px;
  background: radial-gradient(circle, rgba(34,211,238,.18), transparent 65%); pointer-events: none;
}
.chip {
  display: inline-flex; align-items: center; gap: .55rem;
  font-family: var(--nd-mono); font-size: .8rem; letter-spacing: .08em;
  padding: .45rem 1rem; border-radius: 999px; color: var(--nd-white);
  border: 1px solid var(--nd-border); background: rgba(34,211,238,.06);
}
.chip .dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.7); animation: pulse 1.8s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
.hero-logo { max-width: 340px; width: 75%; height: auto; filter: drop-shadow(0 10px 40px rgba(99,102,241,.35)); }
.hero-title { font-size: clamp(2rem, 4.6vw, 3.6rem); line-height: 1.12; letter-spacing: -.02em; }
.hero-sub { font-size: 1.1rem; color: var(--nd-muted); max-width: 580px; }
@media (max-width: 991.98px) { .hero-sub { margin-left: auto; margin-right: auto; } }

/* Terminal countdown */
.terminal {
  background: rgba(17, 26, 46, .85); border: 1px solid var(--nd-border); border-radius: var(--nd-radius);
  box-shadow: 0 30px 80px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(34,211,238,.05) inset; overflow: hidden;
  backdrop-filter: blur(8px);
}
.terminal-bar { display: flex; align-items: center; gap: 7px; padding: .75rem 1rem; background: rgba(255,255,255,.03); border-bottom: 1px solid var(--nd-border); }
.terminal-bar span { width: 11px; height: 11px; border-radius: 50%; background: #ef4444; }
.terminal-bar span:nth-child(2) { background: #f59e0b; }
.terminal-bar span:nth-child(3) { background: #22c55e; }
.terminal-bar em { margin-left: auto; font-style: normal; font-size: .75rem; color: var(--nd-muted); }
.terminal-body { padding: 1.4rem; }
.cd-box { background: var(--nd-bg); border: 1px solid var(--nd-border); border-radius: 12px; padding: .9rem .2rem; }
.cd-box h3 { font-family: var(--nd-mono); font-size: clamp(1.4rem, 3.5vw, 2.1rem); margin: 0; color: var(--nd-accent); }
.cd-box small { font-family: var(--nd-mono); font-size: .65rem; letter-spacing: .12em; color: var(--nd-muted); }
.caret { animation: blink 1s steps(1) infinite; color: var(--nd-accent); }
@keyframes blink { 50% { opacity: 0; } }

/* Stats */
.stat { border: 1px solid var(--nd-border); border-radius: var(--nd-radius); padding: 1.3rem .5rem; background: rgba(255,255,255,.02); }
.stat h4 { font-size: 2rem; margin: 0; background: var(--nd-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.stat p { margin: 0; color: var(--nd-muted); font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; }

/* ---------- Sections ---------- */
.section { padding: 100px 0; position: relative; }
.section-alt { background: var(--nd-bg-2); border-top: 1px solid var(--nd-border); border-bottom: 1px solid var(--nd-border); }
.eyebrow { font-family: var(--nd-mono); font-size: .82rem; color: var(--nd-accent); letter-spacing: .12em; display: inline-block; margin-bottom: .6rem; }
.section-title { font-size: clamp(1.8rem, 3.4vw, 2.7rem); margin-bottom: 1.2rem; letter-spacing: -.01em; }
.lead-nd { color: var(--nd-muted); max-width: 720px; font-size: 1.05rem; }
@media (max-width: 767.98px) { .section { padding: 70px 0; } }

/* About */
.img-frame { position: relative; border-radius: var(--nd-radius); padding: 8px; background: var(--nd-grad); }
.img-frame img { border-radius: 12px; width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.img-tag {
  position: absolute; left: 24px; bottom: 24px; background: rgba(7,11,22,.88); color: #fff;
  padding: .45rem .9rem; border-radius: 8px; font-size: .8rem; border: 1px solid var(--nd-border);
}
.img-tag i { color: var(--nd-warn); }
.theme-card {
  border: 1px solid var(--nd-border); border-radius: 20px; padding: 2.5rem;
  background: linear-gradient(135deg, rgba(34,211,238,.06), rgba(168,85,247,.06));
  position: relative; overflow: hidden;
}
.theme-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--nd-grad); }
.theme-title { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.3; }
@media (max-width: 575.98px) { .theme-card { padding: 1.6rem; } }

/* Tracks */
.track {
  height: 100%; padding: 2rem 1.6rem; border-radius: var(--nd-radius);
  background: var(--nd-card); border: 1px solid var(--nd-border);
  position: relative; transition: transform .25s, border-color .25s, box-shadow .25s;
}
.track i { font-size: 2.2rem; display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(34,211,238,.1); color: var(--nd-accent); margin-bottom: 1.2rem; }
.track h5 { margin-bottom: .2rem; }
.track span { font-size: .78rem; color: var(--nd-muted); }
.track:hover { transform: translateY(-6px); border-color: rgba(34,211,238,.5); box-shadow: 0 20px 40px -20px rgba(34,211,238,.45); }
.track:hover i { background: var(--nd-grad); color: #fff; }

/* Eligibility + Why */
.elig { display: flex; gap: 1rem; padding: 1.2rem; border-radius: 14px; background: var(--nd-card); border: 1px solid var(--nd-border); border-left: 3px solid var(--nd-accent); }
.elig i { font-size: 1.6rem; color: var(--nd-accent); }
.elig h6 { margin-bottom: .2rem; }
.elig p { margin: 0; color: var(--nd-muted); font-size: .93rem; }
.why { display: flex; gap: .8rem; align-items: flex-start; height: 100%; padding: 1.1rem; border-radius: 14px; background: rgba(255,255,255,.02); border: 1px solid var(--nd-border); color: var(--nd-white); font-size: .95rem; line-height: 1.5; }
.why i { color: var(--nd-accent-2); font-size: 1.3rem; }

/* Rules tabs */
.nd-pills .nav-link {
  text-align: left; color: var(--nd-text); background: var(--nd-card); border: 1px solid var(--nd-border);
  border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: .75rem; font-family: var(--nd-head); font-weight: 600;
}
.nd-pills .nav-link span { color: var(--nd-accent); margin-right: .6rem; }
.nd-pills .nav-link.active { background: var(--nd-grad); color: #fff; border-color: transparent; }
.nd-pills .nav-link.active span { color: #fff; }
@media (max-width: 991.98px) {
  .nd-pills { flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto; gap: .5rem; padding-bottom: .3rem; }
  .nd-pills .nav-link { white-space: nowrap; margin-bottom: 0; padding: .7rem 1rem; font-size: .9rem; }
}
.rules-box { background: var(--nd-card); border: 1px solid var(--nd-border); border-radius: var(--nd-radius); padding: 2rem; }
.rules-box h4 { margin-bottom: 1.2rem; }
.rules-box .sub { margin: 1.6rem 0 .9rem; color: var(--nd-accent); font-family: var(--nd-mono); font-size: .9rem; text-transform: uppercase; letter-spacing: .08em; }
.nd-list { list-style: none; padding: 0; margin: 0; }
.nd-list li { position: relative; padding: .55rem 0 .55rem 1.8rem; border-bottom: 1px dashed var(--nd-border); }
.nd-list li:last-child { border-bottom: 0; }
.nd-list li::before { content: ">"; position: absolute; left: 0; font-family: var(--nd-mono); color: var(--nd-accent); font-weight: 600; }
.note { margin-top: 1.2rem; padding: .9rem 1.1rem; border-radius: 10px; background: rgba(250,204,21,.08); border: 1px solid rgba(250,204,21,.25); color: #fde68a; }
.tag { font-family: var(--nd-mono); font-size: .78rem; padding: .35rem .75rem; border-radius: 6px; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.25); color: var(--nd-accent); }
@media (max-width: 575.98px) { .rules-box { padding: 1.3rem; } }

/* Highlights */
.event-card { height: 100%; border-radius: var(--nd-radius); overflow: hidden; background: var(--nd-card); border: 1px solid var(--nd-border); transition: transform .25s, border-color .25s; }
.event-card:hover { transform: translateY(-6px); border-color: rgba(168,85,247,.5); }
.event-img { position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--nd-bg); }
.event-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.event-card:hover .event-img img { transform: scale(1.06); }
.event-img span { position: absolute; top: 14px; left: 14px; background: rgba(7,11,22,.85); color: var(--nd-accent); padding: .2rem .6rem; border-radius: 6px; font-size: .78rem; border: 1px solid var(--nd-border); }
.event-body { padding: 1.4rem 1.5rem 1.6rem; }
.event-body p { margin: 0; color: var(--nd-muted); font-size: .95rem; }

/* Prizes */
.pool { text-align: center; padding: 1.6rem; border-radius: var(--nd-radius); border: 1px solid var(--nd-border); background: var(--nd-card); }
.pool small { color: var(--nd-muted); text-transform: uppercase; letter-spacing: .1em; }
.pool h3 { margin: .4rem 0 0; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.prize { text-align: center; padding: 2rem 1rem; border-radius: 20px; background: var(--nd-card); border: 1px solid var(--nd-border); position: relative; overflow: hidden; }
.prize .medal { font-size: 3rem; display: block; margin-bottom: .4rem; }
.prize h6 { font-family: var(--nd-mono); text-transform: uppercase; letter-spacing: .1em; color: var(--nd-muted); font-size: .8rem; }
.prize h3 { margin: 0; font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.prize.gold { padding: 3rem 1rem; border-color: rgba(250,204,21,.5); background: linear-gradient(180deg, rgba(250,204,21,.12), var(--nd-card)); box-shadow: 0 30px 60px -30px rgba(250,204,21,.45); }
.prize.gold h3 { color: #fde047; }
.prize.silver { border-color: rgba(203,213,225,.35); }
.prize.bronze { border-color: rgba(249,115,22,.4); }
.prize.bronze h3 { color: #fdba74; }

/* CTA */
.cta { padding: 90px 0; }
.cta-box { border-radius: 24px; padding: 3.5rem 1.5rem; background: radial-gradient(circle at 20% 0%, rgba(34,211,238,.18), transparent 50%), radial-gradient(circle at 80% 100%, rgba(168,85,247,.22), transparent 50%), var(--nd-card); border: 1px solid var(--nd-border); }
.cta-box h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }

/* Footer */
.footer { background: #050811; border-top: 1px solid var(--nd-border); padding: 70px 0 28px; color: var(--nd-muted); }
.footer h6 { font-family: var(--nd-mono); font-size: .82rem; text-transform: uppercase; letter-spacing: .1em; color: var(--nd-white); margin-bottom: 1rem; }
.footer a { color: var(--nd-muted); }
.footer a:hover { color: var(--nd-accent); }
.footer li { margin-bottom: .55rem; }
.footer .contact i { color: var(--nd-accent); margin-right: .45rem; }
.footer-logo { height: 60px; width: auto; }
.footer-dbuu { height: 44px; width: auto; opacity: .85; }
.footer hr { border-color: var(--nd-border); opacity: 1; margin: 2.5rem 0 1.5rem; }

/* Back to top */
.to-top { position: fixed; right: 18px; bottom: 18px; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--nd-grad); color: #fff; font-size: 1.2rem; opacity: 0; visibility: hidden; transition: all .3s; z-index: 1000; }
.to-top.show { opacity: 1; visibility: visible; }
.to-top:hover { color: #fff; transform: translateY(-3px); }

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .chip .dot, .caret { animation: none; }
}

/* Small-screen brand sizing */
@media (max-width: 575.98px) {
  .brand-dbuu, .brand-nav { height: 36px; }
  .hero { padding-top: 120px; }
}

/* =========================================================
   2026 UPDATE — Partners, 5 Tracks, SDG grid
   ========================================================= */

/* Partner logos band (colour matches the official creative) */
.partners { padding: 10px 0 70px; }
.partner-band{
  background: #efefef;
  border: 1px solid rgba(120,160,255,.22); border-radius: 18px; padding: 1.2rem 1.4rem;
  box-shadow: 0 20px 50px -30px rgba(99,102,241,.6);
}
.partner-band img { width: 100%; height: 64px; object-fit: contain; border-radius: 8px; }
.partner-band .col-lg + .col-lg { position: relative; }
@media (min-width: 992px) {
  .partner-band .col-lg + .col-lg::before { content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 1px; background: rgba(255,255,255,.25); }
}
@media (max-width: 575.98px) { .partner-band { padding: .9rem; } .partner-band img { height: 52px; } }

/* 5 Tracks */
.track2 {
  --tc: #22d3ee;
  height: 100%; padding: 1.7rem 1.6rem; border-radius: 18px; background: var(--nd-card);
  border: 1px solid var(--nd-border); border-top: 4px solid var(--tc); cursor: pointer;
  display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s, border-color .25s;
}
.track2.t1 { --tc: #e8452c; } .track2.t2 { --tc: #1aa3dc; } .track2.t3 { --tc: #d6247a; }
.track2.t4 { --tc: #43a845; } .track2.t5 { --tc: #f2711c; }
.track2:hover, .track2:focus-visible { transform: translateY(-6px); box-shadow: 0 24px 50px -24px var(--tc); outline: none; }
.track2-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.1rem; }
.track2-num { font-family: var(--nd-head); font-weight: 700; font-size: 2.6rem; line-height: 1; width: 62px; height: 62px; border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--tc); }
.track2-head i { font-size: 1.8rem; color: var(--tc); }
.track2 .label { font-size: .7rem; letter-spacing: .14em; color: var(--nd-muted); display: block; }
.track2 h5 { font-size: 1.2rem; line-height: 1.35; margin: .2rem 0 0; }
.track2 .theme { color: #fff; font-weight: 600; margin: .15rem 0 1.1rem; }
.track2 .sdg-row { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; padding-top: 1rem; border-top: 1px dashed var(--nd-border); }
.track2 .sdg-row > .mono { font-size: .7rem; color: var(--nd-muted); margin-right: .2rem; letter-spacing: .1em; }
.sdg-mini { font-family: var(--nd-head); font-weight: 700; font-size: .8rem; color: #fff; min-width: 28px; height: 28px; padding: 0 .3rem; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; }

/* SDG filter buttons */
.sdg-filter .btn { border: 1px solid var(--nd-border); color: var(--nd-text); background: rgba(255,255,255,.03); border-radius: 999px; padding: .4rem 1rem; font-weight: 500; }
.sdg-filter .btn:hover { border-color: var(--nd-accent); color: #fff; }
.sdg-filter .btn.active { background: var(--nd-grad); color: #fff; border-color: transparent; }

/* SDG tiles: official icon if present, otherwise colour tile in SDG style */
.sdg-tile { position: relative; aspect-ratio: 1/1; border-radius: 10px; overflow: hidden; background: var(--sdg); transition: transform .25s, opacity .35s, filter .35s, box-shadow .25s; }
.sdg-tile:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 40px -18px var(--sdg); }
.sdg-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.sdg-tile img.failed { display: none; }
.sdg-fallback { position: absolute; inset: 0; padding: 10px 11px; color: #fff; display: flex; flex-direction: column; }
.sdg-no { font-family: var(--nd-head); font-weight: 700; font-size: clamp(1.6rem, 3.6vw, 2.2rem); line-height: 1; }
.sdg-name { font-family: var(--nd-head); font-weight: 700; text-transform: uppercase; font-size: clamp(.62rem, 1.3vw, .78rem); line-height: 1.15; margin-top: .35rem; max-width: 95%; }
.sdg-fallback i { margin-top: auto; align-self: center; font-size: clamp(1.8rem, 4.5vw, 2.6rem); opacity: .95; }
#sdgGrid.filtering .sdg-tile { opacity: .18; filter: grayscale(1); }
#sdgGrid.filtering .sdg-tile.on { opacity: 1; filter: none; box-shadow: 0 0 0 3px #fff, 0 18px 40px -18px var(--sdg); }
.sdg-c1{background:#E5243B}
.sdg-c2{background:#DDA63A}
.sdg-c3{background:#4C9F38}
.sdg-c4{background:#C5192D}
.sdg-c5{background:#FF3A21}
.sdg-c6{background:#26BDE2}
.sdg-c7{background:#FCC30B}
.sdg-c8{background:#A21942}
.sdg-c9{background:#FD6925}
.sdg-c10{background:#DD1367}
.sdg-c11{background:#FD9D24}
.sdg-c12{background:#BF8B2E}
.sdg-c13{background:#3F7E44}
.sdg-c14{background:#0A97D9}
.sdg-c15{background:#56C02B}
.sdg-c16{background:#00689D}
.sdg-c17{background:#19486A}
/* Keep header logos inside narrow screens */
.nd-navbar .navbar-brand { min-width: 0; flex: 0 1 auto; margin-right: .75rem; overflow: hidden; }
@media (max-width: 991.98px) {
  .nd-navbar .navbar-brand img { max-width: 42vw; object-fit: contain; }
}
@media (max-width: 575.98px) {
  .sdg-fallback { padding: 7px 8px; }
  .sdg-name { font-size: .55rem; }
  .sdg-fallback i { font-size: 1.5rem; }
}