.article {padding-bottom: 2.3888888889rem; } @media (min-width: 576px) {.article {padding-bottom: 1.4583333333rem;} } .article h1 {padding-top: 0; } .article .content {max-width: 37.6666666667rem;margin: 0 auto; } .article .content button, .article .content .btn {margin-top: 1.6666666667rem;margin-bottom: -0.3333333333rem; } @media (min-width: 576px) {.article .content button, .article .content .btn {margin-top: 2.0833333333rem;margin-bottom: 0;} } .article .content img {object-fit: cover;object-position: bottom;border-radius: 1.6666666667rem;margin-top: 1.2777777778rem;aspect-ratio: 390/476; } @media (min-width: 576px) {.article .content img {border-radius: 1.25rem;margin-top: 1.4166666667rem;aspect-ratio: 904/476;} } .article .content p {margin-bottom: 0.8888888889rem; } @media (min-width: 576px) {.article .content p {margin-bottom: 0.6666666667rem;} } .article .content p a:not(.btn) {background: linear-gradient(to right, var(--color15), var(--color17));-webkit-background-clip: text;-webkit-text-fill-color: transparent; } .article .info {display: flex;align-items: center;justify-content: center;margin-top: -0.3333333333rem;margin-bottom: -0.8333333333rem;position: relative;z-index: 1; } @media (min-width: 576px) {.article .info {margin-top: -0.5833333333rem;} } .article .info svg {width: 1.6666666667rem;height: auto; } @media (min-width: 576px) {.article .info svg {width: 1.25rem;} } .article.article-nav {margin-left: auto;margin-right: auto;color: var(--black);padding-top: 1.25rem; } .article.article-nav .content {max-width: none;text-align: left; } .article.article-nav .content p:first-child img {margin-top: 0; } .article.article-nav .container > .row > .col.col-nav {padding-bottom: 3.6666666667rem; } .article.article-nav .container > .row > .col.col-nav .card {border-radius: 0.8333333333rem;overflow: hidden;height: auto;padding: 1.0555555556rem 1.0555555556rem 0.7222222222rem 1.0555555556rem; } @media (min-width: 576px) {.article.article-nav .container > .row > .col.col-nav .card {padding: 0.7083333333rem 0.875rem;} } @media (min-width: 992px) {.article.article-nav .container > .row > .col.col-nav .card {position: sticky;top: 5rem;} } .article.article-nav .container > .row > .col.col-nav h2 {font-weight: 500;font-size: 1.1111111111rem;line-height: 1.5;border-bottom: solid 1px var(--card-border-color);width: 100%;color: var(--black);padding-bottom: 0.7222222222rem;margin-bottom: 0.7222222222rem; } @media (min-width: 576px) {.article.article-nav .container > .row > .col.col-nav h2 {font-size: 0.8333333333rem;line-height: 1.5;padding-bottom: 0.5416666667rem;margin-bottom: 0.5rem;} } .article.article-nav .container > .row > .col.col-nav a {color: var(--black); } .article.article-nav .container > .row > .col.col-nav ul {list-style: none;padding: 0; } .article.article-nav .container > .row > .col.col-nav ul li {position: relative;font-weight: 500;font-size: 1rem;line-height: 1.7777777778;padding: 0.2222222222rem 2.2222222222rem 0.2222222222rem 0.2222222222rem; } @media (min-width: 576px) {.article.article-nav .container > .row > .col.col-nav ul li {font-size: 0.75rem;line-height: 1.7777777778;padding: 0.1666666667rem 2rem 0.1666666667rem;} } .article.article-nav .container > .row > .col.col-nav ul li ul {display: none;padding-left: 0.8333333333rem;list-style: disc; } .article.article-nav .container > .row > .col.col-nav ul li ul.show {display: block; } .article.article-nav .container > .row > .col.col-nav ul li ul li {font-weight: 500;font-size: 0.7777777778rem;line-height: 2;padding: 0.1666666667rem 0.1666666667rem 0.1666666667rem 0; } @media (min-width: 576px) {.article.article-nav .container > .row > .col.col-nav ul li ul li {font-size: 0.5833333333rem;line-height: 2;} } .article.article-nav .container > .row > .col.col-nav ul li .btn {position: absolute;top: -0.125rem;right: 0;padding: 0.125rem 0.2083333333rem;box-shadow: none !important; } .article.article-nav .container > .row > .col.col-nav ul li .btn svg {transition: transform 0.5s; } .article.article-nav .container > .row > .col.col-nav ul li .btn.collapsed svg {transform: rotate(180deg);transition: transform 0.5s; } .article.article-nav p {font-size: 1rem;line-height: 1.7; } .article.article-nav h2, .article.article-nav h3 {scroll-margin-top: 5rem;color: var(--primary); }