/* =====================================================================
   FastDriver Plugin 1368 - Numbered Row List
   Colour, spacing and layout only. No font-size and no font-family are
   declared anywhere in this file, so headings and body copy inherit the
   site defaults from theme-css.css (body -> --creote-family-two /
   --font-size-base, h1..h6 -> --creote-family-one at the theme's own
   sizes and line heights, p -> 16px / 26px). Change the theme type scale
   and this section follows it.
   Scoped under .fdnr-sec.
   ===================================================================== */

.fdnr-sec,.fdnr-sec *,.fdnr-sec *::before,.fdnr-sec *::after{box-sizing:border-box}

.fdnr-sec{
  --fdnr-lime:var(--primary-color-one,#C1F11D);
  --fdnr-ink:var(--primary-color-two,#141414);
  --fdnr-head:var(--heading-dark,#141414);
  --fdnr-body:var(--text-color-dark,#4a4e56);
  --fdnr-line:var(--border-color-dark,#e4e7ee);
  background:#ffffff;
  padding:80px 0;
  color:var(--fdnr-body);
  -webkit-font-smoothing:antialiased;
}
.fdnr-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

.fdnr-title{
  margin:0;
  max-width:60ch;
  font-weight:600;
  color:var(--fdnr-head);
}
.fdnr-intro{margin-top:16px;max-width:76ch}
.fdnr-intro p{margin:0 0 12px;color:var(--fdnr-body)}
.fdnr-intro p:last-child{margin-bottom:0}

.fdnr-list{
  margin:32px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  counter-reset:fdnr;
}
.fdnr-item{
  display:flex;
  gap:28px;
  align-items:baseline;
  flex-wrap:wrap;
  padding:24px 0;
  border-top:1px solid var(--fdnr-line);
}
.fdnr-num{
  flex:none;
  width:44px;
  height:44px;
  border-radius:100px;
  background:var(--fdnr-lime);
  color:var(--fdnr-ink);
  display:grid;
  place-items:center;
  align-self:flex-start;
  font-weight:600;
  line-height:1;
}
.fdnr-item__t{
  flex:none;
  width:min(260px,100%);
  margin:0;
  font-weight:600;
  color:var(--fdnr-head);
}
.fdnr-item__b{flex:1;min-width:240px;max-width:64ch}
.fdnr-item__b p{margin:0 0 10px;color:var(--fdnr-body)}
.fdnr-item__b p:last-child{margin-bottom:0}

/* theme-css.css does not touch <ol>, but the list-style reset keeps the
   numbering entirely under the badge's control. */
.fdnr-sec .fdnr-list li{padding-left:0;list-style:none}
.fdnr-sec .fdnr-list li::before,.fdnr-sec .fdnr-list li::after{content:none;display:none}

/* Buttons */
.fdnr-btns{
  margin-top:32px;
  padding-top:26px;
  border-top:1px solid var(--fdnr-line);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.fdnr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:18px 32px;
  border-radius:100px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  transition:filter .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.fdnr-btn--solid{background:var(--fdnr-ink);color:var(--fdnr-lime)}
.fdnr-btn--solid:hover{filter:brightness(1.25);color:var(--fdnr-lime)}
.fdnr-btn--lime{background:var(--fdnr-lime);color:var(--fdnr-ink)}
.fdnr-btn--lime:hover{filter:brightness(.94);color:var(--fdnr-ink)}
.fdnr-btn--ghost{background:#fff;border:1px solid var(--fdnr-line);color:var(--fdnr-head);font-weight:500;padding:18px 30px}
.fdnr-btn--ghost:hover{border-color:var(--fdnr-head)}
.fdnr-btn--light{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;padding:18px 30px}
.fdnr-btn--light:hover{background:#fff;color:var(--fdnr-ink)}

@media(max-width:760px){
  .fdnr-sec{padding:56px 0}
  .fdnr-wrap{padding:0 20px}
  .fdnr-item{gap:16px}
  .fdnr-item__t{width:100%}
  .fdnr-item__b{min-width:0}
  .fdnr-btns .fdnr-btn{width:100%}
}
@media(max-width:400px){
  .fdnr-wrap{padding:0 16px}
}