/* ==========================================
   DISCLAIMER PAGE ADDITIONAL COMPONENTS
========================================== */

/* Accuracy Cards */

.slc-disclaimer__accuracy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 23px;
}

.slc-disclaimer__accuracy > div {
  position: relative;
  min-height: 145px;
  padding: 19px;
  overflow: hidden;
  border: 1px solid rgba(104, 180, 255, 0.11);
  border-radius: 15px;
  background:
    linear-gradient(
      145deg,
      rgba(7, 31, 65, 0.7),
      rgba(3, 16, 37, 0.62)
    );
}

.slc-disclaimer__accuracy > div::after {
  position: absolute;
  right: -35px;
  bottom: -45px;
  width: 110px;
  height: 110px;
  content: "";
  border-radius: 50%;
  background: rgba(21, 151, 255, 0.05);
}

.slc-disclaimer__accuracy span {
  position: absolute;
  top: 12px;
  right: 15px;
  color: rgba(70, 184, 255, 0.18);
  font-size: 1.55rem;
  font-weight: 900;
}

.slc-disclaimer__accuracy strong {
  display: block;
  max-width: calc(100% - 45px);
  color: #dceeff;
  font-size: 0.77rem;
  font-weight: 760;
}

.slc-disclaimer__accuracy p {
  position: relative;
  z-index: 2;
  margin: 8px 0 0;
  color: #718aa4;
  font-size: 0.68rem;
  line-height: 1.65;
}

/* Warning Box */

.slc-disclaimer__warning {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  padding: 19px;
  margin-top: 23px;
  border: 1px solid rgba(255, 193, 89, 0.17);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(122, 78, 17, 0.18),
      rgba(3, 16, 37, 0.66)
    );
}

.slc-disclaimer__warning-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  color: #ffd279;
  border: 1px solid rgba(255, 193, 89, 0.2);
  border-radius: 14px;
  background: rgba(255, 178, 50, 0.07);
}

.slc-disclaimer__warning-icon svg {
  width: 26px;
  height: 26px;
}

.slc-disclaimer__warning strong {
  color: #ffe6b5;
  font-size: 0.8rem;
  font-weight: 770;
}

.slc-disclaimer__warning p {
  margin: 7px 0 0;
  color: #9d917c;
  font-size: 0.69rem;
  line-height: 1.66;
}

/* Result Cards */

.slc-disclaimer__result-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 23px;
}

.slc-disclaimer__result-grid article {
  padding: 19px;
  border: 1px solid rgba(104, 180, 255, 0.11);
  border-radius: 15px;
  background:
    linear-gradient(
      145deg,
      rgba(8, 34, 70, 0.68),
      rgba(3, 16, 37, 0.63)
    );
}

.slc-disclaimer__result-grid article > span {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding-inline: 10px;
  color: #ffcb7f;
  border: 1px solid rgba(255, 190, 87, 0.16);
  border-radius: 100px;
  background: rgba(255, 178, 50, 0.055);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.slc-disclaimer__result-grid strong {
  display: block;
  margin-top: 14px;
  color: #dceeff;
  font-size: 0.78rem;
  font-weight: 760;
}

.slc-disclaimer__result-grid p {
  margin: 7px 0 0;
  color: #718aa4;
  font-size: 0.67rem;
  line-height: 1.65;
}

/* Limitation Cards */

.slc-disclaimer__limitations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 23px;
}

.slc-disclaimer__limitations article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(255, 112, 112, 0.11);
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      rgba(66, 19, 33, 0.22),
      rgba(3, 16, 37, 0.58)
    );
}

.slc-disclaimer__limitations article > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #ff9e9e;
  border: 1px solid rgba(255, 112, 112, 0.16);
  border-radius: 12px;
  background: rgba(255, 78, 78, 0.055);
  font-size: 0.62rem;
  font-weight: 850;
}

.slc-disclaimer__limitations strong {
  color: #f0e4e7;
  font-size: 0.76rem;
  font-weight: 760;
}

.slc-disclaimer__limitations p {
  margin: 6px 0 0;
  color: #8a7d89;
  font-size: 0.67rem;
  line-height: 1.63;
}

/* ==========================================
   DISCLAIMER RESPONSIVE
========================================== */

@media (max-width: 900px) {
  .slc-disclaimer__result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .slc-disclaimer__accuracy,
  .slc-disclaimer__limitations {
    grid-template-columns: 1fr;
  }

  .slc-disclaimer__accuracy > div {
    min-height: auto;
  }

  .slc-disclaimer__warning {
    grid-template-columns: 45px minmax(0, 1fr);
    padding: 16px;
  }

  .slc-disclaimer__warning-icon {
    width: 45px;
    height: 45px;
  }

  .slc-disclaimer__limitations article {
    grid-template-columns: 39px minmax(0, 1fr);
    padding: 15px;
  }

  .slc-disclaimer__limitations article > span {
    width: 39px;
    height: 39px;
  }
}

@media (max-width: 420px) {
  .slc-disclaimer__warning {
    grid-template-columns: 1fr;
  }
}