/* ============================================================
   PMA Global Credit Forecast Service — page-specific styles
   Loaded after css/main.css on our-services/globalcredit/.
   Shared site elements (header, nav, title-block, intro-text,
   buttons, footer) use the site-wide rules in main.css — this
   file holds only what is unique to this page: the coverage,
   deliverables, benefits, support and CTA-note sections.
   ============================================================ */
:root{
  --mag:#DA0095;
  --ink:#333;
  --body:#555;
  --grey:#7d7d7d;
  --line:#ddd;
  --band:#eee;
}

/* Scoped to this page's own content sections (class "band") only —
   never bare "body"/"p", which would also restyle the shared
   header, footer and buttons that main.css already controls. */
.band{color:var(--body);font-size:18px;line-height:27px;}
.band p{margin:0 0 18px;}
.band p:last-child{margin-bottom:0;}

/* ---------- kicker / pull quote ---------- */
.kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
        color:var(--ink);margin:0 0 14px;}
.kicker::after{content:"";display:block;width:40px;height:2px;background:var(--mag);margin-top:10px;}
.centre .kicker::after{margin-left:auto;margin-right:auto;}

.pull{border-left:3px solid var(--mag);padding:4px 0 4px 22px;margin:0 0 26px;
      font-size:20px;line-height:30px;color:var(--mag);font-weight:300;}

/* ---------- page section bands ---------- */
section.band{padding:50px 0 60px;}
section.band.grey{background:var(--band);}
.sec-head{max-width:820px;margin:0 0 36px;}
.sec-head.wide{max-width:none;}
.sec-head.centre{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head p{margin-top:14px;}

/* ---------- coverage ---------- */
.cover{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cover-card{background:#fff;border:1px solid var(--line);padding:26px 26px 22px;}
.cover-card h3{font-size:24px;font-weight:300;color:var(--mag);margin:0 0 14px;}
.cover-card ul{list-style:none;margin:0;padding:0;}
.cover-card li{padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:21px;color:var(--ink);}
.cover-card li:last-child{border-bottom:0;}
.cover-card .cintro{font-size:14px;line-height:21px;color:var(--body);margin:-6px 0 10px;}
.cover-card ul.two{columns:2;column-gap:26px;}
.cover-card ul.two li{break-inside:avoid;}

/* ---------- deliverable cards ---------- */
.card{background:#fff;border:1px solid #e2e2e8;padding:26px 24px;}
.card h3{font-size:20px;font-weight:400;color:var(--mag);margin:0 0 10px;line-height:1.35;}
.card p{font-size:16px;line-height:25px;color:var(--body);}
.card ul{list-style:none;margin:14px 0 0;padding:0;}
.card li{position:relative;padding:0 0 10px 20px;font-size:14px;line-height:21px;color:var(--ink);
         font-weight:700;}
.card li:last-child{padding-bottom:0;}
.card li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:2px;background:var(--mag);}
.card li em{font-style:italic;font-weight:400;color:var(--body);}
.card.wide{grid-column:1/-1;}
.card.wide .cols{columns:2;column-gap:36px;}
.card.wide .cols ul{margin-top:0;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* tier 1 — group heading */
.grpwrap{margin:0 0 54px;}
.grpwrap:last-child{margin-bottom:0;}
.grp{margin:0;padding:0 0 12px;font-size:15px;font-weight:700;letter-spacing:.14em;
     text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--mag);}

/* tier 2 — the cards, indented under the group heading */
.gbody{background:var(--band);padding:28px;}
.card.split{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;}
.card.split .shot{border:1px solid var(--line);max-width:340px;margin:0 0 0 auto;}
.card.split .shot img{width:100%;}

/* ---------- chart feature ---------- */
.chart-box{background:#fff;border:1px solid var(--line);padding:16px 16px 12px;}
.chart-box .cap{margin:12px 2px 0;font-size:13px;line-height:20px;color:var(--grey);}

/* tier 3 — sample-output insert, set into the group */
.insert{padding:24px 0 0;}
.insert .ilabel{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
                color:var(--grey);margin:0 0 8px;}
.insert .ititle{font-size:16.5px;font-weight:400;color:var(--body);margin:0 0 16px;line-height:1.4;}
.insert .ititle b{font-weight:600;color:#28282f;}
.insert .chart-box{border:0;background:#fff;padding:14px 14px 10px;}
.insert .chart-box .cap{margin-top:12px;}
.insert .idesc{margin-top:22px;}
.insert .idesc p{font-size:16px;line-height:25px;color:var(--body);}
.chart-box.full{margin:0 0 28px;}
.chart-box.full img{width:100%;}

/* ---------- benefits ---------- */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
          border:1px solid var(--line);}
.benefit{background:#fff;padding:26px 26px 24px;}
.benefit b{display:block;font-weight:300;font-size:20px;color:var(--mag);margin-bottom:8px;line-height:1.3;}
.benefit span{display:block;font-size:14px;line-height:21px;color:var(--ink);}

/* ---------- who it's for tags ---------- */
.who-for{margin-top:40px;}
.tags{display:flex;flex-wrap:wrap;gap:10px;}
.tag{border:1px solid var(--line);padding:10px 18px;font-size:12px;font-weight:700;
     letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;}

/* ---------- support ---------- */
.support{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .cover,.card.split,.grid3,.support{grid-template-columns:1fr;gap:26px;}
  .gbody{padding:20px;}
  .insert{padding:18px 0 0;}
  .card.wide .cols{columns:1;}
  .benefits{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .cover-card h3,.card h3{font-size:21px;}
  section.band{padding:40px 0 44px;}
  .benefits{grid-template-columns:1fr;}
}