/* Investor Support page: square slate tags, consistent controls and image-led sections. */

/* Tighter section rhythm */
.inv-hub > section:not(.inv-hero):not(.inv-photo-band){padding-top:36px;padding-bottom:36px}
.inv-hub .inv-band > .wrap,.inv-hub #who > .wrap{padding:40px!important}

/* Hero: copy and consultation image parallel, facts along the bottom */
.inv-hero-grid > .bt-start{grid-column:auto;align-self:stretch;height:100%;min-height:100%}
.inv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}

/* Anchor jumps clear the sticky header and subnav */
.inv-hub section[id]{scroll-margin-top:140px}

/* Tag system */
.inv-hub .is-tag{display:inline-flex;align-items:center;gap:7px;background:#F4F5F7;color:#15191E;padding:5px 8px;border:0;border-radius:0;font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}
.inv-hub .is-tag .dot{width:6px;height:6px;background:#15191E;border-radius:0;box-shadow:none;animation:none}
.inv-hub .sec-eyebrow{display:inline-block;background:#F4F5F7;padding:5px 8px;font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;color:#15191E;margin-bottom:14px}

/* Buttons and tabs */
.inv-hub .pill,.inv-hub .btn{border-radius:0!important;box-shadow:none!important;font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:13px 16px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.inv-hub .pill:hover,.inv-hub .btn:hover{transform:none;box-shadow:none}
.inv-hub .pill-sm{padding:10px 14px}
.inv-hub .pill-teal,.inv-hub .btn.primary{background:#15191E;color:#fff;border:1px solid #15191E}
.inv-hub .pill-teal:hover,.inv-hub .btn.primary:hover{background:#2B2F36;color:#fff}
.inv-hub .pill-soft,.inv-hub .btn.secondary{background:#fff;color:#15191E;border:1px solid #C9CDD2}
.inv-hub .pill-soft:hover,.inv-hub .btn.secondary:hover{border-color:#15191E;color:#15191E}
.inv-hub .pill-white{background:#fff;color:#15191E;border:1px solid #C9CDD2}

.inv-hub .inv-subnav{top:80px;padding:10px 0 0}
.inv-hub .inv-subnav .wrap{width:100%;max-width:100%;background:rgba(255,255,255,.97);border:1px solid #E4E7EB;border-radius:0;box-shadow:none;padding:0;gap:0}
.inv-hub .inv-subnav a:not(.pill){font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#646E78;padding:14px 12px;border-radius:0}
.inv-hub .inv-subnav a:not(.pill):hover{background:#F4F5F7;color:#15191E}
.inv-hub .inv-subnav .pill{margin-left:auto;border-radius:0;padding:12px 16px}

/* Hero image tile */
.inv-hub .bt-start{background:linear-gradient(180deg,rgba(17,38,63,.08) 0%,rgba(17,38,63,.88) 100%),url('/assets/img/projects-islamabad.jpg') center/cover no-repeat!important;color:#fff!important;min-height:280px;justify-content:flex-end;border:0!important;border-radius:0!important}
.inv-hub .bt-start .bt-tag{color:#15191E;background:#fff;padding:5px 8px;align-self:flex-start;border-radius:0}
.inv-hub .bt-start h2{color:#fff!important;margin-top:10px}
.inv-hub .bt-start p{color:#E8EBEF!important}
.inv-hub .bt-start .pill{background:#fff!important;color:#15191E!important;border-color:#fff!important}

/* Service cards */
.inv-hub .svc-card{border-radius:0!important}
.inv-hub .svc-card .num{width:34px;height:34px;border-radius:0;background:#fff;color:#15191E;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;border:1px solid #E4E7EB}
.inv-hub .svc-card::after{width:34px;height:34px;border-radius:0;background:#fff;border:1px solid #D2D2CC;color:#15191E;font-size:.95rem}
.inv-hub a.svc-card:hover::after{background:#15191E;color:#fff;transform:none}

/* News imagery */
.inv-hub .inv-news-card{border-radius:0!important}
.inv-hub .inv-news-card .art{padding:0;min-height:200px;border-radius:0;background:#E9ECF0}
.inv-hub .inv-news-card .art::after{display:none}
.inv-hub .inv-news-card .art img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .5s ease}
.inv-hub .inv-news-card:hover .art img{transform:scale(1.03)}
.inv-hub .inv-news-card .art-c{padding:26px 22px;min-height:200px}
.inv-hub .inv-news-card .t{display:inline-block!important;background:#F4F5F7!important;color:#15191E!important;padding:5px 8px!important;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;width:fit-content;border-radius:0!important}

/* Guide cards */
.is-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.is-guide-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E4E7EB;text-decoration:none;transition:border-color .15s ease}
.is-guide-card:hover{border-color:#15191E}
.is-guide-media{display:block;overflow:hidden;background:#E9ECF0}
.is-guide-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.is-guide-card:hover .is-guide-media img{transform:scale(1.03)}
.is-guide-body{display:flex;flex-direction:column;padding:20px 22px}
.is-guide-body .is-tag{align-self:flex-start}
.is-guide-body strong{font-family:var(--serif);font-weight:500;font-size:1.12rem;line-height:1.3;color:#15191E;margin:10px 0 8px}
.is-guide-body em{margin-top:14px;font-family:var(--mono);font-style:normal;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#15191E}

/* Institution cards */
.is-inst-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.is-inst-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E4E7EB;padding:20px;text-decoration:none;min-height:270px;transition:border-color .15s ease}
.is-inst-card:hover{border-color:#15191E}
.is-inst-media{height:92px;display:flex;align-items:center;justify-content:center;background:#F4F5F7;margin-bottom:16px;overflow:hidden}
.is-inst-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:8px}
.is-inst-media img.is-photo{width:100%;height:100%;object-fit:cover;padding:0}
.is-inst-word{font-family:var(--mono);font-size:.62rem;line-height:1.6;letter-spacing:.06em;text-align:center;color:#15191E;text-transform:uppercase}
.is-inst-card h3{font-family:var(--serif);font-weight:500;font-size:1rem;line-height:1.3;color:#15191E;margin:0 0 6px}
.is-inst-card p{font-family:var(--sans);font-size:.8rem;line-height:1.55;color:#646E78;margin:0 0 14px;flex:1}
.is-inst-card em{font-family:var(--mono);font-style:normal;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#15191E;margin-top:auto}
.is-inst-all{background:#15191E;border-color:#15191E}
.is-inst-all h3,.is-inst-all p,.is-inst-all em{color:#fff}
.is-inst-all .is-inst-media{background:transparent;border:1px solid rgba(255,255,255,.2)}
.is-inst-allmedia{font-family:var(--mono);font-size:1.5rem;color:#fff}

/* Journey numbers and resource tags */
.inv-hub .svc-steps li{border-radius:0!important}
.inv-hub .svc-steps li::before{width:34px;height:34px;border-radius:0;background:#fff;color:#15191E;border:1px solid #E4E7EB;box-shadow:none;font-size:.62rem;letter-spacing:.06em;margin-bottom:14px}
.inv-hub .svc-steps li:hover{background:#F4F5F7;transform:none}
.inv-hub .inv-tool .t{background:#fff!important;color:#15191E!important;border:1px solid #E4E7EB;border-radius:0!important;padding:5px 8px!important;font-size:.6rem;letter-spacing:.08em}

/* Square the remaining cards on this page */
.inv-hub .inv-tool,.inv-hub .svc-clients>div,.inv-hub .inv-dosdonts>div,.inv-hub .faq details{border-radius:0!important}

/* Client types: two by two, no empty third column */
.inv-hub .svc-clients{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Language switch as a square tag on this page */
/* Also for investors cards */
.inv-hub .svc-related a{border-radius:0!important}
.inv-hub .svc-related .t{display:inline-block;background:#fff;color:#15191E;border:1px solid #E4E7EB;padding:5px 8px;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}

/* Provincial map panel */
.is-province-map{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;background:#F4F5F7;padding:24px;margin-top:24px}
.is-province-map-figure img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
.is-province-map-copy h3{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.25;color:#15191E;margin:12px 0 8px}
.is-province-map-copy p{font-family:var(--sans);font-size:.9rem;line-height:1.6;color:#3A434C;margin:0 0 14px}
.is-province-map-copy .more{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#15191E}

/* All institutions strip */
.is-inst-all{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:72px 1fr auto;align-items:center;column-gap:18px}
.is-inst-all .is-inst-media{width:72px;height:60px;margin:0;grid-row:1/3;border:1px solid rgba(255,255,255,.2);background:transparent}
.is-inst-all h3{grid-column:2;grid-row:1;margin:0}
.is-inst-all p{grid-column:2;grid-row:2;margin:2px 0 0;flex:none}
.is-inst-all em{grid-column:3;grid-row:1/3;margin:0}

/* Provincial map card and regulator marks */
.is-inst-card.is-regulators .is-inst-media{height:150px;background:#fff;padding:8px;overflow:hidden}
.is-reg-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;width:100%;height:100%;min-height:0}
.is-reg-grid img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:2px;min-height:0}
.is-reg-grid img[src*="pta-logo"]{filter:invert(1)}
.is-reg-grid img[src*="ogra-logo"]{filter:brightness(.6) contrast(1.3)}
.is-reg-word{display:flex;align-items:center;justify-content:center;background:#F4F5F7;font-family:var(--serif);font-size:.95rem;color:#15191E}

/* SBP mark in the news card */
.inv-news-card .art.is-logo{display:flex;align-items:center;justify-content:center;background:#F4F5F7;padding:28px}
.inv-news-card .art.is-logo img{width:auto;height:auto;max-width:65%;max-height:65%;object-fit:contain;transform:none}
.inv-news-card:hover .art.is-logo img{transform:none}

/* Four news cards, two by two */
.inv-news{grid-template-columns:repeat(2,minmax(0,1fr))}
.inv-news .art img{height:220px}
@media (max-width:760px){.inv-news{grid-template-columns:1fr}}

/* Closing CTA */
.inv-hub .quote-band{border-radius:0!important;background:linear-gradient(110deg,rgba(17,38,63,.94),rgba(17,38,63,.55)),url('/assets/img/opinion/islamabad-aerial-city.jpg') center/cover no-repeat!important;color:#fff}
html body main.inv-hub .quote-band h2,
html body main.inv-hub .quote-band div h2{color:#fff!important}
html body main.inv-hub .quote-band .qb-alt,
html body main.inv-hub .quote-band .qb-alt a{color:#fff!important}
.inv-hub .quote-band p{color:#E8EBEF!important}
.inv-hub .quote-band .btn.primary{background:#fff!important;color:#15191E!important;border-color:#fff!important}
.inv-hub .quote-band .btn.secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.inv-hub .quote-band .qb-alt a{color:#fff!important}

@media (max-width:1080px){
  .is-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-inst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-province-map{grid-template-columns:1fr;gap:18px}
  .inv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .is-guide-grid,.is-inst-grid{grid-template-columns:1fr}
  .is-inst-all{grid-column:auto;grid-template-columns:60px 1fr;row-gap:2px}
  .is-inst-all .is-inst-media{width:60px;height:52px;grid-row:1/3}
  .is-inst-all em{grid-column:2;grid-row:3}
  .inv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv-facts .bt{padding:16px 14px}
  .inv-hub .svc-clients{grid-template-columns:1fr}
  .inv-hub .bt-start{min-height:230px}
}