/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2026 | 06:26:06 */
/* ELSAC STYLE */
.elsacx-wrap{
  --ex-ink:#1e2430; --ex-muted:#5b6472; --ex-line:#e7e9ee;
  --ex-soft:#f6f7f9; --ex-card:#ffffff; --ex-radius:16px;
  --ex-shadow:0 10px 30px rgba(30,36,48,.08);
  font-family:inherit; color:var(--ex-ink); line-height:1.6;
}
.elsacx-wrap *,.elsacx-wrap *::before,.elsacx-wrap *::after{box-sizing:border-box}
.elsacx-wrap h1,.elsacx-wrap h2,.elsacx-wrap h3{margin:0 0 .4em;line-height:1.25;color:var(--ex-ink)}
.elsacx-wrap p{margin:0 0 .9em}
.elsacx-wrap ul,.elsacx-wrap ol{margin:.2em 0 .9em;padding-left:1.15em}
.elsacx-wrap li{margin:.18em 0}
.elsacx-wrap a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.elsacx-wrap code,.elsacx-wrap pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.elsacx-wrap hr{border:0;border-top:1px solid var(--ex-line);margin:1.4em 0}

/* palette variants per page */
.elsacx-wrap--intro{--ex-accent:#7c3aed;--ex-accent-2:#a855f7;--ex-glow:rgba(124,58,237,.16)}
.elsacx-wrap--ug{--ex-accent:#2563eb;--ex-accent-2:#3b82f6;--ex-glow:rgba(37,99,235,.14)}
.elsacx-wrap--dr{--ex-accent:#0d9488;--ex-accent-2:#14b8a6;--ex-glow:rgba(13,148,136,.14)}

/* hero / title card */
.elsacx-hero{
  background:linear-gradient(135deg,var(--ex-accent),var(--ex-accent-2));
  color:#fff;border-radius:var(--ex-radius);padding:1.6em 1.8em;
  box-shadow:var(--ex-shadow);margin-bottom:1.4em;
}
.elsacx-hero h1{color:#fff;font-size:1.65em;margin-bottom:.15em}
.elsacx-hero .ex-lede{margin:0;opacity:.95;font-size:1.05em}
.elsacx-hero--plain{
  background:#fff;color:var(--ex-ink);border:1px solid var(--ex-line);
  box-shadow:var(--ex-shadow);
}
.elsacx-hero--plain h1{color:var(--ex-ink)}
.elsacx-hero--plain .ex-lede{color:var(--ex-muted)}

/* generic card */
.elsacx-card{
  background:var(--ex-card);border:1px solid var(--ex-line);
  border-radius:var(--ex-radius);padding:1.25em 1.3em;box-shadow:var(--ex-shadow);
  margin-bottom:15px!important;
}

/* grids */
.elsacx-grid{display:grid;gap:1em;margin:1.1em 0}
.elsacx-grid--3{grid-template-columns:repeat(3,1fr)}
.elsacx-grid--2{grid-template-columns:repeat(2,1fr)}
.elsacx-grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* step/tier card headers */
.elsacx-card-top{display:flex;align-items:center;gap:.6em;margin-bottom:.5em}
.elsacx-ic{font-size:1.5em;line-height:1}
.elsacx-card h3{margin:0;font-size:1.12em}
.elsacx-badge{
  display:inline-block;font-size:.72em;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;background:var(--ex-glow);color:var(--ex-accent);
  border-radius:999px;padding:.25em .7em;margin-left:auto;white-space:nowrap;
}
.elsacx-tag{
  display:inline-block;font-size:.78em;font-weight:600;background:var(--ex-soft);
  border:1px solid var(--ex-line);color:var(--ex-muted);border-radius:999px;
  padding:.18em .65em;margin:.12em .12em 0 0;
}

/* checklist style lists */
.elsacx-checks{list-style:none;padding-left:0}
.elsacx-checks li{padding-left:1.5em;position:relative;margin:.22em 0}
.elsacx-checks li::before{content:"✅";position:absolute;left:0;font-size:.85em}
.elsacx-checks--warn li::before{content:"⚠️"}

/* numbered step chip */
.elsacx-num{
  flex:0 0 auto;width:2em;height:2em;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--ex-accent),var(--ex-accent-2));font-size:1em;
}

/* code block */
.elsacx-code{
  background:#0f172a;color:#e2e8f0;border-radius:10px;padding:.9em 1.1em;
  overflow-x:auto;font-size:.9em;line-height:1.5;margin:.5em 0 1em;
}
.elsacx-code code{color:#e2e8f0}

/* cta button-ish link */
.elsacx-btn{
  display:inline-block;background:linear-gradient(135deg,var(--ex-accent),var(--ex-accent-2));
  color:#fff !important;text-decoration:none !important;font-weight:700;
  padding:.6em 1.2em;border-radius:999px;box-shadow:var(--ex-shadow);
}
.elsacx-btn:hover{filter:brightness(1.06)}

/* note / footer */
.elsacx-note{
  background:var(--ex-soft);border-left:4px solid var(--ex-accent);
  border-radius:8px;padding:.9em 1.1em;color:var(--ex-muted);font-size:.95em;
}
.elsacx-muted{color:var(--ex-muted);font-size:.9em}

@media (max-width:900px){
  .elsacx-grid--3,.elsacx-grid--2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .elsacx-wrap h1{font-size:1.35em}
  .elsacx-hero{padding:1.2em}
}