.type-article .article-main__inner > *,
.type-article .article-main__middle > * {
  min-width: 0;
}
@media (min-width: 63.99875em) {
  .type-article .article-main__inner {
    -ms-grid-columns: minmax(18.75rem, 24.375rem) 1fr minmax(18.75rem, 21.3125rem);
    grid-template-columns: minmax(18.75rem, 24.375rem) 1fr minmax(18.75rem, 21.3125rem);
  }
  .type-article .article-main__middle {
    -webkit-column-gap: min(2.39583vw, 2.875rem);
       -moz-column-gap: min(2.39583vw, 2.875rem);
            column-gap: min(2.39583vw, 2.875rem);
    -webkit-padding-end: min(6.875vw, 8.25rem);
            padding-inline-end: min(6.875vw, 8.25rem);
  }
}
.type-article .article-hero__header {
  gap: clamp(12px, 2.9333333333vw, 1.375rem);
}
.type-article .article-hero__header h1 {
  color: #171717;
  font-size: clamp(26px, 7.3333333333vw, 3.4375rem);
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.type-article .article-hero__header p {
  color: #171717;
  font-size: clamp(16px, 3.2vw, 1.5rem);
  line-height: 1.5;
  font-weight: 300;
}
.type-article .article-hero__img {
  border-radius: clamp(10px, 3.2vw, 1.5rem);
}
.type-article .article-byline {
  width: 100%;
  max-width: 49.5rem;
  margin-inline: auto;
  -webkit-margin-before: clamp(24px, 8.5333333333vw, 4rem);
          margin-block-start: clamp(24px, 8.5333333333vw, 4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  padding: 0.75rem clamp(16px, 5.3333333333vw, 2.5rem) 0.75rem 0.75rem;
  background-color: rgba(55, 198, 247, 0.1);
  border-radius: 6.75rem;
  color: #171717;
}
.type-article .article-byline__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  min-width: 0;
}
.type-article .article-byline__avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(48px, 8.5333333333vw, 4rem);
          flex: 0 0 clamp(48px, 8.5333333333vw, 4rem);
  width: clamp(48px, 8.5333333333vw, 4rem);
  height: clamp(48px, 8.5333333333vw, 4rem);
  border-radius: 50%;
  overflow: hidden;
  background-color: #d9d9d9;
}
.type-article .article-byline__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.type-article .article-byline__label {
  display: block;
  font-size: clamp(12px, 2.4vw, 1.125rem);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.2222em;
  text-transform: uppercase;
}
.type-article .article-byline__name {
  display: block;
  font-size: clamp(16px, 2.9333333333vw, 1.375rem);
  line-height: 1.5;
  font-weight: 500;
}
.type-article .article-byline__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  font-size: clamp(14px, 2.9333333333vw, 1.375rem);
  line-height: 1.5;
  font-weight: 500;
}
.type-article .article-byline__meta span[aria-hidden] {
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .type-article .article-byline {
    border-radius: 1.5rem;
  }
  .type-article .article-byline__meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.type-article .article-nav__nav-toggle span {
  font-size: clamp(14px, 2.1333333333vw, 1rem);
  letter-spacing: 0.08em;
}
.type-article .article-nav__nav-link {
  font-size: clamp(16px, 2.4vw, 1.125rem);
  line-height: 1.5;
  color: #171717;
}
.type-article .article-side {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.type-article .article-side > p {
  font-weight: 500;
  color: #171717;
}
.type-article .article-side__item:not(:last-child) {
  padding-bottom: 1.25rem;
}
.type-article .article-side__item-img {
  background-color: #ebebeb;
}
.type-article .article-content {
  color: #171717;
}
.type-article .article-content > .article-item:not(:last-child) {
  margin-bottom: clamp(52px, 11.3333333333vw, 5.3125rem);
}
.type-article .article-content > .article-item:has(+ .article-table) {
  margin-bottom: clamp(28px, 5.3333333333vw, 2.5rem);
}
.type-article .article-content .article-item {
  font-size: clamp(16px, 3.2vw, 1.5rem);
  line-height: 1.5;
  font-weight: 300;
}
.type-article .article-content .article-item p,
.type-article .article-content .article-item a,
.type-article .article-content .article-item li,
.type-article .article-content .article-item span {
  font-size: clamp(16px, 3.2vw, 1.5rem);
  line-height: 1.5;
  font-weight: 300;
}
.type-article .article-content .article-item p:not(:last-child) {
  margin-bottom: clamp(20px, 4.8vw, 2.25rem);
}
.type-article .article-content .article-item strong,
.type-article .article-content .article-item b {
  font-weight: 500;
}
.type-article .article-content .article-item a {
  color: #04aaf8;
  text-decoration: underline;
}
.type-article .article-content .article-item h1,
.type-article .article-content .article-item h2,
.type-article .article-content .article-item h3,
.type-article .article-content .article-item h4,
.type-article .article-content .article-item h5,
.type-article .article-content .article-item h6 {
  color: #171717;
  line-height: 1.5;
  font-weight: 500;
}
.type-article .article-content .article-item h1:not(:last-child),
.type-article .article-content .article-item h2:not(:last-child),
.type-article .article-content .article-item h3:not(:last-child),
.type-article .article-content .article-item h4:not(:last-child),
.type-article .article-content .article-item h5:not(:last-child),
.type-article .article-content .article-item h6:not(:last-child) {
  margin-bottom: clamp(16px, 2.6666666667vw, 1.25rem);
}
.type-article .article-content .article-item h2:not(:first-child),
.type-article .article-content .article-item h3:not(:first-child),
.type-article .article-content .article-item h4:not(:first-child),
.type-article .article-content .article-item h5:not(:first-child),
.type-article .article-content .article-item h6:not(:first-child) {
  margin-top: clamp(24px, 5.3333333333vw, 2.5rem);
}
.type-article .article-content .article-item h1,
.type-article .article-content .article-item h2 {
  font-size: clamp(20px, 4.2666666667vw, 2rem);
}
.type-article .article-content .article-item h3,
.type-article .article-content .article-item h4 {
  font-size: clamp(18px, 3.2vw, 1.5rem);
}
.type-article .article-content .article-item h5,
.type-article .article-content .article-item h6 {
  font-size: clamp(16px, 2.9333333333vw, 1.375rem);
}
.type-article .article-content .article-item ul,
.type-article .article-content .article-item ol {
  margin-block: clamp(24px, 5.3333333333vw, 2.5rem);
  gap: clamp(24px, 5.3333333333vw, 2.5rem);
}
.type-article .article-content .article-item ul li {
  -webkit-padding-start: clamp(56px, 8.1333333333vw, 3.8125rem);
          padding-inline-start: clamp(56px, 8.1333333333vw, 3.8125rem);
}
.type-article .article-content .article-item ul li::before {
  width: clamp(40px, 6vw, 2.8125rem);
  height: clamp(40px, 6vw, 2.8125rem);
}
.type-article .article-content .article-item li > strong:first-child,
.type-article .article-content .article-item li > b:first-child {
  font-weight: 500;
}
.type-article .article-content .article-item figure,
.type-article .article-content .article-item .wp-caption {
  margin-bottom: clamp(28px, 5.3333333333vw, 2.5rem);
}
.type-article .article-content .article-item figure img,
.type-article .article-content .article-item .wp-caption img,
.type-article .article-content .article-item img {
  border-radius: clamp(10px, 2.4vw, 1.125rem);
}
.type-article .article-content .article-item__faq-item button span {
  font-weight: 500;
  font-size: clamp(18px, 3.2vw, 1.5rem);
  line-height: 1.5;
}
.type-article .article-item._list-check ul li::before {
  background-image: url("https://www.playwsop.com/wp-content/themes/wsop-theme-v2/assets/img/academy/list-icon-check.png");
}
.type-article .article-item._list-cross ul li::before {
  background-image: url("https://www.playwsop.com/wp-content/themes/wsop-theme-v2/assets/img/academy/list-icon-cross.png");
}

.article-table {
  margin-block: clamp(28px, 5.3333333333vw, 2.5rem);
}
.article-table__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e0e0e0;
}
.article-table__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 560px;
}
.article-table__cell {
  height: clamp(48px, 8vw, 3.75rem);
  padding-block: clamp(10px, 1.6vw, 0.75rem);
  text-align: start;
  vertical-align: middle;
  color: #171717;
  font-size: clamp(16px, 2.4vw, 1.125rem);
  line-height: 1.5;
  letter-spacing: -0.0244em;
  font-weight: 300;
}
.article-table__cell._num {
  width: 11.7573%;
  -webkit-padding-start: clamp(20px, 4.8vw, 2.25rem);
          padding-inline-start: clamp(20px, 4.8vw, 2.25rem);
  color: #04aaf8;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.article-table__cell._title {
  width: 20.2276%;
  font-weight: 500;
}
.article-table__cell._desc {
  width: 41.9722%;
  -webkit-padding-start: clamp(12px, 2.1333333333vw, 1rem);
          padding-inline-start: clamp(12px, 2.1333333333vw, 1rem);
}
.article-table__cell._media {
  width: 26.043%;
  -webkit-padding-start: clamp(20px, 4.9333333333vw, 2.3125rem);
          padding-inline-start: clamp(20px, 4.9333333333vw, 2.3125rem);
  padding-block: clamp(4px, 0.8vw, 0.375rem);
}
.article-table__cell._media img {
  width: clamp(80px, 15.0666666667vw, 7.0625rem);
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}
.article-table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
.article-table tbody tr:last-child {
  border-bottom: 0;
}
.article-table thead tr {
  background-color: #0e0531;
}
.article-table thead .article-table__cell {
  height: clamp(50px, 8.2666666667vw, 3.875rem);
  -webkit-padding-start: clamp(16px, 3.2vw, 1.5rem);
          padding-inline-start: clamp(16px, 3.2vw, 1.5rem);
  color: #fff;
  font-weight: 500;
  font-size: clamp(16px, 2.6666666667vw, 1.25rem);
  line-height: 1.5;
  letter-spacing: -0.0225em;
  vertical-align: middle;
}
.article-table._no-numbers .article-table__cell._title {
  -webkit-padding-start: clamp(20px, 4.8vw, 2.25rem);
          padding-inline-start: clamp(20px, 4.8vw, 2.25rem);
}
.article-table._no-media .article-table__cell._desc {
  width: auto;
}