/* Category hub pages (templates/hub.php): /digital-marketing-courses/ + noida, online, for-students, for-working-professionals, for-business-owners, and /ai-courses/; also /centres/noida/ (templates/centre.php). Light page; buyer questions use the part's light defaults. */
.hub{--gut:16px;--top:24px;--bot:64px;--sec:48px;--h1:40px;--h2:28px;--lead:17px;--gap:20px;--cg:12px;--pad:20px;--stat:26px;
  --muted:var(--ink-600);--line:rgba(11,26,51,.14);--line-soft:rgba(11,26,51,.07);
  max-width:1440px;margin:0 auto;padding:var(--top) var(--gut) var(--bot);display:flex;flex-direction:column;gap:var(--sec);color:var(--ink-900)}
.hub a,.hub a:hover{color:var(--orange-700)}
.hub h1,.hub h2,.hub h3,.hub p{margin:0}
.hub h2{font:400 var(--h2)/1.2 var(--font-sans);text-wrap:pretty}
.hub h1 strong,.hub h2 strong{font-weight:600}

/* Hero */
.hub-hero{display:flex;flex-direction:column;gap:16px;max-width:860px}
.hub-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 14px/1.3 var(--font-sans);color:var(--muted)}
.hub .hub-crumb a{color:var(--muted);text-decoration:none}
.hub-crumb [aria-current]{color:var(--ink-900)}
.hub-eyebrow{font:600 14px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-700)}
.hub h1{font:400 var(--h1)/1.1 var(--font-sans);letter-spacing:-.01em;text-wrap:balance}
.hub-lead{font:400 var(--lead)/1.6 var(--font-sans);color:var(--muted);text-wrap:pretty}
.hub-btns{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.hub-btn{flex:none;white-space:nowrap;height:48px;padding:0 20px;border-radius:12px;font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.hub .hub-btn--solid{background:var(--navy-900);color:var(--cream-100)}
.hub .hub-btn--line{border:1px solid var(--line);color:var(--ink-900)}

/* Shared blocks */
.hub-sec{display:flex;flex-direction:column;gap:16px;min-width:0}
.hub-sec--tight{gap:12px}
.hub-p{font:400 15px/1.6 var(--font-sans);color:var(--muted)}
.hub-note{font:400 15px/1.5 var(--font-sans);color:var(--muted)}
.hub .hub-more{align-self:flex-start;display:flex;align-items:center;gap:8px;font:600 14px/1 var(--font-sans);text-decoration:none}
.hub-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
.hub-split--top{align-items:start}
.hub-three{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cg)}
.hub-ph{position:relative;overflow:hidden;background:var(--navy-900);display:grid;place-items:center}
.hub-ph::after{content:attr(data-ph);font:500 14px/1.3 var(--font-sans);color:rgba(253,243,232,.4);text-align:center;padding:8px}

/* Tables */
.hub-table{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.hub-table table{width:100%;min-width:520px;border-collapse:collapse;font:400 15px/1.4 var(--font-sans)}
.hub-table thead tr{background:var(--navy-900)}
.hub-table thead th{text-align:left;padding:12px 16px;font:600 14px/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--cream-100)}
.hub-table td,.hub-table tbody th{text-align:left;padding:12px 16px;border-top:1px solid var(--line-soft);vertical-align:top}
.hub-table b{font-weight:600}
.hub-table--fmt{min-width:420px}
.hub-table--fmt tbody th{font-weight:400;color:var(--muted)}
.hub-table--fmt td:last-child{color:var(--muted)}
.hub-table--progs{border-radius:20px}
.hub-table--progs table{min-width:760px;line-height:1.45}
.hub-table--progs thead th,.hub-table--progs td,.hub-table--progs tbody th{padding:16px 16px}
.hub-table--progs tbody th{font-weight:600}
.hub .hub-table--progs tbody th a{color:var(--ink-900);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.hub-table--progs .is-pick{background:rgba(239,127,56,.12)}
.hub-muted{color:var(--muted)}
.hub .hub-view{white-space:nowrap;font:600 14px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}

/* Noida */
.hub-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.hub-photos .hub-ph{aspect-ratio:4/3;border-radius:12px}
.hub-photos .hub-ph:first-child{grid-column:1 / -1;aspect-ratio:16/9;border-radius:20px}
.hub-photos img.hub-ph{width:100%;height:auto;object-fit:cover}
.hub-panel{display:flex;flex-direction:column;gap:16px;padding:var(--pad);border-radius:20px;background:var(--cream-200);min-width:0}
.hub-panel p{font:400 15px/1.6 var(--font-sans);color:var(--muted)}
.hub .hub-map{flex:1;min-height:200px;border-radius:12px;background:var(--navy-900);text-decoration:none}

/* Online */
.hub-demo{display:flex;flex-direction:column;gap:12px;min-width:0}
.hub-demo .hub-ph{aspect-ratio:16/9;border-radius:20px}
.hub-demo span{font:400 15px/1.5 var(--font-sans);color:var(--muted)}

/* Cards (online info, founder problems, routes) */
.hub-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:var(--pad);border-radius:20px;text-decoration:none}
.hub-card h3{font:600 18px/1.3 var(--font-sans)}
.hub-card p{font:400 15px/1.55 var(--font-sans);opacity:.9}
.hub-card b{font:600 18px/1.3 var(--font-sans)}
.hub-card > span{font:400 15px/1.5 var(--font-sans);opacity:.88}
.hub-card--line{border:1px solid var(--line)}
.hub-card--line h3{font-size:17px}
.hub-card--line p{opacity:1;color:var(--muted)}
.hub .hub-card--blue{background:var(--cobalt-600);color:var(--cream-100)}
.hub .hub-card--azure{background:var(--azure-600);color:var(--cream-100)}
.hub .hub-card--orange{background:var(--orange-500);color:var(--ink-900)}
.hub .hub-card--rust{background:var(--orange-700);color:var(--cream-100)}

/* Founders */
.hub-rec{display:flex;flex-direction:column;gap:12px;padding:var(--pad);border-radius:20px;background:var(--cream-200);color:var(--ink-900);min-width:0}
.hub-rec .hub-eyebrow{color:var(--orange-700)}
.hub .hub-rec h2{font:600 26px/1.25 var(--font-sans)}
.hub-rec p{font:400 15px/1.6 var(--font-sans);color:var(--ink-600)}
.hub .hub-rec .hub-more{color:var(--orange-700)}
.hub-mods{display:flex;flex-direction:column;gap:12px;min-width:0}
.hub-mods ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hub-mods li{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.hub-mods li .icon{color:var(--orange-700);margin-top:4px}
.hub-mods li span{display:flex;flex-direction:column;gap:4px;font:400 15px/1.5 var(--font-sans);color:var(--muted)}
.hub-mods li b{font:600 15px/1.3 var(--font-sans);color:var(--ink-900)}
.hub-case{min-width:0;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--cream-200)}
.hub-case .hub-ph{aspect-ratio:16/10;background:#05449A}
.hub-case > div:last-child{padding:20px;display:flex;flex-direction:column;gap:8px;font:400 15px/1.5 var(--font-sans);color:var(--muted)}
.hub-case b{font:600 16px/1.3 var(--font-sans);color:var(--ink-900)}

/* Hub: placement numbers */
.hub-outcomes{align-items:center;padding:var(--pad);border-radius:20px;background:var(--cream-200)}
.hub-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-stats div{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--cream-200);min-width:0}
.hub-stats b{font:600 var(--stat)/1 var(--font-sans);color:var(--orange-700);overflow-wrap:anywhere}
.hub-stats span{font:400 14px/1.3 var(--font-sans);color:var(--muted)}

/* Trainers, reviews */
.hub-trainers{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cg)}
.hub .hub-trainer{min-width:0;display:flex;gap:16px;align-items:center;padding:16px;border-radius:20px;border:1px solid var(--line);color:var(--ink-900);text-decoration:none}
.hub .hub-trainer:hover{border-color:rgba(11,26,51,.24);color:var(--ink-900)}
.hub-trainer .hub-ph{flex:none;width:72px;height:72px;border-radius:12px}
.hub-trainer > span{display:flex;flex-direction:column;gap:4px;min-width:0;font:400 14px/1.3 var(--font-sans);color:var(--muted)}
.hub-trainer b{font:600 17px/1.25 var(--font-sans);color:var(--ink-900)}
.hub-trainer em{font:600 14px/1 var(--font-sans);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--orange-700);padding-top:4px}
.hub-review{margin:0;min-width:0;display:flex;flex-direction:column;gap:16px;padding:var(--pad);border-radius:20px;background:var(--cream-200);color:var(--ink-900)}
.hub-review blockquote{margin:0;font:400 15px/1.6 var(--font-sans);text-wrap:pretty}
.hub-review figcaption{margin-top:auto;display:flex;flex-direction:column;gap:4px;font:400 14px/1.3 var(--font-sans);color:var(--ink-600)}
.hub-review b{font:600 15px/1.2 var(--font-sans);color:var(--ink-900)}

/* Counselling CTA */
.hub-cta{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;padding:var(--pad);border-radius:20px;background:var(--orange-500);color:var(--ink-900)}
.hub-cta > div{display:flex;flex-direction:column;gap:8px;font:400 15px/1.5 var(--font-sans)}
.hub-cta__h{font:400 var(--h2)/1.2 var(--font-sans)}
.hub-cta__h strong{font-weight:600}
.hub .hub-cta .hub-btn{background:var(--navy-900);color:var(--cream-100)}

@media (min-width:768px){
  .hub{--gut:32px;--top:48px;--bot:80px;--sec:64px;--h1:56px;--h2:36px;--lead:18px;--gap:32px;--cg:16px;--pad:24px;--stat:30px}
  .hub-btns{flex-direction:row}
  .hub-three,.hub-trainers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-cta{flex-direction:row;align-items:center}
}
@media (min-width:1280px){
  .hub{--gut:80px;--top:64px;--bot:96px;--sec:96px;--h1:72px;--h2:44px;--lead:20px;--gap:48px;--cg:16px;--pad:32px;--stat:36px}
  .hub-split{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-three{grid-template-columns:repeat(3,minmax(0,1fr))}
}