/* International Excellence Group: Published Works. Brand tokens and shared components. */
:root{
  --navy:#133F63; --gold:#CA9C36; --blush:#F4DCD6; --sand:#C3A582;
  --ink:#1A1A1A; --paper:#FFFFFF; --mist:#F7F8FA; --line:#E6E9EF;
  --maxw:1320px; --gutter:24px; --rhythm:56px; --radius:10px;
  --shadow:0 12px 28px rgba(19,63,99,.12);
  --sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --body-ink:#183E62;   /* live site body colour */
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body-ink);font-family:var(--sans);
  font-size:17.5px;line-height:1.5;-webkit-font-smoothing:antialiased}   /* a notch above the 16.5px on intlexcelgroup.com, at the client's request */
img{max-width:100%;display:block}
h1,h2,h3,h4{color:var(--navy);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(28px,3.4vw,44px);font-weight:900}
h3{font-size:22px;font-weight:800}
p{margin:0 0 1em;max-width:74ch}
a{color:var(--navy)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
section{padding:var(--rhythm) 0}
.band-mist{background:var(--mist)} .band-navy{background:var(--navy);color:#fff}
.band-navy h2,.band-navy h3{color:#fff}
.band-blush{background:var(--blush)}
.rule-gold{width:60px;height:3px;background:var(--gold);border:0;margin:20px 0 0}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700}
.crumb{font-size:16.5px;color:var(--navy);padding:22px 0 0}
.crumb a{text-decoration:none} .crumb span{color:var(--gold);margin:0 8px}
/* the way back to the hub, and across to the sister page, above the page title */
.crumb-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;padding:0 0 14px}
.crumb-row .crumb{padding:0}
.crumb .current{color:var(--body-ink)}
.crumb a:hover,.crumb-also a:hover{text-decoration:underline}
.crumb-also{font-size:16.5px;margin:0;max-width:none}
.crumb-also a{font-weight:700;text-decoration:none}
/* buttons */
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;text-transform:uppercase;
  font-weight:700;letter-spacing:.05em;font-size:14px;padding:16px 28px;border-radius:6px;border:0;
  cursor:pointer;transition:background .15s ease,color .15s ease}
.btn:hover{background:var(--gold);color:var(--navy)}
.btn-gold{background:var(--gold);color:var(--navy)} .btn-gold:hover{background:#fff}
.btn-block{display:block;width:100%;text-align:center}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.pill-soon{display:inline-block;border:1.5px solid rgba(19,63,99,.45);color:rgba(19,63,99,.6);
  text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:14px;padding:15px 28px;
  border-radius:6px;background:transparent;cursor:default}
.linky{display:inline-block;margin-top:12px;font-size:16px;color:var(--gold);text-decoration:underline}
/* cards */
.grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;
  display:flex;flex-direction:column;position:relative;transition:transform .15s ease,box-shadow .15s ease}
.card::before{content:"";position:absolute;inset:0 0 auto;height:0;background:var(--gold);
  border-radius:var(--radius) var(--radius) 0 0;transition:height .15s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card:hover::before{height:3px}
.card .cta{margin-top:auto}
.meta{font-size:15.5px;color:#5b6673;letter-spacing:.02em}
/* emblems */
.emblem{width:240px;height:240px;margin:0 auto 24px}
.emblem img{width:100%;height:100%}
.emblem-muted{opacity:1}
/* trust band */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}
.trust div{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.trust svg{flex:0 0 22px;color:var(--gold)}
@media (max-width:900px){
  :root{--rhythm:48px}
  body{font-size:17px}
  .grid,.grid-2,.trust{grid-template-columns:1fr}
  .emblem{width:180px;height:180px}
}
@media (min-width:901px) and (max-width:1100px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:640px) and (max-width:900px){ .grid{grid-template-columns:repeat(2,1fr)} }  /* tablets: two cards a row */

/* ---- site chrome, matched to intlexcelgroup.com ---- */
.ieg-header{border-bottom:1px solid var(--line);background:#fff}
.ieg-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:10px}
.ieg-header img{height:52px;width:auto}
.ieg-nav{display:flex;gap:28px;flex-wrap:wrap}
.ieg-nav{gap:44px}
.ieg-nav a{font-size:16.5px;font-weight:900;text-transform:uppercase;text-decoration:none;color:#0C407A}
.ieg-nav a:hover,.ieg-nav a[aria-current]{color:#CA9B35}
/* page title: big navy on white, as on the current site */
.page-band{background:#fff;padding:40px 0 8px}
.page-band h1{color:var(--navy);margin:0;font-weight:800}
/* Footer: copied from intlexcelgroup.com */
.ieg-footer{background:#EFE7DA;margin-top:56px;padding:48px 0 0;color:#000;font-size:16px;line-height:24px}
.ft-grid{display:grid;grid-template-columns:4fr 3fr 2.5fr 2.5fr;gap:24px;align-items:start}
.ft-logo{display:inline-block;text-decoration:none}
.ft-logo img{display:block;width:110px;height:auto}
.ft-logo span{display:block;margin-top:14px;color:#14183E;font-size:16px;font-weight:500;line-height:19.2px}
.ft-brand p{margin:22px 0 0;color:#000}
.ft-col{padding-top:48px}
.ft-links a,.ft-col>a{display:block;color:#000;text-decoration:none;margin-bottom:14px}
.ieg-footer a:hover{color:#CA9B35}
.ft-head{display:block;color:#183E62;font-size:20px;font-weight:700;margin-bottom:14px}
.ft-social{display:flex;gap:10px}
.ft-social img{width:36px;height:36px;display:block}
.ft-ig{display:block;margin-top:10px;font-weight:700;color:#183E62!important;text-decoration:underline;text-underline-offset:3px}
.ft-copy{padding:28px 0 28px}
.ft-copy a{color:#000;text-decoration:none}
.wa-float{position:fixed;right:20px;bottom:96px;width:60px;height:60px;border-radius:50%;background:#25D366;
  display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:900}
.to-top{position:fixed;right:24px;bottom:28px;width:48px;height:48px;border-radius:50%;background:#183E62;color:#fff;
  display:grid;place-items:center;z-index:900}
.to-top:hover{background:#CA9B35;color:#fff}
/* on phones the journals page keeps a "Browse all journals" bar at the foot: lift the floats above it */
@media (max-width:900px){
  .wa-float{width:52px;height:52px;right:14px;bottom:150px}
  .wa-float img{width:30px;height:30px}
  .to-top{width:42px;height:42px;right:16px;bottom:92px}
}
@media (max-width:900px){ .ft-grid{grid-template-columns:1fr 1fr} .ft-col{padding-top:8px} .ieg-header .wrap{flex-wrap:wrap} }
@media (max-width:560px){ .ft-grid{grid-template-columns:1fr} }

button.btn{border:0;cursor:pointer;font-family:var(--sans)}