/* ============================================================
   CREDIBLED DPA PAGE - Custom CSS
   Paste into: Page Settings > Advanced > Custom CSS/JS > Custom CSS (Jupiter X).
   No <style> tags - paste the rules exactly as they are below.
   Matches the Trust page system; scoped under .cred-dpa so it won't
   affect the rest of the theme. The markup goes in HTML containers.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
body{margin:0;background:#fff;}

.cred-dpa{
  --cd-indigo:#250C77; --cd-indigo-900:#190A5A; --cd-indigo-50:#F5F4FA; --cd-indigo-100:#ECEAF3;
  --cd-orange:#EE642B; --cd-orange-600:#D85220; --cd-orange-700:#C23C0A; --cd-orange-50:#FEF7F4; --cd-orange-200:#FAC9AE;
  --cd-cream:#EEEEE0;
  --cd-ink-50:#F7F7F5; --cd-ink-100:#EFEFED; --cd-line:#E5E5E5; --cd-ink-200:#D5D5D5;
  --cd-ink-400:#888888; --cd-ink-500:#666666; --cd-ink-600:#404040; --cd-ink-700:#2A2A2A;
  --cd-blue-50:#E7F3FD; --cd-blue-600:#0F7AC4;
  --cd-shadow-sm:0 1px 2px rgba(15,10,40,.05), 0 4px 14px rgba(15,10,40,.05);
  --cd-shadow-xs:0 1px 2px rgba(15,10,40,.05);
  --cd-shadow-md:0 2px 6px rgba(15,10,40,.07), 0 12px 30px rgba(15,10,40,.08);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--cd-ink-600); line-height:1.6; background:#fff;
  -webkit-font-smoothing:antialiased;
}
.cred-dpa *{box-sizing:border-box;}
.cred-dpa .cd-wrap{max-width:1160px;margin:0 auto;padding:0 32px;}

/* hero */
.cred-dpa .cd-hero{position:relative;overflow:hidden;background:linear-gradient(170deg,#fff 0%,var(--cd-indigo-50) 100%);border-bottom:1px solid var(--cd-line);}
.cred-dpa .cd-hero-seal{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:440px;height:440px;opacity:.05;color:var(--cd-indigo);pointer-events:none;}
.cred-dpa .cd-hero-in{position:relative;z-index:2;padding:72px 32px 64px;max-width:1160px;margin:0 auto;}
.cred-dpa .cd-hero-col{max-width:760px;}
.cred-dpa .cd-eyebrow{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--cd-orange-50);border:1px solid var(--cd-orange-200);border-radius:999px;padding:6px 14px;margin-bottom:24px;font:600 11px/1 "Inter",sans-serif;color:var(--cd-orange-700);letter-spacing:.08em;text-transform:uppercase;}
.cred-dpa h1.cd-h1{font-family:"Inter Tight","Inter",sans-serif;font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.03em;color:var(--cd-indigo);margin:0 0 20px;text-wrap:balance;}
.cred-dpa h1.cd-h1 span{color:var(--cd-orange);}
.cred-dpa .cd-lede{font-size:19px;line-height:1.6;color:var(--cd-ink-600);max-width:680px;margin:0 0 34px;}
.cred-dpa .cd-chips{display:flex;flex-wrap:wrap;gap:10px 12px;}
.cred-dpa .cd-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid var(--cd-line);border-radius:999px;padding:8px 15px;font:500 13px/1 "Inter",sans-serif;color:var(--cd-ink-600);box-shadow:var(--cd-shadow-xs);}
.cred-dpa .cd-chip svg{color:var(--cd-orange);flex:none;}

/* layout */
.cred-dpa .cd-body{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:56px 0 80px;align-items:start;}

/* document card */
.cred-dpa .cd-card{background:#fff;border:1px solid var(--cd-line);border-radius:14px;box-shadow:var(--cd-shadow-sm);padding:44px 48px;}
.cred-dpa .cd-preamble{border-bottom:1px solid var(--cd-ink-100);padding-bottom:22px;margin-bottom:8px;}
.cred-dpa .cd-preamble p{font-size:15px;color:var(--cd-ink-600);}
.cred-dpa .cd-card h2.cd-h2{font-family:"Inter Tight","Inter",sans-serif;font-weight:700;font-size:22px;line-height:1.25;letter-spacing:-.02em;color:var(--cd-indigo);margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--cd-orange);scroll-margin-top:24px;}
.cred-dpa .cd-card h3.cd-h3{font-family:"Inter Tight","Inter",sans-serif;font-weight:600;font-size:16px;color:var(--cd-indigo);margin:24px 0 10px;}
.cred-dpa .cd-card p{margin:0 0 14px;font-size:15px;line-height:1.7;color:var(--cd-ink-600);}
.cred-dpa .cd-card p strong{color:var(--cd-ink-700);font-weight:600;}
.cred-dpa .cd-card a{color:var(--cd-indigo);font-weight:600;text-decoration:none;border-bottom:1px solid var(--cd-indigo-100);}
.cred-dpa .cd-card a:hover{border-color:var(--cd-indigo);}

/* clauses */
.cred-dpa .cd-clause{display:flex;gap:14px;margin:0 0 12px;}
.cred-dpa .cd-clause .n{color:var(--cd-orange);font-weight:700;flex:0 0 auto;min-width:34px;font-size:15px;font-variant-numeric:tabular-nums;}
.cred-dpa .cd-clause span:last-child{font-size:15px;line-height:1.7;color:var(--cd-ink-600);}

/* tables */
.cred-dpa .cd-table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14px;}
.cred-dpa .cd-table th{background:var(--cd-indigo);color:#fff;text-align:left;font-weight:600;padding:11px 14px;border:1px solid var(--cd-indigo);font-family:"Inter",sans-serif;}
.cred-dpa .cd-table td{padding:11px 14px;border:1px solid var(--cd-line);vertical-align:top;background:#fff;line-height:1.6;color:var(--cd-ink-600);}
.cred-dpa .cd-table tr:nth-child(even) td{background:var(--cd-ink-50);}

.cred-dpa .cd-note{color:var(--cd-ink-500);font-style:italic;font-size:14px;margin:0 0 16px;}
.cred-dpa .cd-accept{background:var(--cd-cream);border:1px solid var(--cd-line);border-left:4px solid var(--cd-orange);border-radius:10px;padding:18px 20px;margin:12px 0 8px;}
.cred-dpa .cd-accept p{margin:0;font-size:15px;color:var(--cd-ink-700);}
.cred-dpa .cd-foot{margin-top:34px;padding-top:18px;border-top:1px solid var(--cd-ink-100);color:var(--cd-ink-500);font-size:13px;}
.cred-dpa .cd-foot p{margin:0;font-size:13px;}

/* sidebar */
.cred-dpa .cd-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px;}
.cred-dpa .cd-panel{background:#fff;border:1px solid var(--cd-line);border-radius:14px;box-shadow:var(--cd-shadow-sm);padding:22px;}
.cred-dpa .cd-panel h3{display:flex;align-items:center;gap:9px;font-family:"Inter Tight","Inter",sans-serif;font-weight:700;font-size:18px;line-height:1;letter-spacing:-.01em;color:var(--cd-indigo);margin:0 0 18px;}
.cred-dpa .cd-panel h3 svg{color:var(--cd-orange);flex:none;}
.cred-dpa .cd-facts{margin:0;display:grid;gap:14px;}
.cred-dpa .cd-k{font:600 11px/1 "Inter",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--cd-ink-400);margin-bottom:3px;}
.cred-dpa .cd-v{font:400 14px/1.5 "Inter",sans-serif;color:var(--cd-ink-700);}
.cred-dpa .cd-toc{display:flex;flex-direction:column;gap:2px;}
.cred-dpa .cd-toc a{display:block;padding:7px 10px;border-radius:8px;font:500 13.5px/1.35 "Inter",sans-serif;color:var(--cd-ink-600);text-decoration:none;border:none;transition:background .14s ease,color .14s ease;}
.cred-dpa .cd-toc a:hover{background:var(--cd-ink-50);color:var(--cd-indigo);}
.cred-dpa .cd-related a{display:flex;align-items:center;gap:8px;padding:9px 0;font:500 14px/1.35 "Inter",sans-serif;color:var(--cd-indigo);text-decoration:none;border:none;border-top:1px solid var(--cd-ink-100);}
.cred-dpa .cd-related a:first-child{border-top:none;}
.cred-dpa .cd-related a svg{color:var(--cd-orange);flex:none;margin-left:auto;}
.cred-dpa .cd-contact{background:var(--cd-indigo);border-radius:14px;box-shadow:var(--cd-shadow-md);padding:22px;}
.cred-dpa .cd-contact h3{display:flex;align-items:center;gap:9px;font-family:"Inter Tight","Inter",sans-serif;font-weight:700;font-size:18px;line-height:1;letter-spacing:-.01em;color:#fff;margin:0 0 18px;}
.cred-dpa .cd-contact h3 svg{color:var(--cd-orange);flex:none;}
.cred-dpa .cd-contact p{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.55 "Inter",sans-serif;color:rgba(255,255,255,.72);margin:0 0 12px;}
.cred-dpa .cd-contact p:last-child{margin-bottom:0;}
.cred-dpa .cd-contact p svg{flex:none;margin-top:3px;color:var(--cd-orange);}
.cred-dpa .cd-contact a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3);text-decoration:none;}

@media (max-width:920px){
  .cred-dpa .cd-body{grid-template-columns:1fr;gap:36px;}
  .cred-dpa .cd-side{position:static;}
  .cred-dpa .cd-hero-seal{display:none;}
  .cred-dpa .cd-card{padding:28px 22px;}
  .cred-dpa .cd-clause{flex-direction:column;gap:2px;}
}