@media only screen and (min-width: 0rem) {.blog-container {padding: var(--sectionPadding);display: flex;flex-direction: column;gap: 3rem;}.main-content-wrapper {display: flex;flex-direction: column;gap: 3rem;max-width: 80rem;margin: 0 auto;width: 100%;}.main-content {width: 100%;display: flex;flex-direction: column;gap: 2rem;}.blog-article {background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);overflow: hidden;}.blog-mainImage {width: 100%;height: 20rem;overflow: hidden;display: block;}.blog-mainImage img {width: 100%;height: 100%;object-fit: cover;}.article-group {padding: 2rem;}.blog-h1 {font-size: 2rem;font-weight: 700;color: var(--headerColor);margin-bottom: 1rem;line-height: 1.2;}.blog-desc {color: var(--bodyTextColor);line-height: 1.6;margin-bottom: 1rem;}.blog-authorGroup {display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1.5rem;font-size: 0.875rem;}.blog-author-img {width: 2rem;height: 2rem;overflow: hidden;}.blog-author-img img {width: 100%;height: 100%;object-fit: cover;}.blog-author {font-weight: 600;color: var(--headerColor);}.blog-dot::before {content: "•";color: var(--bodyTextColor);opacity: 0.5;}.blog-date {color: var(--bodyTextColor);opacity: 0.8;}.recent-articles {background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);overflow: hidden;margin-bottom: 2rem;transition: transform 0.3s ease, box-shadow 0.3s ease;}.recent-articles:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.blog-link {font-family: var(--headerFont);font-size: 1.25rem;line-height: clamp(2.875rem, 8vw, 3.5rem);text-decoration: none;margin: 0;color: #fff;background-color: var(--primary);padding: 0 0 0 1.5rem;box-sizing: border-box;display: inline-flex;justify-content: center;align-items: stretch;gap: 1.5rem;position: relative;z-index: 1;transition: background-color 0.3s, transform 0.3s, color 0.3s;}.blog-link:hover {background-color: var(--secondary);}.blog-link:hover .cs-button-wrapper:before {height: 100%;}.blog-link:hover .cs-button-icon {filter: grayscale(1) brightness(1000%);}.blog-link .cs-button-wrapper {width: 3.5rem;background-color: #E8E8E8;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transition: transform 0.3s, background-color 0.3s;}.blog-link .cs-button-wrapper:before {content: '';width: 100%;height: 0%;background: var(--primary);opacity: 1;position: absolute;display: block;bottom: 0;left: 0;z-index: -1;transition: height 0.3s;}.blog-link .cs-button-icon {width: 1.75rem;height: auto;display: block;}#blog-content {padding: 2rem;background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin-bottom: 2rem;}#blog-content h1, #blog-content h2 {color: var(--headerColor);font-weight: 700;margin-bottom: 1rem;}#blog-content h1 {font-size: 1.8rem;border-bottom: 2px solid var(--primary);padding-bottom: 0.5rem;}#blog-content h2 {font-size: 1.4rem;color: var(--primary);margin-top: 2rem;}#blog-content h3 {font-size: 1.2rem;color: var(--headerColor);font-weight: 600;margin: 1.5rem 0 0.8rem 0;}#blog-content p, #blog-content li {color: var(--bodyTextColor);line-height: 1.6;margin-bottom: 0.8rem;}#blog-content ul, #blog-content ol {margin-left: 1.5rem;margin-bottom: 1.5rem;}#blog-content strong {color: var(--headerColor);font-weight: 600;}.blog-sidebar {width: 100%;display: flex;flex-direction: column;gap: 2rem;}.blog-featured-group {background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 2rem;}.blog-header {font-size: 1.25rem;font-weight: 700;color: var(--headerColor);margin-bottom: 1.5rem;display: block;text-align: center;position: relative;}.blog-header::after {content: "";display: block;width: 4rem;height: 3px;background-color: var(--primary);margin: 0.5rem auto 0;}.blog-feature {display: flex;align-items: center;gap: 1rem;padding: 1rem 0;border-bottom: 1px solid #ebebeb;text-decoration: none;transition: background-color 0.3s ease;}.blog-feature:last-child {border-bottom: none;}.blog-feature:hover {background-color: #f8f9fa;}.blog-featureImage {width: 3.75rem;height: 3.75rem;overflow: hidden;flex-shrink: 0;}.blog-featureImage img {width: 100%;height: 100%;object-fit: cover;}.content-group {flex: 1;}.feature-h3 {font-size: 1rem;font-weight: 600;color: var(--headerColor);margin-bottom: 0.25rem;line-height: 1.3;}.feature-date {font-size: 0.75rem;color: var(--bodyTextColor);opacity: 0.8;}.cs-button-group {display: flex;gap: 1rem;margin-top: 2rem;flex-wrap: wrap;}.cs-button-group .cs-button-solid {font-family: var(--headerFont);font-size: 1.25rem;line-height: clamp(2.875rem, 8vw, 3.5rem);text-decoration: none;margin: 0;color: #fff;background-color: var(--primary);padding: 0 0 0 1.5rem;box-sizing: border-box;display: inline-flex;justify-content: center;align-items: stretch;gap: 1.5rem;position: relative;z-index: 1;transition: background-color 0.3s, transform 0.3s, color 0.3s;}.cs-button-group .cs-button-solid:hover {background-color: var(--secondary);}.cs-button-group .cs-button-solid:hover .cs-button-wrapper:before {height: 100%;}.cs-button-group .cs-button-solid:hover .cs-button-icon {filter: grayscale(1) brightness(1000%);}.cs-button-group .cs-button-solid .cs-button-wrapper {width: 3.5rem;background-color: #E8E8E8;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transition: transform 0.3s, background-color 0.3s;}.cs-button-group .cs-button-solid .cs-button-wrapper:before {content: '';width: 100%;height: 0%;background: var(--primary);opacity: 1;position: absolute;display: block;bottom: 0;left: 0;z-index: -1;transition: height 0.3s;}.cs-button-group .cs-button-solid .cs-button-icon {width: 1.75rem;height: auto;display: block;}.cs-button-group .cs-button-solid:nth-child(2) {color: var(--primary);background-color: transparent;}.cs-button-group .cs-button-solid:nth-child(2):hover {background-color: var(--primary);color: #fff;}}@media only screen and (min-width: 48rem) {.main-content-wrapper {flex-direction: row;gap: 4rem;}.main-content {flex: 2;}.blog-sidebar {flex: 1;max-width: 22rem;}.blog-h1 {font-size: 2.5rem;}.blog-mainImage {height: 25rem;}.recent-articles {display: flex;align-items: center;}.recent-articles .blog-mainImage {width: 40%;height: 15rem;flex-shrink: 0;}.recent-articles .article-group {width: 60%;}}@media only screen and (min-width: 64rem) {.blog-mainImage {height: 30rem;}.blog-h1 {font-size: 3rem;}.blog-sidebar {position: sticky;top: 2rem;height: fit-content;}}@media only screen and (min-width: 0rem) {body.dark-mode .blog-container {background-color: var(--dark);}body.dark-mode .blog-article, body.dark-mode .recent-articles, body.dark-mode .blog-featured-group, body.dark-mode #blog-content {background-color: var(--medium);border: 1px solid rgba(255, 255, 255, 0.1);}body.dark-mode .blog-h1, body.dark-mode .blog-author, body.dark-mode .blog-header, body.dark-mode .feature-h3, body.dark-mode #blog-content h1, body.dark-mode #blog-content h2, body.dark-mode #blog-content h3, body.dark-mode #blog-content strong {color: var(--bodyTextColorWhite);}body.dark-mode .blog-desc, body.dark-mode .blog-date, body.dark-mode .feature-date, body.dark-mode #blog-content p, body.dark-mode #blog-content li {color: var(--bodyTextColorWhite);opacity: 0.8;}body.dark-mode .blog-header::after {background-color: var(--secondary);}body.dark-mode .blog-feature {border-bottom-color: rgba(255, 255, 255, 0.1);}body.dark-mode .blog-feature:hover {background-color: rgba(255, 255, 255, 0.05);}body.dark-mode #blog-content h1 {border-bottom-color: var(--secondary);}body.dark-mode #blog-content h2 {color: var(--secondary);}}@media only screen and (min-width: 0rem) {#blog-sidebar {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 50rem;width: 100%;box-sizing: border-box;gap: 1.25rem;}#blog-sidebar .cs-featured-group {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 1px solid #ebebeb;width: 100%;padding: 2rem 1.25rem;}#blog-sidebar .cs-sidebar-header {position: relative;display: block;margin-bottom: 1rem;font-size: 1.25rem;font-weight: bold;color: var(--headerColor);text-align: center;}#blog-sidebar .cs-sidebar-header:after {position: relative;content: "";display: block;margin: 1rem auto;background: var(--headerColor);height: 3px;width: 4rem;}#blog-sidebar .cs-sidebar-link {display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #ebebeb;width: 100%;padding: 1.5rem 0;text-decoration: none;gap: 1.5rem;}#blog-sidebar .cs-sidebar-link:nth-of-type(1) {padding-top: 0;}#blog-sidebar .cs-sidebar-link:last-of-type {border: none;padding-bottom: 0;}#blog-sidebar .cs-sidebar-img {position: relative;display: block;height: 3.75rem;width: 3.75rem;overflow: hidden;flex: none;}#blog-sidebar .cs-sidebar-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#blog-sidebar .cs-sidebar-title {display: block;margin: 0;margin-bottom: 0.25rem;text-decoration: none;font-size: 1rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#blog-sidebar .cs-sidebar-date {display: block;font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}#blog-sidebar .cs-toc {display: flex;flex-direction: column;margin-top: 1rem;width: 100%;padding: 0;list-style: none;font-size: 0.875rem;gap: 1rem;}#blog-sidebar .cs-toc-item {margin: 0;padding: 0;list-style: none;}#blog-sidebar .cs-toc-item.cs-active {border-left: 4px solid var(--primary);padding-left: 1rem;}#blog-sidebar .cs-toc-item.cs-active .cs-toc-link {font-weight: 700;color: var(--primary);}#blog-sidebar .cs-toc-link {display: block;width: 100%;text-decoration: none;color: var(--bodyTextColor);transition: color 0.2s ease-in-out;}#blog-sidebar .cs-toc-link:hover {color: var(--primary);}}@media only screen and (min-width: 64rem) {#blog-sidebar {position: sticky;top: 10rem;max-width: 22.5rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #blog-sidebar .cs-sidebar-header, body.dark-mode #blog-sidebar .cs-toc-link, body.dark-mode #blog-sidebar .cs-sidebar-title, body.dark-mode #blog-sidebar .cs-sidebar-date {color: var(--bodyTextColorWhite);}body.dark-mode #blog-sidebar .cs-sidebar-date {opacity: 0.8;}body.dark-mode #blog-sidebar .cs-sidebar-header::after {background-color: var(--bodyTextColorWhite);}body.dark-mode #blog-sidebar .cs-toc-item.cs-active {border-color: var(--secondary);}body.dark-mode #blog-sidebar .cs-toc-item.cs-active .cs-toc-link {color: var(--secondary);}}@media only screen and (min-width: 0rem) {#blog-listing {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: auto;max-width: 80rem;width: 100%;padding: var(--sectionPadding);gap: clamp(3rem, 6vw, 4rem);}#blog-listing .cs-container {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;gap: clamp(3rem, 6vw, 4rem);}#blog-listing .cs-article {display: block;width: 100%;overflow: hidden;flex: none;}#blog-listing .cs-article-image {position: relative;display: block;height: clamp(12.5rem, 30vw, 25rem);width: 100%;overflow: hidden;}#blog-listing .cs-article-image img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#blog-listing .cs-article-group {border: 1px solid #ebebeb;padding: clamp(1.875rem, 5vw, 3.125rem);}#blog-listing .cs-author-img {position: relative;display: block;height: 2rem;width: 2rem;overflow: hidden;}#blog-listing .cs-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#blog-listing .cs-author-group {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}#blog-listing .cs-author-name, #blog-listing .cs-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}#blog-listing .cs-dot {display: block;background-color: var(--primary);height: 3px;width: 3px;}#blog-listing .cs-article-title {margin: 1rem 0;font-size: clamp(1.25rem, 5vw, 2rem);line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#blog-listing .cs-article-desc {margin: 1rem 0 2rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);}}@media only screen and (min-width: 64rem) {#blog-listing {flex-direction: row;align-items: flex-start;}#blog-listing .cs-article-title {max-width: 34.375rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #blog-listing .cs-article-title, body.dark-mode #blog-listing .cs-author-name, body.dark-mode #blog-listing .cs-date, body.dark-mode #blog-listing .cs-article-desc {color: var(--bodyTextColorWhite);}body.dark-mode #blog-listing .cs-author-name, body.dark-mode #blog-listing .cs-date, body.dark-mode #blog-listing .cs-article-desc {opacity: 0.8;}}@media only screen and (min-width: 0rem) {#single-article {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: auto;max-width: 80rem;width: 100%;padding: var(--sectionPadding);gap: 4rem;}#single-article .cs-container {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;gap: 4rem;}#single-article .cs-article-post {display: block;max-width: 50rem;width: 100%;}#single-article .cs-article-image {position: relative;display: block;margin: 0 0 3rem;height: clamp(12.5rem, 30vw, 25rem);width: 100%;overflow: hidden;}#single-article .cs-article-image img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#single-article .cs-author-img {position: relative;display: block;height: 2rem;width: 2rem;overflow: hidden;}#single-article .cs-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#single-article .cs-author-group {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}#single-article .cs-author-name, #single-article .cs-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}#single-article .cs-dot {display: block;background-color: var(--primary);height: 0.1875rem;width: 0.1875rem;}#single-article .cs-article-title {margin: 0 0 1rem;max-width: 34.375rem;font-size: clamp(1.25rem, 5vw, 2.4375rem);line-height: 1.4em;font-weight: 700;color: var(--headerColor);}#single-article .cs-article-content {border-top: 1px solid #ebebeb;margin-top: 1rem;padding-top: 1.5rem;}#single-article .cs-article-content h1 {margin-bottom: 1rem;font-size: 2rem;line-height: 1.75em;font-weight: 700;color: var(--headerColor);}#single-article .cs-article-group h2, #single-article .cs-article-content h2 {margin-bottom: 1rem;font-size: 1.75rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#single-article .cs-article-group h3, #single-article .cs-article-content h3 {margin-bottom: 1rem;font-size: 1.5rem;line-height: 1.5em;font-weight: 700;color: var(--primary);}#single-article .cs-article-group h4, #single-article .cs-article-content h4, #single-article .cs-article-group h5, #single-article .cs-article-content h5, #single-article .cs-article-group h6, #single-article .cs-article-content h6 {margin-bottom: 1rem;font-size: 1.25rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#single-article .cs-article-group p, #single-article .cs-article-content p {margin: 0;margin-bottom: 1rem;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}#single-article .cs-article-group a:not(.cs-button-solid), #single-article .cs-article-content a:not(.cs-button-solid) {text-decoration: underline;font-size: inherit;color: var(--secondary);}#single-article .cs-article-group .cs-button-solid, #single-article .cs-article-content .cs-button-solid {margin-bottom: 2rem;}#single-article .cs-article-group ul, #single-article .cs-article-content ul, #single-article .cs-article-group ol, #single-article .cs-article-content ol {margin: 1rem 0;padding-left: 2.5rem;}#single-article .cs-article-group ul li, #single-article .cs-article-content ul li, #single-article .cs-article-group ol li, #single-article .cs-article-content ol li {margin-bottom: 1rem;list-style: circle;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}}@media only screen and (min-width: 64rem) {#single-article {flex-direction: row;align-items: flex-start;}}@media only screen and (min-width: 0rem) {body.dark-mode #blog-content h2 {color: var(--bodyTextColorWhite);}body.dark-mode #single-article .cs-article-group h1, body.dark-mode #single-article .cs-article-content h1, body.dark-mode #single-article .cs-article-group h2, body.dark-mode #single-article .cs-article-content h2, body.dark-mode #single-article .cs-article-group h3, body.dark-mode #single-article .cs-article-content h3, body.dark-mode #single-article .cs-article-group h4, body.dark-mode #single-article .cs-article-content h4, body.dark-mode #single-article .cs-article-group h5, body.dark-mode #single-article .cs-article-content h5, body.dark-mode #single-article .cs-article-group h6, body.dark-mode #single-article .cs-article-content h6, body.dark-mode #single-article .cs-article-group p, body.dark-mode #single-article .cs-article-content p, body.dark-mode #single-article .cs-article-group span, body.dark-mode #single-article .cs-article-content span, body.dark-mode #single-article .cs-article-group li, body.dark-mode #single-article .cs-article-content li {color: var(--bodyTextColorWhite);}body.dark-mode #single-article .cs-article-group p, body.dark-mode #single-article .cs-article-content p, body.dark-mode #single-article .cs-article-group span, body.dark-mode #single-article .cs-article-content span, body.dark-mode #single-article .cs-article-group li, body.dark-mode #single-article .cs-article-content li {opacity: 0.8;}}