:root{
  --a0042-bg:#f7f8ff;
  --a0042-surface:#ffffff;
  --a0042-ink:#101828;
  --a0042-muted:#667085;
  --a0042-accent1:#5b8cff;
  --a0042-accent2:#ff6fb1;
  --a0042-accent3:#3dd6a6;
}

body.theme-a0042{background:linear-gradient(135deg, rgba(91,140,255,.12), rgba(255,111,177,.10), rgba(61,214,166,.10)), var(--a0042-bg);color:var(--a0042-ink);}

.uk-navbar-container{background:rgba(255,255,255,.85);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid rgba(16,24,40,.10);} 

#logo a{text-decoration:none;font-weight:800;letter-spacing:.2px;color:var(--a0042-ink);} 

.split-wrap{max-width:1120px;margin:0 auto;padding:18px 16px;}
.split{
  display:grid;gap:16px;
  grid-template-columns:360px minmax(0, 1fr);
  align-items:start;
}
.intro{
  position:sticky;top:84px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(16,24,40,.10);
  border-radius:16px;
  padding:14px;
}
.intro .tagline{color:var(--a0042-muted);}
.intro .swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.swatch{width:22px;height:22px;border-radius:999px;border:1px solid rgba(16,24,40,.18);cursor:pointer;}

.doc{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(16,24,40,.10);
  border-radius:16px;
  padding:18px;
  min-height:55vh;
  box-shadow:0 10px 30px rgba(16,24,40,.06);
}

.accent{color:var(--a0042-accent1);} 
.accent-bar{height:4px;border-radius:999px;background:linear-gradient(90deg, var(--a0042-accent1), var(--a0042-accent2), var(--a0042-accent3));margin-top:10px;} 

@media (max-width: 960px){
  .split{grid-template-columns:1fr;}
  .intro{position:relative;top:auto;}
}

#footer .container{max-width:1120px;margin:0 auto;padding:18px 16px;color:var(--a0042-muted);} 
.sr-only{position:absolute;left:-9999px;}