@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --p:#1265df;--pd:#084db9;--pl:#e9f2ff;
  --s:#102d55;--sm:#173d70;
  --a:#ffd43b;--ad:#f4bd12;
  --bg:#f5f8fc;--sur:#fff;
  --tx:#172b4d;--mu:#63758f;
  --br:#dce6f2;--brl:#edf3fa;
  --dan:#DC2626;--war:#D97706;--suc:#059669;
  --fh:'Plus Jakarta Sans',system-ui,sans-serif;
  --fb:'Inter',system-ui,sans-serif;
  --r1:10px;--r2:14px;--r3:20px;--r4:28px;
  --sh1:0 2px 6px rgba(16,45,85,.04);
  --sh2:0 8px 24px rgba(16,45,85,.08);
  --sh3:0 16px 40px rgba(16,45,85,.12);
  --sh4:0 24px 64px rgba(16,45,85,.16);
  --nav:72px;--t:.2s ease;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);line-height:1.65;-webkit-font-smoothing:antialiased;padding-top:var(--nav);overflow-x:hidden}
@media(max-width:767px){body{padding-bottom:64px}}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font-family:var(--fb)}

/* Skip */
.skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--s);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 0;font-weight:700}
.skip:focus{left:0}

/* Container */
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 1.25rem}

/* Prevent grid/flex children from overflowing */
.g4>*,.g3>*,.g2>*{min-width:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:var(--r1);border:none;font-family:var(--fb);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-p{background:var(--p);color:#fff;box-shadow:0 4px 14px rgba(18,101,223,.24)}
.btn-p:hover{background:var(--pd);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(18,101,223,.3)}
.btn-s{background:var(--s);color:#fff}
.btn-s:hover{background:var(--sm);color:#fff;transform:translateY(-1px)}
.btn-o{background:transparent;color:var(--p);border:1.5px solid var(--p)}
.btn-o:hover{background:var(--p);color:#fff}
.btn-g{background:transparent;color:var(--mu);border:1.5px solid var(--br)}
.btn-g:hover{border-color:var(--p);color:var(--p)}
.btn-lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:var(--r2)}
.btn-sm{padding:.4rem .85rem;font-size:.8rem}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.badge-p{background:var(--pl);color:var(--p)}
.badge-v{background:#ecfdf5;color:#059669}
.badge-u{background:#fef2f2;color:#dc2626}
.badge-w{background:#fffbeb;color:#d97706}
.badge-e{background:#f1f5f9;color:#94a3b8}
.badge-f{background:#f0fdf4;color:#16a34a}
.badge-d{background:#eff6ff;color:#2563eb}

/* Section heading */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.sec-head-l{display:flex;flex-direction:column;gap:.25rem}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p)}
.sec-title{font-family:var(--fh);font-size:1.6rem;font-weight:800;color:var(--s);line-height:1.15;letter-spacing:-.025em}
.sec-title-sm{font-family:var(--fh);font-size:1.2rem;font-weight:700;color:var(--s);line-height:1.2}
.see-all{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--p);transition:gap var(--t)}
.see-all:hover{gap:.55rem}

/* Card */
.card{background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);overflow:hidden;transition:transform var(--t),box-shadow var(--t);display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh3)}
.card-img{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--brl)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .card-img img{transform:scale(1.05)}
.card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.35rem}
.card-body{padding:1.1rem 1.15rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.card-cat{font-size:.68rem;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:.06em}
.card-title{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--s);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card:hover .card-title{color:var(--p)}
.card-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.75rem;color:var(--mu);font-weight:500}
.card-meta i{color:var(--p);font-size:.7rem;margin-right:.2rem}
.home-opportunity-summary{margin:0;color:var(--mu);font-size:.8rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Card foot — prevent overflow on small screens */
.card-foot{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--brl);gap:.5rem;flex-wrap:wrap}
.card-dl{font-size:.75rem;font-weight:600;color:var(--mu)}
.card-dl.urgent{color:var(--dan)}
.card-dl.soon{color:var(--war)}
.card-dl.expired{color:#94a3b8}

/* Opportunity cards use a prominent scholarship image beside the key facts. */
.sba-opportunity-card{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 148px;align-items:center;gap:.9rem;padding:.9rem;border:1px solid #dce6f2;border-left:4px solid #1265df;border-radius:15px;background:linear-gradient(125deg,#fff 72%,#f0f6ff);box-shadow:0 5px 16px rgba(16,45,85,.055);transition:transform var(--t),box-shadow var(--t),border-color var(--t);min-width:0}
.sba-opportunity-card:hover{transform:translateY(-2px);border-color:#b9d2f3;box-shadow:0 12px 26px rgba(16,45,85,.1)}
.opp-mark{width:132px;height:104px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#e9f2ff;color:#1265df;font-size:1.5rem}
.opp-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.opp-flag{font-size:1.7rem;line-height:1}
.opp-content{min-width:0}
.opp-labels{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.28rem}
.opp-funding,.opp-category,.opp-closed,.opp-urgent{display:inline-flex;align-items:center;min-height:20px;padding:.13rem .5rem;border-radius:999px;font-size:.6rem;font-weight:750;line-height:1.2}
.opp-funding{background:#e8f7ef;color:#13784b}
.opp-category{background:#edf3fb;color:#526781}
.opp-closed{background:#f1f3f6;color:#778397}
.opp-urgent{background:#fff1e9;color:#bb4d1f}
.opp-title{font:750 .91rem/1.32 var(--fh);color:#102d55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.opp-title a:hover{color:#1265df}
.opp-facts{display:flex;gap:.25rem .85rem;flex-wrap:wrap;margin-top:.36rem;color:#65758b;font-size:.68rem;line-height:1.35}
.opp-facts span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opp-facts i{margin-right:.3rem;color:#1265df;font-size:.65rem}
.opp-summary{display:-webkit-box;margin-top:.3rem;overflow:hidden;color:#65758b;font-size:.68rem;line-height:1.35;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.opp-action{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.45rem;min-width:0}
.opp-deadline{display:flex;align-items:center;gap:.35rem;overflow:hidden;color:#526781;font-size:.66rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.opp-deadline.urgent{color:#c24135}.opp-deadline.soon{color:#b7791f}.opp-deadline.expired{color:#8894a6}
.opp-buttons{display:flex;align-items:center;gap:.4rem}
.opp-details{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;flex:1;padding:.45rem .65rem;border-radius:9px;background:#1265df;color:#fff;font-size:.7rem;font-weight:750;white-space:nowrap;transition:background var(--t),transform var(--t)}
.opp-details:hover{background:#084db9;color:#fff;transform:translateY(-1px)}
.opp-save{width:36px;height:36px;flex:0 0 36px;border:1px solid #dce6f2;border-radius:9px;background:#fff;color:#687a91;cursor:pointer}
.opp-save:hover{border-color:#1265df;color:#1265df}
@media(max-width:1050px){.sba-opportunity-card{grid-template-columns:112px minmax(0,1fr);gap:.75rem}.opp-mark{width:112px;height:92px;border-radius:12px}.opp-action{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.opp-buttons{flex:0 0 auto}.opp-details{min-width:120px}}
@media(max-width:575px){.sba-opportunity-card{grid-template-columns:minmax(0,1fr);gap:.65rem;padding:.75rem;border-radius:13px}.opp-mark{grid-column:1;width:100%;height:clamp(145px,48vw,210px);border-radius:10px;font-size:1.5rem}.opp-content,.opp-action{grid-column:1}.opp-flag{font-size:1.6rem}.opp-title{font-size:.9rem}.opp-facts{gap:.2rem .6rem;font-size:.68rem}.opp-summary{font-size:.68rem}.opp-action{padding-top:.55rem;border-top:1px solid #e8eef6}.opp-details{min-height:40px}}

/* Grids */
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(max-width:1199px){.g4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.g4,.g3,.g2{grid-template-columns:1fr}}
@media(max-width:400px){.g4,.g3,.g2{grid-template-columns:1fr;gap:1rem}}

/* Responsive text */
.text-sm{font-size:.875rem}
.text-xs{font-size:.78rem}
.text-muted{color:var(--mu)}

/* Utility */
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}
.w-full{width:100%}

/* Touch targets — minimum 44px on mobile */
@media(max-width:767px){
  .btn{min-height:44px;padding:.7rem 1.1rem}
  .btn-sm{min-height:38px;padding:.45rem .75rem;font-size:.78rem}
  .inp,.sel{min-height:44px;font-size:16px}
  .card-title{font-size:.92rem}
  .sec-title{font-size:1.25rem}
  .page-hero-title{font-size:1.35rem}
  .card-foot{gap:.4rem}
  .card-foot .btn-sm{flex:1;justify-content:center}
}
.sba-ad-wrap{margin-top:1rem;margin-bottom:1rem}
.sba-ad-placement{display:block;min-height:0;padding:.55rem 0;color:#64748b;text-align:center;font:500 .68rem/1.3 Inter,Arial,sans-serif}
.sba-ad-placement>span{display:block;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.08em}
.sba-ad-placement ins{max-width:100%;overflow:hidden}

/* Category card */
.cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.35rem 1rem;background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);text-align:center;transition:all var(--t);cursor:pointer}
.cat-card:hover{border-color:var(--p);background:var(--pl);transform:translateY(-3px);box-shadow:var(--sh2)}
.cat-icon{width:52px;height:52px;border-radius:var(--r2);background:var(--pl);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:all var(--t)}
.cat-card:hover .cat-icon{background:var(--p);color:#fff}
.cat-name{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--s);line-height:1.3}
.cat-count{font-size:.7rem;color:var(--mu)}

/* Form */
.inp{width:100%;padding:.7rem 1rem;border:1.5px solid var(--br);border-radius:var(--r1);font-family:var(--fb);font-size:.875rem;color:var(--tx);background:var(--sur);outline:none;transition:border-color var(--t),box-shadow var(--t)}
.inp:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(18,101,223,.12)}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}
.lbl{display:block;font-size:.82rem;font-weight:600;color:var(--tx);margin-bottom:.4rem}

/* Pagination */
.pag{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:2rem;flex-wrap:wrap}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:var(--r1);border:1.5px solid var(--br);background:var(--sur);color:var(--tx);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t);text-decoration:none}
.pg:hover{border-color:var(--p);color:var(--p)}
.pg.active{background:var(--p);border-color:var(--p);color:#fff}
.pg.disabled{opacity:.4;pointer-events:none}

/* Empty state */
.empty{text-align:center;padding:3.5rem 1.5rem;background:var(--sur);border:1px solid var(--br);border-radius:var(--r3)}
.empty-icon{font-size:2.5rem;color:var(--br);margin-bottom:1rem}
.empty h3{font-family:var(--fh);font-size:1.2rem;color:var(--s);margin-bottom:.5rem}
.empty p{color:var(--mu);font-size:.9rem}

/* Skeleton */
.skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r1)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Scroll top */
.scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500;width:44px;height:44px;border-radius:var(--r1);background:var(--s);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;box-shadow:var(--sh2);opacity:0;transform:translateY(12px);pointer-events:none;transition:all var(--t)}
.scroll-top.vis{opacity:1;transform:translateY(0);pointer-events:auto}
.scroll-top:hover{background:var(--p);transform:translateY(-2px)}
@media(max-width:767px){.scroll-top{bottom:5.5rem;right:.75rem}}

/* Page hero — shared across pages */
.page-hero{background:linear-gradient(135deg,var(--s),#1a3a57);padding:2.5rem 0 2rem;color:#fff}
.page-hero-title{font-family:var(--fh);font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;color:#fff;margin:.5rem 0 .35rem;line-height:1.2}
.page-hero-sub{color:rgba(255,255,255,.65);font-size:.9rem}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.5);margin-bottom:.5rem;flex-wrap:wrap}
.breadcrumb a{color:rgba(255,255,255,.6)}
.breadcrumb a:hover{color:#fff}
.breadcrumb i{font-size:.55rem}

/* Sidebar widget — shared */
.sidebar-widget{background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);padding:1.25rem;margin-bottom:1rem}
.sidebar-widget-title{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--s);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--brl)}

/* Prose — shared rich text */
.prose{font-size:.9rem;line-height:1.8;color:var(--tx)}
.prose h2{font-family:var(--fh);font-size:1.2rem;font-weight:700;color:var(--s);margin:1.5rem 0 .6rem}
.prose h3{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--s);margin:1.25rem 0 .5rem}
.prose p{margin-bottom:.85rem}
.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:.85rem}
.prose li{margin-bottom:.35rem}
.prose a{color:var(--p);text-decoration:underline}
.prose strong{color:var(--s)}
.prose blockquote{border-left:4px solid var(--p);padding:.75rem 1rem;background:var(--pl);border-radius:0 var(--r1) var(--r1) 0;margin:1rem 0;font-style:italic;color:var(--s)}
.prose table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.85rem}
.prose th{background:var(--s);color:#fff;padding:.6rem .85rem;text-align:left;font-weight:600}
.prose td{padding:.55rem .85rem;border-bottom:1px solid var(--brl)}
.prose tr:hover td{background:var(--bg)}
@media(max-width:575px){.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Alert */
.alert{padding:.85rem 1.1rem;border-radius:var(--r1);font-size:.875rem;font-weight:500;display:flex;align-items:flex-start;gap:.65rem}
.alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.alert-inf{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.alert-war{background:#fffbeb;color:#92400e;border:1px solid #fde68a}

/* Sections */
.sec{padding:3.5rem 0}
.sec-sm{padding:2.5rem 0}

/* Focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--p);outline-offset:2px;border-radius:4px}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Print */
@media print{.navbar,.footer,.scroll-top,.bot-nav,.mob-nav{display:none!important}body{padding:0}}

/* ── Extra mobile polish ─────────────────────────────────── */
@media(max-width:767px){
  .sec{padding:2rem 0}
  .sec-sm{padding:1.5rem 0}
  .sec-title{font-size:1.25rem}
  .wrap{padding:0 .9rem}
  .card-body{padding:.85rem .9rem .9rem}
  .card-foot{padding:.6rem .9rem}
  .sec-head{flex-direction:column;align-items:flex-start;gap:.4rem}
  .sidebar-widget{padding:1rem}
  .prose h2{font-size:1.1rem}
  .prose h3{font-size:.95rem}
  .badge{font-size:.62rem;padding:.18rem .5rem}
}
@media(max-width:575px){
  .sec{padding:1.5rem 0}
  .wrap{padding:0 .85rem}
  .btn-lg{padding:.7rem 1.1rem;font-size:.875rem}
  .card{border-radius:var(--r2)}
  .pag{gap:.2rem}
  .pg{min-width:34px;height:34px;font-size:.75rem}
  .sec-title{font-size:1.15rem}
  .eyebrow{font-size:.65rem}
}
@media(max-width:400px){
  .wrap{padding:0 .75rem}
  .sec{padding:1.25rem 0}
  .btn{font-size:.8rem;padding:.6rem .9rem}
  .btn-lg{padding:.65rem .9rem;font-size:.8rem}
  .card-meta{font-size:.7rem}
}
/* Safe area for notched phones */
@supports(padding:max(0px)){
  .bot-nav{padding-bottom:max(env(safe-area-inset-bottom),0px)}
  .mob-sheet{padding-bottom:max(env(safe-area-inset-bottom),0px)}
}

/* Public-site visual refresh */
body{background:var(--bg);color:var(--tx)}
.wrap{max-width:1280px}
.sec{padding:4rem 0}
.sec-head{margin-bottom:1.75rem}
.sec-title{letter-spacing:-.04em}
.card,.cat-card,.filter-box,.sidebar-widget,.empty,.nl-box{
  border-color:rgba(23,43,77,.09);
  box-shadow:0 6px 24px rgba(16,45,85,.035)
}
.card{border-radius:var(--r3)}
.card:hover{box-shadow:var(--sh3)}
.cat-card{min-height:150px}
.inp,.sel{border-radius:12px}
.page-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#102d55 0%,#1265df 100%);
}
.page-hero::after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  top:-190px;
  right:8%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)
}
.page-hero .wrap{position:relative;z-index:1}
.footer{background:linear-gradient(140deg,#102d55,#173d70)}
.ft-brand-ico{border-radius:14px}
.ft-bot{border-color:rgba(255,255,255,.1)}
@media(max-width:767px){
  .sec{padding:2.5rem 0}
  .cat-card{min-height:126px}
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --p:#1265df;--pd:#084db9;--pl:#e9f2ff;
  --s:#102d55;--sm:#173d70;
  --a:#ffd43b;--ad:#f4bd12;
  --bg:#f5f8fc;--sur:#fff;
  --tx:#172b4d;--mu:#63758f;
  --br:#dce6f2;--brl:#edf3fa;
  --dan:#DC2626;--war:#D97706;--suc:#059669;
  --fh:'Plus Jakarta Sans',system-ui,sans-serif;
  --fb:'Inter',system-ui,sans-serif;
  --r1:10px;--r2:14px;--r3:20px;--r4:28px;
  --sh1:0 2px 6px rgba(16,45,85,.04);
  --sh2:0 8px 24px rgba(16,45,85,.08);
  --sh3:0 16px 40px rgba(16,45,85,.12);
  --sh4:0 24px 64px rgba(16,45,85,.16);
  --nav:72px;--t:.2s ease;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);line-height:1.65;-webkit-font-smoothing:antialiased;padding-top:var(--nav);overflow-x:hidden}
@media(max-width:767px){body{padding-bottom:64px}}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font-family:var(--fb)}

/* Skip */
.skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--s);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 0;font-weight:700}
.skip:focus{left:0}

/* Container */
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 1.25rem}

/* Prevent grid/flex children from overflowing */
.g4>*,.g3>*,.g2>*{min-width:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:var(--r1);border:none;font-family:var(--fb);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--t);white-space:nowrap;text-decoration:none}
.btn-p{background:var(--p);color:#fff;box-shadow:0 4px 14px rgba(18,101,223,.24)}
.btn-p:hover{background:var(--pd);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(18,101,223,.3)}
.btn-s{background:var(--s);color:#fff}
.btn-s:hover{background:var(--sm);color:#fff;transform:translateY(-1px)}
.btn-o{background:transparent;color:var(--p);border:1.5px solid var(--p)}
.btn-o:hover{background:var(--p);color:#fff}
.btn-g{background:transparent;color:var(--mu);border:1.5px solid var(--br)}
.btn-g:hover{border-color:var(--p);color:var(--p)}
.btn-lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:var(--r2)}
.btn-sm{padding:.4rem .85rem;font-size:.8rem}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.badge-p{background:var(--pl);color:var(--p)}
.badge-v{background:#ecfdf5;color:#059669}
.badge-u{background:#fef2f2;color:#dc2626}
.badge-w{background:#fffbeb;color:#d97706}
.badge-e{background:#f1f5f9;color:#94a3b8}
.badge-f{background:#f0fdf4;color:#16a34a}
.badge-d{background:#eff6ff;color:#2563eb}

/* Section heading */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.sec-head-l{display:flex;flex-direction:column;gap:.25rem}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p)}
.sec-title{font-family:var(--fh);font-size:1.6rem;font-weight:800;color:var(--s);line-height:1.15;letter-spacing:-.025em}
.sec-title-sm{font-family:var(--fh);font-size:1.2rem;font-weight:700;color:var(--s);line-height:1.2}
.see-all{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--p);transition:gap var(--t)}
.see-all:hover{gap:.55rem}

/* Card */
.card{background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);overflow:hidden;transition:transform var(--t),box-shadow var(--t);display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh3)}
.card-img{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--brl)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .card-img img{transform:scale(1.05)}
.card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.35rem}
.card-body{padding:1.1rem 1.15rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.card-cat{font-size:.68rem;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:.06em}
.card-title{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--s);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card:hover .card-title{color:var(--p)}
.card-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.75rem;color:var(--mu);font-weight:500}
.card-meta i{color:var(--p);font-size:.7rem;margin-right:.2rem}
.home-opportunity-summary{margin:0;color:var(--mu);font-size:.8rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Card foot — prevent overflow on small screens */
.card-foot{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--brl);gap:.5rem;flex-wrap:wrap}
.card-dl{font-size:.75rem;font-weight:600;color:var(--mu)}
.card-dl.urgent{color:var(--dan)}
.card-dl.soon{color:var(--war)}
.card-dl.expired{color:#94a3b8}

/* Opportunity cards use a prominent scholarship image beside the key facts. */
.sba-opportunity-card{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 148px;align-items:center;gap:.9rem;padding:.9rem;border:1px solid #dce6f2;border-left:4px solid #1265df;border-radius:15px;background:linear-gradient(125deg,#fff 72%,#f0f6ff);box-shadow:0 5px 16px rgba(16,45,85,.055);transition:transform var(--t),box-shadow var(--t),border-color var(--t);min-width:0}
.sba-opportunity-card:hover{transform:translateY(-2px);border-color:#b9d2f3;box-shadow:0 12px 26px rgba(16,45,85,.1)}
.opp-mark{width:132px;height:104px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#e9f2ff;color:#1265df;font-size:1.5rem}
.opp-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.opp-flag{font-size:1.7rem;line-height:1}
.opp-content{min-width:0}
.opp-labels{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.28rem}
.opp-funding,.opp-category,.opp-closed,.opp-urgent{display:inline-flex;align-items:center;min-height:20px;padding:.13rem .5rem;border-radius:999px;font-size:.6rem;font-weight:750;line-height:1.2}
.opp-funding{background:#e8f7ef;color:#13784b}
.opp-category{background:#edf3fb;color:#526781}
.opp-closed{background:#f1f3f6;color:#778397}
.opp-urgent{background:#fff1e9;color:#bb4d1f}
.opp-title{font:750 .91rem/1.32 var(--fh);color:#102d55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.opp-title a:hover{color:#1265df}
.opp-facts{display:flex;gap:.25rem .85rem;flex-wrap:wrap;margin-top:.36rem;color:#65758b;font-size:.68rem;line-height:1.35}
.opp-facts span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opp-facts i{margin-right:.3rem;color:#1265df;font-size:.65rem}
.opp-summary{display:-webkit-box;margin-top:.3rem;overflow:hidden;color:#65758b;font-size:.68rem;line-height:1.35;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.opp-action{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.45rem;min-width:0}
.opp-deadline{display:flex;align-items:center;gap:.35rem;overflow:hidden;color:#526781;font-size:.66rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.opp-deadline.urgent{color:#c24135}.opp-deadline.soon{color:#b7791f}.opp-deadline.expired{color:#8894a6}
.opp-buttons{display:flex;align-items:center;gap:.4rem}
.opp-details{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;flex:1;padding:.45rem .65rem;border-radius:9px;background:#1265df;color:#fff;font-size:.7rem;font-weight:750;white-space:nowrap;transition:background var(--t),transform var(--t)}
.opp-details:hover{background:#084db9;color:#fff;transform:translateY(-1px)}
.opp-save{width:36px;height:36px;flex:0 0 36px;border:1px solid #dce6f2;border-radius:9px;background:#fff;color:#687a91;cursor:pointer}
.opp-save:hover{border-color:#1265df;color:#1265df}
@media(max-width:1050px){.sba-opportunity-card{grid-template-columns:112px minmax(0,1fr);gap:.75rem}.opp-mark{width:112px;height:92px;border-radius:12px}.opp-action{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.opp-buttons{flex:0 0 auto}.opp-details{min-width:120px}}
@media(max-width:575px){.sba-opportunity-card{grid-template-columns:minmax(0,1fr);gap:.65rem;padding:.75rem;border-radius:13px}.opp-mark{grid-column:1;width:100%;height:clamp(145px,48vw,210px);border-radius:10px;font-size:1.5rem}.opp-content,.opp-action{grid-column:1}.opp-flag{font-size:1.6rem}.opp-title{font-size:.9rem}.opp-facts{gap:.2rem .6rem;font-size:.68rem}.opp-summary{font-size:.68rem}.opp-action{padding-top:.55rem;border-top:1px solid #e8eef6}.opp-details{min-height:40px}}

/* Grids */
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(max-width:1199px){.g4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.g4,.g3,.g2{grid-template-columns:1fr}}
@media(max-width:400px){.g4,.g3,.g2{grid-template-columns:1fr;gap:1rem}}

/* Responsive text */
.text-sm{font-size:.875rem}
.text-xs{font-size:.78rem}
.text-muted{color:var(--mu)}

/* Utility */
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}
.w-full{width:100%}

/* Touch targets — minimum 44px on mobile */
@media(max-width:767px){
  .btn{min-height:44px;padding:.7rem 1.1rem}
  .btn-sm{min-height:38px;padding:.45rem .75rem;font-size:.78rem}
  .inp,.sel{min-height:44px;font-size:16px}
  .card-title{font-size:.92rem}
  .sec-title{font-size:1.25rem}
  .page-hero-title{font-size:1.35rem}
  .card-foot{gap:.4rem}
  .card-foot .btn-sm{flex:1;justify-content:center}
}
.sba-ad-wrap{margin-top:1rem;margin-bottom:1rem}
.sba-ad-placement{display:block;min-height:0;padding:.55rem 0;color:#64748b;text-align:center;font:500 .68rem/1.3 Inter,Arial,sans-serif}
.sba-ad-placement>span{display:block;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.08em}
.sba-ad-placement ins{max-width:100%;overflow:hidden}

/* Category card */
.cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.35rem 1rem;background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);text-align:center;transition:all var(--t);cursor:pointer}
.cat-card:hover{border-color:var(--p);background:var(--pl);transform:translateY(-3px);box-shadow:var(--sh2)}
.cat-icon{width:52px;height:52px;border-radius:var(--r2);background:var(--pl);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:all var(--t)}
.cat-card:hover .cat-icon{background:var(--p);color:#fff}
.cat-name{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--s);line-height:1.3}
.cat-count{font-size:.7rem;color:var(--mu)}

/* Form */
.inp{width:100%;padding:.7rem 1rem;border:1.5px solid var(--br);border-radius:var(--r1);font-family:var(--fb);font-size:.875rem;color:var(--tx);background:var(--sur);outline:none;transition:border-color var(--t),box-shadow var(--t)}
.inp:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(18,101,223,.12)}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}
.lbl{display:block;font-size:.82rem;font-weight:600;color:var(--tx);margin-bottom:.4rem}

/* Pagination */
.pag{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:2rem;flex-wrap:wrap}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:var(--r1);border:1.5px solid var(--br);background:var(--sur);color:var(--tx);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t);text-decoration:none}
.pg:hover{border-color:var(--p);color:var(--p)}
.pg.active{background:var(--p);border-color:var(--p);color:#fff}
.pg.disabled{opacity:.4;pointer-events:none}

/* Empty state */
.empty{text-align:center;padding:3.5rem 1.5rem;background:var(--sur);border:1px solid var(--br);border-radius:var(--r3)}
.empty-icon{font-size:2.5rem;color:var(--br);margin-bottom:1rem}
.empty h3{font-family:var(--fh);font-size:1.2rem;color:var(--s);margin-bottom:.5rem}
.empty p{color:var(--mu);font-size:.9rem}

/* Skeleton */
.skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r1)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Scroll top */
.scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500;width:44px;height:44px;border-radius:var(--r1);background:var(--s);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;box-shadow:var(--sh2);opacity:0;transform:translateY(12px);pointer-events:none;transition:all var(--t)}
.scroll-top.vis{opacity:1;transform:translateY(0);pointer-events:auto}
.scroll-top:hover{background:var(--p);transform:translateY(-2px)}
@media(max-width:767px){.scroll-top{bottom:5.5rem;right:.75rem}}

/* Page hero — shared across pages */
.page-hero{background:linear-gradient(135deg,var(--s),#1a3a57);padding:2.5rem 0 2rem;color:#fff}
.page-hero-title{font-family:var(--fh);font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;color:#fff;margin:.5rem 0 .35rem;line-height:1.2}
.page-hero-sub{color:rgba(255,255,255,.65);font-size:.9rem}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.5);margin-bottom:.5rem;flex-wrap:wrap}
.breadcrumb a{color:rgba(255,255,255,.6)}
.breadcrumb a:hover{color:#fff}
.breadcrumb i{font-size:.55rem}

/* Sidebar widget — shared */
.sidebar-widget{background:var(--sur);border:1px solid var(--br);border-radius:var(--r3);padding:1.25rem;margin-bottom:1rem}
.sidebar-widget-title{font-family:var(--fh);font-size:.85rem;font-weight:700;color:var(--s);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--brl)}

/* Prose — shared rich text */
.prose{font-size:.9rem;line-height:1.8;color:var(--tx)}
.prose h2{font-family:var(--fh);font-size:1.2rem;font-weight:700;color:var(--s);margin:1.5rem 0 .6rem}
.prose h3{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--s);margin:1.25rem 0 .5rem}
.prose p{margin-bottom:.85rem}
.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:.85rem}
.prose li{margin-bottom:.35rem}
.prose a{color:var(--p);text-decoration:underline}
.prose strong{color:var(--s)}
.prose blockquote{border-left:4px solid var(--p);padding:.75rem 1rem;background:var(--pl);border-radius:0 var(--r1) var(--r1) 0;margin:1rem 0;font-style:italic;color:var(--s)}
.prose table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.85rem}
.prose th{background:var(--s);color:#fff;padding:.6rem .85rem;text-align:left;font-weight:600}
.prose td{padding:.55rem .85rem;border-bottom:1px solid var(--brl)}
.prose tr:hover td{background:var(--bg)}
@media(max-width:575px){.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Alert */
.alert{padding:.85rem 1.1rem;border-radius:var(--r1);font-size:.875rem;font-weight:500;display:flex;align-items:flex-start;gap:.65rem}
.alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.alert-inf{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.alert-war{background:#fffbeb;color:#92400e;border:1px solid #fde68a}

/* Sections */
.sec{padding:3.5rem 0}
.sec-sm{padding:2.5rem 0}

/* Focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--p);outline-offset:2px;border-radius:4px}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Print */
@media print{.navbar,.footer,.scroll-top,.bot-nav,.mob-nav{display:none!important}body{padding:0}}

/* ── Extra mobile polish ─────────────────────────────────── */
@media(max-width:767px){
  .sec{padding:2rem 0}
  .sec-sm{padding:1.5rem 0}
  .sec-title{font-size:1.25rem}
  .wrap{padding:0 .9rem}
  .card-body{padding:.85rem .9rem .9rem}
  .card-foot{padding:.6rem .9rem}
  .sec-head{flex-direction:column;align-items:flex-start;gap:.4rem}
  .sidebar-widget{padding:1rem}
  .prose h2{font-size:1.1rem}
  .prose h3{font-size:.95rem}
  .badge{font-size:.62rem;padding:.18rem .5rem}
}
@media(max-width:575px){
  .sec{padding:1.5rem 0}
  .wrap{padding:0 .85rem}
  .btn-lg{padding:.7rem 1.1rem;font-size:.875rem}
  .card{border-radius:var(--r2)}
  .pag{gap:.2rem}
  .pg{min-width:34px;height:34px;font-size:.75rem}
  .sec-title{font-size:1.15rem}
  .eyebrow{font-size:.65rem}
}
@media(max-width:400px){
  .wrap{padding:0 .75rem}
  .sec{padding:1.25rem 0}
  .btn{font-size:.8rem;padding:.6rem .9rem}
  .btn-lg{padding:.65rem .9rem;font-size:.8rem}
  .card-meta{font-size:.7rem}
}
/* Safe area for notched phones */
@supports(padding:max(0px)){
  .bot-nav{padding-bottom:max(env(safe-area-inset-bottom),0px)}
  .mob-sheet{padding-bottom:max(env(safe-area-inset-bottom),0px)}
}

/* Public-site visual refresh */
body{background:var(--bg);color:var(--tx)}
.wrap{max-width:1280px}
.sec{padding:4rem 0}
.sec-head{margin-bottom:1.75rem}
.sec-title{letter-spacing:-.04em}
.card,.cat-card,.filter-box,.sidebar-widget,.empty,.nl-box{
  border-color:rgba(23,43,77,.09);
  box-shadow:0 6px 24px rgba(16,45,85,.035)
}
.card{border-radius:var(--r3)}
.card:hover{box-shadow:var(--sh3)}
.cat-card{min-height:150px}
.inp,.sel{border-radius:12px}
.page-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#102d55 0%,#1265df 100%);
}
.page-hero::after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  top:-190px;
  right:8%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)
}
.page-hero .wrap{position:relative;z-index:1}
.footer{background:linear-gradient(140deg,#102d55,#173d70)}
.ft-brand-ico{border-radius:14px}
.ft-bot{border-color:rgba(255,255,255,.1)}
@media(max-width:767px){
  .sec{padding:2.5rem 0}
  .cat-card{min-height:126px}
}