:root{
--brand:#3A448A; /* heading colour */
--text:#000; /* normal font colour */
--muted:#6b7280;
--bg:#f7f7fb;
--card:#fff;
--ring:rgba(58,68,138,.15);
--chip-bg:rgba(58,68,138,.08);
--shadow:0 8px 24px rgba(0,0,0,.08);
--radius:18px;
}
html,body{height:100%}
body{margin:0;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.dya{font-family:Roboto,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial;color:var(--text)}
.dya .wrap{max-width:1200px;margin:auto;padding:28px 20px 60px}
.dya .eyebrow{display:inline-flex;gap:10px;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--brand);font-weight:600;font-size:.9rem;letter-spacing:.4px}
.dya h1{margin:8px 0 6px;font-size:clamp(28px,3.4vw,44px);line-height:1.08;color:var(--brand);letter-spacing:.3px}
.dya .lead{font-size:clamp(15px,1.6vw,18px);color:#1f2937;max-width:80ch;margin:0 0 14px}
.dya .grid{display:grid;gap:22px;margin-top:22px}
@media(min-width:720px){.dya .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1060px){.dya .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dya .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;transition:transform .24s ease,box-shadow .24s ease}
.dya .card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.dya .card__bar{height:6px;background:var(--brand);opacity:.9}
.dya .card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:14px}
.dya .card h2{margin:0;font-size:1.25rem;color:var(--brand);letter-spacing:.3px}
.dya .card p{margin:0;color:#111827}
.dya .list{display:grid;gap:8px;margin-top:4px}
.dya .li{display:flex;gap:10px;align-items:flex-start}
.dya .li svg{flex:0 0 auto;margin-top:2px}
.dya .chips{display:flex;flex-wrap:wrap;gap:8px}
.dya .chip{padding:8px 12px;border-radius:999px;border:1px solid var(--ring);background:var(--chip-bg);color:#222;font-weight:500;font-size:.9rem}
.dya .section{margin-top:32px}
.dya .section h3{color:var(--brand);font-size:1.1rem;margin:0 0 12px}
.dya .note{color:var(--muted);font-size:.95rem}
.dya .callouts{display:grid;gap:18px;margin-top:14px}
@media(min-width:820px){.dya .callouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dya .callout{background:var(--card);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.dya .callout h4{margin:0 0 10px;color:var(--brand)}


/* Print tweaks */
@media print{
body{background:#fff}
.dya .wrap{padding:0}
.dya .card,.dya .callout{break-inside:avoid}
}


/*heading color fix*/
.zpdark-header-portion.theme-header-topbar .zpcontainer .theme-branding-info .theme-site-name-caption .theme-site-name, .zpdark-header-portion.theme-header .zpcontainer .theme-branding-info .theme-site-name-caption .theme-site-name {
    color: white !important;
    font-weight: bold !important; 
}

/*nav color fix*/
.theme-menu-name {
  color: white ;
  font-weight: bold ;
}


/*twitter logo fix*/
.zpsocialprofile-container.zpsocialprofile-type-color.zpsocialprofile-style-none .zpsocialprofile-wrapper.zpsocialprofile-twitter .zpsocialprofile {
    fill: #ffffff;
}