.sj-wyg{
font-family:'Inter', sans-serif;
color:#E6EBE8;}

.sj-wyg *{box-sizing:border-box;}
.sj-wyg__inner{margin:0 auto;}
.sj-wyg__head{margin-bottom:56px;}

.sj-wyg__eyebrow{
font-family:'Inter', sans-serif;
font-weight:700;
font-size:14px;
text-transform:uppercase;
margin: 0 0 14px;}

.sj-wyg__heading{
  font-family: 'Macan', sans-serif !important;
  font-weight: 800;
  font-size: 32px; line-height: 1.28; letter-spacing: .02em;
  margin: 0 auto; max-width: 50em; text-wrap: balance;}

.sj-wyg__subhead{
  font-family:'Macan Mono',monospace;
  font-size:14px;
  line-height:1.6;
  color:#9AA39F;
  margin:16px auto 0;
  max-width:60em;
}
.sj-wyg__subhead p{margin:0;}
.sj-wyg--dark .sj-wyg__subhead{color:#525B57;}

.sj-wyg__foot{
  font-family:'Macan Mono',monospace;
  font-size:13px;
  line-height:1.8;
  color:#9AA39F;
  margin:48px auto 0;
  max-width:60em;
}
.sj-wyg__foot p{margin:0 0 12px;}
.sj-wyg__foot p:last-child{margin-bottom:0;}
.sj-wyg__foot a{color:var(--sj-link, #22E39A);text-decoration:underline;}
.sj-wyg--dark .sj-wyg__foot{color:#525B57;}
.sj-wyg--light .sj-wyg__foot{color:#9AA39F;}

.sj-wyg__card--top{
  border-radius:0 0 8px 8px;
}


.sj-wyg__grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}
.sj-wyg__card{
  flex:1 1 200px;
  max-width:calc((100% - 4*18px)/5); /* never wider than a 5-up column */
}
@media(max-width:900px){ .sj-wyg__card{max-width:calc((100% - 18px)/2);} }
.sj-wyg__card{background:#171B19;border:1px solid #262B29;border-radius:8px;padding:26px 22px;min-height:250px;display:flex;flex-direction:column;}
.sj-wyg__num{font-family:'Macan Mono',monospace;font-size:12px;letter-spacing:1px;color:#7E8884;margin-bottom:34px;}
.sj-wyg__title{font-family:'Macan',sans-serif;font-size:17px;font-weight:600;margin:0 0 14px;color:#EDF2EF;}
.sj-wyg__body{font-family:'Macan Mono',monospace;font-size:11px;line-height:1.8;color:#9AA39F;}
.sj-wyg__body p{margin:0 0 10px;}
.sj-wyg__body p:last-child{margin-bottom:0;}

/* Filled (highlighted) card */
.sj-wyg__card--fill .sj-wyg__num{color:rgba(8,17,13,.6);}
.sj-wyg__card--fill .sj-wyg__title{color:#08110D;}
.sj-wyg__card--fill .sj-wyg__body{color:rgba(8,17,13,.85);}

/* Light-background scheme (dark text) -> light cards */
.sj-wyg--dark{color:#1B211E;}
.sj-wyg--dark .sj-wyg__card{background:#EDF0EE;border-color:#DCE1DE;}
.sj-wyg--dark .sj-wyg__num{color:#8A938F;}
.sj-wyg--dark .sj-wyg__title{color:#141917;}
.sj-wyg--dark .sj-wyg__body{color:#525B57;}

/* Dark-background scheme (light text) -> dark cards */
.sj-wyg--light{color:#E6EBE8;}
.sj-wyg--light .sj-wyg__card{background:#171B19;border-color:#262B29;}
.sj-wyg--light .sj-wyg__num{color:#7E8884;}
.sj-wyg--light .sj-wyg__title{color:#EDF2EF;}
.sj-wyg--light .sj-wyg__body{color:#9AA39F;}

@media(max-width:900px){.sj-wyg__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.sj-wyg__heading{font-size:30px;}}

@media screen and (min-width: 768px) {
    .dnd-section .row-fluid > .dnd-column > .dnd-row:first-child section, .dnd-section .row-fluid > .dnd-column > .dnd-row:first-child .is-section {
        padding-bottom: 70px;
        padding-top: 15px; !important
    }
} 
