/* ================================================================================================
   STEP-SPECIFIC STYLES
   ================================================================================================ */

/* Step 3672330 - Tile Links */
.step-3672330 a.tile {
  color: #ffffff;
  background-color: #070F18;
  border-radius: 50px;
  border: 1px solid #070F18;
  padding: 16px 56px 16px 16px;
  font-size: 16px;
  min-height: 72px;
}

/* Step 3745732 - Icon Font Size */
.step-3745732 i {
  font-size: 10px;
  line-height: 14px;
}


/* ================================================================================================
   COMMENTED-OUT / RESERVED STYLES
   (Kept for reference — do not delete)
   ================================================================================================ */

/* .step-4199949 {
  .dcTHoV {
    color: rgb(237 239 246);
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.05px;
    white-space: break-spaces;
    overflow-wrap: break-word;
} */
/* } */

/* .guide-mYy0WcVsIp .button-wrap .back-button { 
    display: none;
}

/* Note that if you'd like to make the same change to different guides,
you should put them in separate lines */

/* .guide-mYy0WcVsIp .button-wrap .back-button { 
    display: none;
}

.guide-u1TxIPBHbY .button-wrap .back-button { 
    display: none;
}  */

 /* Now let's change the background color*/

/* .guide-mYy0WcVsIp [class*="Stepsstyles__RightCanvas"] {
background-color: #1c1e20;
} */


/* ================================================================================================
   GUIDE: mYy0WcVsIp
   ================================================================================================ */

/* Background */
.guide-mYy0WcVsIp .dSvRXo {
  background: #161F22;
}

/* Text Color */
.guide-mYy0WcVsIp .cJEbrD {
  color: white;
}

/* Buttons */
.guide-mYy0WcVsIp .dpBnDF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255 255 255);
  background: transparent;
  border: 1px solid rgb(255 255 255);
  height: 28px;
  padding: 0px 16px;
  font-size: 11px;
  border-radius: 32px;
  transition: background-color 0.2s, color 0.2s, width 0.2s, height 0.2s, padding 0.2s, margin 0.2s, border 0.2s, opacity 0.2s, visibility 0.2s;
  cursor: pointer;
  outline: none;
  font-weight: 600;
  user-select: none;
  text-transform: uppercase;
}
.guide-mYy0WcVsIp .dpBnDF:hover {
  background: #7F959C;
}

/* Progress Bar */
.guide-mYy0WcVsIp .juwfRD {
  background-color: #c80000;
}
.guide-mYy0WcVsIp [class*="ProgressBar__Line"] {
  background-color: #c80000;
  opacity: 0.3;
}
.guide-mYy0WcVsIp .eVJFxq .ProgressBar__Line-sc-db3b0c03-1 {
  background-color: #c80000;
  opacity: 0.3;
}


/* ================================================================================================
   GUIDE: wex7X2sAp1 - Full-Width iframe Layout
   ================================================================================================ */

.step-5001544 {
  padding: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  max-width: 3000px !important;
}

.guide-wex7X2sAp1 .step-content-wrap {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.guide-wex7X2sAp1 .ston-content-text {
  margin-bottom: 0;
}
.guide-wex7X2sAp1 .content {
  padding: 0;
}
.guide-wex7X2sAp1 .ston-content-text iframe {
  height: 100vh !important;
}


/* ================================================================================================
   GUIDE: r1JaLBQjxq - Full-Width iframe Layout
   ================================================================================================ */

.guide-r1JaLBQjxq .ston-content-text iframe {
  height: 100vh !important;
}
.guide-r1JaLBQjxq .step-content-wrap {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.guide-r1JaLBQjxq .ston-content-text {
  margin-bottom: 0;
}
.guide-r1JaLBQjxq .content {
  padding: 0;
}


/* ================================================================================================
   EXTERNAL KB WIDGET: Shudder KB Styling (kb-36333)
   ================================================================================================ */

/* Base */
.kbWidget-guide .kb-36333 {
  background: #161F22 !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.kbWidget-guide .kb-36333 .subtitle {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.kbWidget-guide .kb-36333 .step-content-wrap,
.kbWidget-guide .kb-36333 .ston-content-text {
  color: #FFFFFF;
}
.kbWidget-guide .kb-36333 .step-content-wrap {
  padding: 28px 8px;
}

/* Buttons */
.kbWidget-guide .kb-36333 .button-wrap {
  margin-top: 20px;
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}
.kbWidget-guide .kb-36333 [data-cy="nextStepButton"] {
  color: #FFFFFF;
  border: 1px solid #7F959C;
  height: 36px;
  padding: 0px 16px;
  font-size: 14px;
  text-transform: none;
  font-weight: 700;
}
.kbWidget-guide .kb-36333 [data-cy="nextStepButton"]:hover,
.kbWidget-guide .kb-36333 .contact-form-back:hover {
  background: transparent;
}
.kbWidget-guide .kb-36333 [data-cy="nextStepButton"] svg path,
.kbWidget-guide .kb-36333 .contact-form-back svg path {
  fill: #FFFFFF !important;
}
.kbWidget-guide .kb-36333 .back-button,
.kbWidget-guide .kb-36333 .contact-form-back {
  background-color: transparent;
  border-color: #7F959C;
}
.kbWidget-guide .kb-36333 .back-button path,
.kbWidget-guide .kb-36333 .back-button:hover path,
.kbWidget-guide .kb-36333 .contact-form-back path,
.kbWidget-guide .kb-36333 .contact-form-back:hover path {
  fill: #FFFFFF;
}
.kbWidget-guide .kb-36333 [class*="ContactForm-styles__ButtonsWrap"] {
  align-items: center;
}

/* List */
.kbWidget-guide .kb-36333 ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

/* Contact Form */
.kbWidget-guide .kb-36333 [class*="ContactForm-styles__Canvas"] {
  background: transparent !important;
  color: #FFFFFF !important;
}

/* Navigation - Remove Top Nav Elements */
.kbWidget-guideHeader,
.kbWidget-guideTop-backLinkWrap,
.kbWidget-guideTop .mobileMenuToggle,
.kbWidget-guideTop .ston-search-input-wrap {
  display: none !important;
}

/* Layout - Content Height & Spacing */
.scrollable-step-canvas {
  height: 100vh !important;
}
.kbWidget-guide .kb-36333 .ston-active-step-content-wrap {
  margin-top: 0;
}

/* Progress Bar Gradient Overlay */
.kbWidget-guide .kb-36333 .ston-progress-bar-wrap::after {
  content: '';
  background: linear-gradient(180deg, rgba(22, 31, 34, 0) 0%, rgba(22, 31, 34, 1) 100%);
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: -1;
}


/* ================================================================================================
   GUIDE: fCUQr8XBHj - Full-Width Table Layout
   ================================================================================================ */

.guide-fCUQr8XBHj [data-step-id="5109884"] {
  max-width: none !important;
}
.guide-fCUQr8XBHj [data-step-id="5052637"] {
  max-width: none !important;
}
.guide-fCUQr8XBHj .step-content-wrap {
  max-width: none !important;
}
.guide-fCUQr8XBHj .table-container .table-wrapper table {
  width: 100% !important;
}