/* Weatherblazer Knowledge Bank — theme layer
   Presentation only. Existing Knowledge Bank HTML/JS functionality is preserved. */
:root{
  --wb-navy:#0d1f3c;
  --wb-navy-2:#122a4d;
  --wb-orange:#e84c1e;
  --wb-orange-2:#f4512c;
  --wb-ink:#26364a;
  --wb-muted:#667487;
  --wb-line:#dce3ec;
  --wb-light:#f5f7fa;
  --wb-white:#fff;
}

/* ---------- compact site header ---------- */
.kb-site-header{position:relative;z-index:100;background:var(--wb-navy);}
.kb-header-banner{background:var(--wb-navy);}
.kb-header-top{
  min-height:76px;
  padding:10px 28px;
  display:flex;
  align-items:center;
  gap:22px;
}
.kb-logo{flex:0 0 auto;}
.kb-logo img{width:72px;height:auto;display:block;}
.kb-main-nav{flex:1 1 auto;min-width:0;}
.kb-main-nav .nav-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:nowrap;
}
.kb-main-nav .nav-menu>li{margin:0;}
.kb-main-nav .nav-link{
  display:block;
  padding:10px 8px;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  text-transform:uppercase;
  text-decoration:none;
}
.kb-main-nav .nav-link:hover,
.kb-main-nav .nav-link.active{color:#fff;text-decoration:none;}
.kb-main-nav .nav-link.active::after{
  content:"";display:block;height:2px;margin:6px auto 0;
  width:22px;background:var(--wb-orange);border-radius:3px;
}
.kb-main-nav .dropdown-menu{z-index:1100;}
.kb-main-nav .dropdown:hover>.dropdown-menu{display:block;}
.kb-header-top .btn-contact{
  background:var(--wb-orange)!important;
  border-radius:7px!important;
  padding:14px 25px!important;
  font-weight:800!important;
  white-space:nowrap;
  box-shadow:none!important;
}
.kb-breadcrumb-bar{border-top:1px solid rgba(255,255,255,.12);}
.kb-breadcrumb{
  padding:11px 28px 12px;
  display:flex;align-items:center;gap:9px;
  color:#dbe4ef;font-size:13px;font-weight:500;
}
.kb-breadcrumb a{color:#fff;text-decoration:none;}
.kb-breadcrumb a:hover{color:#ffb39f;}
.kb-breadcrumb span{color:var(--wb-orange);font-weight:800;}
.kb-breadcrumb strong{color:#fff;font-weight:700;}

/* ---------- Knowledge Bank presentation ---------- */
.knowledge-bank-page{
  background:#fff;
  color:var(--wb-ink);
}
.knowledge-bank-page .hero.hero-hub{
  background:
    linear-gradient(105deg,rgba(13,31,60,.98) 0%,rgba(13,31,60,.94) 58%,rgba(13,31,60,.84) 100%);
  border-bottom:4px solid var(--wb-orange);
  box-shadow:0 12px 30px rgba(13,31,60,.12);
}
.knowledge-bank-page .hero.hero-hub .in{
  max-width:1180px;
  padding:58px 32px 52px;
  grid-template-columns:minmax(0,1fr) 105px;
  gap:40px;
}
.knowledge-bank-page .hero.hero-hub .eyebrow{
  color:#ffb39f;
  font-family:'Poppins',sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  font-weight:800;
  margin-bottom:12px;
}
.knowledge-bank-page .hero.hero-hub h1{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:clamp(36px,4.5vw,58px);
  line-height:1.08;
  letter-spacing:-.025em;
  margin:0 0 18px;
}
.knowledge-bank-page .hero.hero-hub .deck{
  max-width:820px;
  font-size:17px;
  line-height:1.7;
  color:#dce5ef;
}
.knowledge-bank-page .hero.hero-hub .byline{
  max-width:780px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#aebdce;
  font-size:13px;
}
.knowledge-bank-page .hero.hero-hub .chip{
  width:105px;
  padding:10px;
  border-radius:10px;
  align-self:start;
  margin-top:4px;
}

.knowledge-bank-page .hubnav{
  background:#fff;
  border-bottom:1px solid var(--wb-line);
  box-shadow:0 5px 18px rgba(13,31,60,.06);
  position:sticky;
  top:0;
  z-index:30;
}
.knowledge-bank-page .hubnav .in{
  max-width:1180px;
  padding:0 32px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
.knowledge-bank-page .hubnav a{
  color:var(--wb-navy);
  font-weight:700;
  font-size:13px;
  padding:16px 20px;
  border-right:1px solid var(--wb-line);
  text-decoration:none;
  transition:.2s ease;
}
.knowledge-bank-page .hubnav a:first-child{border-left:1px solid var(--wb-line);}
.knowledge-bank-page .hubnav a:hover{color:var(--wb-orange);background:#fff8f5;}

.knowledge-bank-page article{padding-top:48px;}
.knowledge-bank-page article h2,
.knowledge-bank-page .tintband h2{
  font-family:'Poppins',sans-serif;
  color:var(--wb-navy);
  font-weight:800;
  font-size:32px;
  line-height:1.2;
}
.knowledge-bank-page .kicker,
.knowledge-bank-page .tag{
  color:var(--wb-orange);
  font-weight:800;
  letter-spacing:.12em;
}
.knowledge-bank-page .lead{color:#58687b;}
.knowledge-bank-page .cards3,
.knowledge-bank-page .building-grid,
.knowledge-bank-page .decision-grid{gap:18px;}
.knowledge-bank-page .kcard,
.knowledge-bank-page .bcard{
  background:#fff;
  border:1px solid var(--wb-line);
  box-shadow:0 7px 22px rgba(13,31,60,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.knowledge-bank-page .kcard:hover,
.knowledge-bank-page .bcard:hover{
  transform:translateY(-3px);
  border-color:#f1b19f;
  box-shadow:0 14px 32px rgba(13,31,60,.10);
  text-decoration:none;
}
.knowledge-bank-page .kcard h3,
.knowledge-bank-page .bcard h3{color:var(--wb-navy);font-weight:800;}
.knowledge-bank-page .kcard p,
.knowledge-bank-page .bcard p{color:#617083;}
.knowledge-bank-page .kb-arrow{color:var(--wb-orange);font-weight:800;}
.knowledge-bank-page .tintband{
  background:linear-gradient(180deg,#f5f7fa 0%,#eef2f6 100%);
  border-top:1px solid var(--wb-line);
  border-bottom:1px solid var(--wb-line);
}
.knowledge-bank-page .dl a{
  border-left:4px solid var(--wb-orange);
  border-radius:5px;
  box-shadow:0 5px 16px rgba(13,31,60,.04);
}
.knowledge-bank-page .dl a:hover{transform:translateY(-2px);}
.knowledge-bank-page .cta{
  border-radius:0;
  border-top:4px solid var(--wb-orange);
}

/* worksheet modal: preserve function, make it match site */
.knowledge-bank-page .kb-modal-card{
  border-radius:14px;
  border-top:5px solid var(--wb-orange);
  box-shadow:0 25px 70px rgba(13,31,60,.28);
}
.knowledge-bank-page .kb-modal-kicker{color:var(--wb-orange);font-weight:800;letter-spacing:.1em;}
.knowledge-bank-page .kb-modal-card h2{color:var(--wb-navy);font-family:'Poppins',sans-serif;font-weight:800;}
.knowledge-bank-page .kb-submit{background:var(--wb-orange)!important;}

@media(max-width:1100px){
  .kb-header-top{padding-left:20px;padding-right:20px;gap:10px;}
  .kb-main-nav .nav-menu{gap:1px;}
  .kb-main-nav .nav-link{font-size:11px;padding-left:6px;padding-right:6px;}
  .kb-header-top .btn-contact{padding:12px 16px!important;font-size:12px;}
}
@media(max-width:900px){
  .kb-main-nav{display:none;}
  .kb-header-top{justify-content:space-between;}
  .kb-logo img{width:64px;}
  .kb-breadcrumb{padding-left:20px;padding-right:20px;}
  .knowledge-bank-page .hero.hero-hub .in{padding:42px 22px 44px;grid-template-columns:1fr;}
  .knowledge-bank-page .hero.hero-hub .chip{display:none;}
  .knowledge-bank-page .hubnav{position:static;}
  .knowledge-bank-page .hubnav .in{padding:0 14px;justify-content:flex-start;}
  .knowledge-bank-page .hubnav a{padding:12px 11px;font-size:11px;}
}
@media(max-width:600px){
  .kb-header-top{min-height:66px;}
  .kb-header-top .btn-contact{padding:10px 14px!important;}
  .kb-breadcrumb{font-size:12px;padding-top:9px;padding-bottom:10px;}
  .knowledge-bank-page .hero.hero-hub h1{font-size:35px;}
  .knowledge-bank-page .hero.hero-hub .deck{font-size:15px;}
  .knowledge-bank-page article{padding-top:34px;}
  .knowledge-bank-page article h2,.knowledge-bank-page .tintband h2{font-size:27px;}
  .knowledge-bank-page .hubnav .in{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;}
  .knowledge-bank-page .hubnav a{white-space:nowrap;}
}

/* ============================================================
   WEATHERBLAZER KNOWLEDGE BANK — COMPLETE UI REDESIGN
   No hero image/banner. Existing links, worksheet modal and JS
   remain untouched.
   ============================================================ */
:root{
  --kb-navy:#0d1f3c;
  --kb-navy-2:#132b4b;
  --kb-orange:#e2422a;
  --kb-orange-soft:#fff1ed;
  --kb-ink:#17263b;
  --kb-muted:#65758a;
  --kb-border:#dfe6ee;
  --kb-bg:#f5f7fa;
  --kb-white:#fff;
  --kb-shadow:0 12px 32px rgba(13,31,60,.09);
}

body{background:var(--kb-bg);}
.knowledge-bank-page{background:var(--kb-bg)!important;color:var(--kb-ink)!important;}

/* Compact existing site header */
.kb-site-header{background:var(--kb-navy)!important;}
.kb-header-top{min-height:68px!important;padding:8px 28px!important;}
.kb-logo img{width:62px!important;}
.kb-main-nav .nav-menu{gap:10px!important;}
.kb-main-nav .nav-link{padding:9px 7px!important;font-size:12px!important;}
.kb-header-top .btn-contact{padding:12px 22px!important;border-radius:6px!important;}
.kb-breadcrumb-bar{background:#102643;border-top:1px solid rgba(255,255,255,.1)!important;}
.kb-breadcrumb{padding:9px 28px!important;font-size:12px!important;}

/* New intro — intentionally not a hero */
.kb-intro{
  background:var(--kb-white);
  border-bottom:1px solid var(--kb-border);
  position:relative;
}
.kb-intro:before{
  content:"";display:block;height:5px;background:var(--kb-orange);
}
.kb-intro-inner{
  max-width:1240px;margin:auto;padding:44px 34px 42px;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:54px;align-items:center;
}
.kb-intro-copy{max-width:700px;}
.kb-intro-label{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--kb-orange);font-size:11px;font-weight:800;letter-spacing:.13em;
  margin-bottom:12px;
}
.kb-intro-label:before{content:"";width:30px;height:2px;background:var(--kb-orange);}
.kb-intro h1{
  margin:0 0 14px!important;color:var(--kb-navy)!important;
  font-family:'Poppins',Arial,sans-serif!important;font-size:clamp(34px,4vw,52px)!important;
  line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important;
}
.kb-intro h1 em{font-style:normal;color:var(--kb-orange);}
.kb-intro-copy>p{margin:0!important;max-width:690px;color:var(--kb-muted)!important;font-size:16px!important;line-height:1.75!important;}
.kb-intro-tools{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.kb-intro-tools a{
  min-height:96px;padding:15px 16px;background:#fff;border:1px solid var(--kb-border);
  border-radius:9px;text-decoration:none!important;display:grid;grid-template-columns:35px 1fr;
  column-gap:9px;align-content:center;box-shadow:0 5px 18px rgba(13,31,60,.045);
  transition:.2s ease;
}
.kb-intro-tools a:hover{transform:translateY(-3px);border-color:#f0b2a6;box-shadow:var(--kb-shadow);}
.kb-intro-tools span{grid-row:1/3;color:var(--kb-orange);font-size:13px;font-weight:900;align-self:center;}
.kb-intro-tools b{color:var(--kb-navy);font-size:13px;line-height:1.25;}
.kb-intro-tools small{color:var(--kb-muted);font-size:10.5px;line-height:1.4;margin-top:4px;}

/* Main content */
.knowledge-bank-page>.wrap{max-width:1240px!important;margin:0 auto!important;padding:0 34px!important;}
.knowledge-bank-page article{width:100%!important;}
.knowledge-bank-page article>section,
.knowledge-bank-page #hindi,
.knowledge-bank-page .kb-article-list{scroll-margin-top:90px;}
.knowledge-bank-page article>section{
  padding:0px 0 20px!important;
}
.knowledge-bank-page .kicker{
  display:flex!important;align-items:center;gap:10px;
  color:var(--kb-orange)!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.16em!important;margin:0 0 9px!important;
}
.knowledge-bank-page .kicker:before{content:"";width:26px;height:2px;background:var(--kb-orange);}
.knowledge-bank-page h2{
  color:var(--kb-navy)!important;font-family:'Poppins',Arial,sans-serif!important;
  font-size:clamp(27px,3vw,38px)!important;line-height:1.15!important;
  font-weight:800!important;margin:0 0 10px!important;letter-spacing:-.025em!important;
}
.knowledge-bank-page .lead{
  color:var(--kb-muted)!important;max-width:780px!important;font-size:14px!important;
  line-height:1.7!important;margin:0 0 28px!important;
}

/* Problem cards */
.knowledge-bank-page .cards3,
.knowledge-bank-page .decision-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;
}
.knowledge-bank-page .kcard{
  position:relative;background:#fff!important;border:1px solid var(--kb-border)!important;
  border-radius:10px!important;padding:24px!important;text-decoration:none!important;
  min-height:250px;display:flex!important;flex-direction:column!important;
  box-shadow:0 5px 20px rgba(13,31,60,.045)!important;transition:.22s ease!important;
}
.knowledge-bank-page .kcard:hover{transform:translateY(-5px);border-color:#efad9f!important;box-shadow:var(--kb-shadow)!important;}
.knowledge-bank-page .kcard:after{
  content:"";position:absolute;left:0;top:0;width:5px;height:0;background:var(--kb-orange);
  border-radius:10px 0 0 10px;transition:.22s ease;
}
.knowledge-bank-page .kcard:hover:after{height:100%;}
.knowledge-bank-page .tag{
  align-self:flex-start;background:var(--kb-orange-soft)!important;color:var(--kb-orange)!important;
  border-radius:4px!important;padding:5px 8px!important;font-size:9px!important;font-weight:900!important;
  letter-spacing:.08em!important;margin-bottom:15px!important;
}
.knowledge-bank-page .kcard h3{
  color:var(--kb-navy)!important;font-family:'Poppins',Arial,sans-serif!important;
  font-size:17px!important;line-height:1.35!important;margin:0 0 9px!important;font-weight:750!important;
}
.knowledge-bank-page .kcard p{color:var(--kb-muted)!important;font-size:12.5px!important;line-height:1.65!important;margin:0!important;}
.knowledge-bank-page .kb-arrow{
  margin-top:auto!important;padding-top:20px;color:var(--kb-orange)!important;
  font-size:12px!important;font-weight:800!important;
}
.knowledge-bank-page .kb-arrow b{font-size:16px;margin-left:5px;}

/* Building cards */
.knowledge-bank-page .building-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;
}
.knowledge-bank-page .bcard{
  background:var(--kb-navy)!important;border-radius:9px!important;padding:22px!important;
  min-height:180px;text-decoration:none!important;display:flex!important;flex-direction:column!important;
  border:1px solid rgba(255,255,255,.06)!important;transition:.22s ease!important;
}
.knowledge-bank-page .bcard:hover{background:var(--kb-navy-2)!important;transform:translateY(-4px);}
.knowledge-bank-page .bcard h3{color:#fff!important;font-size:16px!important;line-height:1.3!important;margin:0 0 9px!important;font-weight:750!important;}
.knowledge-bank-page .bcard p{color:#c8d4e2!important;font-size:11.5px!important;line-height:1.6!important;margin:0!important;}
.knowledge-bank-page .bcard span{margin-top:auto;padding-top:16px;color:#ffab98!important;font-size:11px!important;font-weight:800!important;}

/* Downloads — high visibility utility panel */
.knowledge-bank-page .tintband{
  margin:55px 0 0!important;background:var(--kb-navy)!important;color:#fff!important;
  border-radius:12px!important;overflow:hidden!important;position:relative;
}
.knowledge-bank-page .tintband:before{content:"";display:block;height:5px;background:var(--kb-orange);}
.knowledge-bank-page .tintband .in{max-width:none!important;padding:42px 38px 44px!important;}
.knowledge-bank-page .tintband .kicker{color:#ffad9a!important;}
.knowledge-bank-page .tintband h2{color:#fff!important;}
.knowledge-bank-page .tintband .lead{color:#c6d2df!important;}
.knowledge-bank-page .dl{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;
}
.knowledge-bank-page .kb-download{
  display:grid!important;grid-template-columns:36px 1fr;column-gap:11px;
  align-items:center;background:#fff!important;border:1px solid rgba(255,255,255,.1)!important;
  border-radius:8px!important;padding:16px!important;text-decoration:none!important;min-height:76px;
  transition:.2s ease!important;position:relative;
}
.knowledge-bank-page .kb-download:before{
  content:"↓";width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--kb-orange);color:#fff;font-weight:900;font-size:17px;grid-row:1/3;
}
.knowledge-bank-page .kb-download:hover{transform:translateX(3px);box-shadow:0 8px 22px rgba(0,0,0,.16);}
.knowledge-bank-page .kb-download b{color:var(--kb-navy)!important;font-size:12.5px!important;line-height:1.35!important;}
.knowledge-bank-page .kb-download span{color:var(--kb-muted)!important;font-size:10.5px!important;line-height:1.45!important;margin-top:3px;}

/* Hindi + article library */
.knowledge-bank-page #hindi{padding-top:72px!important;}
.knowledge-bank-page .kb-article-list{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 22px!important;
  background:#fff;border:1px solid var(--kb-border);border-radius:10px;overflow:hidden;
}
.knowledge-bank-page .kb-article-list a{
  padding:15px 17px!important;border-bottom:1px solid var(--kb-border)!important;
  color:var(--kb-navy)!important;font-size:12px!important;font-weight:700!important;
  text-decoration:none!important;line-height:1.45!important;
}
.knowledge-bank-page .kb-article-list a:hover{background:var(--kb-orange-soft)!important;color:var(--kb-orange)!important;}

/* Bottom CTA */
.knowledge-bank-page .cta{
  margin:55px 0 72px!important;border-radius:12px!important;background:#fff!important;
  border:1px solid var(--kb-border)!important;overflow:hidden!important;
  box-shadow:var(--kb-shadow)!important;
}
.knowledge-bank-page .cta .in{max-width:none!important;padding:30px 34px!important;}
.knowledge-bank-page .cta h3{color:var(--kb-navy)!important;font-size:24px!important;margin:0 0 7px!important;}
.knowledge-bank-page .cta p{color:var(--kb-muted)!important;font-size:13px!important;max-width:700px;line-height:1.65;}
.knowledge-bank-page .cta .btn{display:inline-flex!important;background:var(--kb-orange)!important;color:#fff!important;border:1px solid var(--kb-orange)!important;border-radius:6px!important;padding:12px 18px!important;text-decoration:none!important;font-weight:800!important;font-size:12px!important;margin:8px 7px 0 0!important;}
.knowledge-bank-page .cta .btn.ghost{background:#fff!important;color:var(--kb-navy)!important;border-color:var(--kb-navy)!important;}

/* Worksheet modal — same functionality, refreshed UI */
.kb-modal{z-index:99999!important;}
.kb-modal-card{
  width:min(520px,calc(100% - 30px))!important;border-radius:12px!important;
  border-top:5px solid var(--kb-orange)!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
}
.kb-modal-card h2{color:var(--kb-navy)!important;}
.kb-modal-kicker{color:var(--kb-orange)!important;font-weight:900!important;letter-spacing:.12em!important;font-size:10px!important;}
.kb-submit{background:var(--kb-orange)!important;border-radius:6px!important;font-weight:800!important;}

/* Responsive */
@media(max-width:1050px){
  .kb-intro-inner{grid-template-columns:1fr;gap:28px;}
  .knowledge-bank-page .building-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .knowledge-bank-page .cards3,.knowledge-bank-page .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .kb-header-top{padding:8px 16px!important;}
  .kb-intro-inner,.knowledge-bank-page>.wrap{padding-left:18px!important;padding-right:18px!important;}
  .kb-intro-inner{padding-top:30px;padding-bottom:30px;}
  .kb-intro h1{font-size:34px!important;}
  .kb-intro-tools{grid-template-columns:1fr;}
  .knowledge-bank-page article>section{padding-top:52px!important;}
  .knowledge-bank-page .cards3,.knowledge-bank-page .decision-grid,.knowledge-bank-page .building-grid,.knowledge-bank-page .dl,.knowledge-bank-page .kb-article-list{grid-template-columns:1fr!important;}
  .knowledge-bank-page .kcard{min-height:210px;}
  .knowledge-bank-page .tintband .in{padding:30px 20px 32px!important;}
  .knowledge-bank-page .cta .in{padding:26px 20px!important;}
}

/* Header cleanup: remove the Home / Knowledge Bank strip and all navigation underlines. */
.kb-site-header .kb-breadcrumb-bar{display:none!important;}
.kb-main-nav .nav-link,
.kb-main-nav .nav-link:hover,
.kb-main-nav .nav-link:focus,
.kb-main-nav .nav-link:focus-visible,
.kb-main-nav .nav-link.active{
  text-decoration:none!important;
}
.kb-main-nav .nav-link::before,
.kb-main-nav .nav-link::after,
.kb-main-nav .nav-link.active::after{
  content:none!important;
  display:none!important;
}
.kb-main-nav .dropdown-item,
.kb-main-nav .dropdown-item:hover,
.kb-main-nav .dropdown-item:focus{
  text-decoration:none!important;
}