@media only screen and (min-width: 0rem) {#blog {padding: var(--sectionPadding);padding-top: clamp(150px, 16.95vw, 200px);}#blog .cs-container {width: 100%;display: grid;grid-template-columns: minmax(0, 1fr);align-items: start;margin: auto;gap: clamp(30px, 2vw, 40px);}#blog .cs-main {display: flex;flex-direction: column;}#blog .cs-main .cs-meta {display: flex;gap: 30px;}#blog .cs-main .cs-meta li {list-style: none;display: flex;align-items: center;gap: 10px;}#blog .cs-main .cs-meta li:last-child {padding: 4px 16px;color: var(--headerColor);background-color: var(--tertiaryLight);border-radius: 50px;font-size: 14px;}#blog .cs-main .cs-meta svg {width: auto;height: 21px;}#blog .cs-main .cs-meta span {padding-top: 1px;font-size: 15px;}#blog .cs-main .cs-picture {overflow: clip;order: -1;margin-bottom: 20px;}#blog .cs-main .cs-picture img {width: 100%;height: auto;display: block;border-radius: clamp(12px, 2vw, 24px);box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);}#blog .cs-main .cs-content {gap: 0;}#blog .cs-main .cs-content h2 {font-size: clamp(28px, 0.458vw + 26.28px, 35px);margin-top: 30px;}#blog .cs-main .cs-content h3 {font-size: clamp(24px, 0.393vw + 22.53px, 30px);margin-top: 25px;}#blog .cs-main .cs-content h4 {font-size: clamp(20px, 0.327vw + 18.77px, 25px);margin-top: 22px;}#blog .cs-main .cs-content p {margin-top: 20px;}#blog .cs-main .cs-content p:has(img) {margin-top: 35px;}#blog .cs-main .cs-content ul, #blog .cs-main .cs-content ol {margin-top: 10px;padding-left: 36px;}#blog .cs-main .cs-content ul li, #blog .cs-main .cs-content ol li {margin-top: 10px;}#blog .cs-main .cs-content pre {margin-top: 20px;}#blog .cs-main .cs-content .code-toolbar .toolbar {opacity: 1;}#blog .cs-main .cs-content .code-toolbar .toolbar button {font-size: 13px;padding: 2px 10px;border-radius: 50px;}#blog .cs-main .cs-content .code-toolbar .toolbar button:hover, #blog .cs-main .cs-content .code-toolbar .toolbar button:focus {color: #000;background-color: #ccc;}#blog .cs-main .cs-content .table-wrap {overflow-x: scroll;}#blog .cs-main .cs-content table {width: 100%;margin-top: 20px;text-align: left;border: 1px solid black;border-collapse: collapse;}#blog .cs-main .cs-content table th, #blog .cs-main .cs-content table td {border: 1px solid black;border-collapse: collapse;padding: clamp(5px, 0.327vw + 3.77px, 10px) clamp(5px, 0.982vw + 1.32px, 20px);}#blog .cs-main .cs-content a {color: var(--primary);font-weight: 500;text-underline-offset: 5px;}#blog .cs-main .cs-content a:hover {text-decoration: none;}#blog .cs-main .cs-content img {width: 100%;border-radius: clamp(12px, 2vw, 24px);box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);}#blog .cs-sidebar {display: flex;flex-direction: column;gap: clamp(30px, 2vw, 40px);}#blog .cs-sidebar .featured-posts {display: none;}}@media only screen and (min-width: 48rem) {#blog .cs-container {max-width: 71.25rem;grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);}}@media only screen and (min-width: 64rem) {#blog .cs-container {grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);}#blog .cs-sidebar .featured-posts {display: block;}}@media only screen and (min-width: 0rem) {body.dark-mode #blog .cs-main .cs-meta svg {fill: #fff;}body.dark-mode #blog .cs-main .cs-meta li:last-child {color: #fff;background-color: var(--dark5);}body.dark-mode #blog .cs-main .cs-content code:not([class]) {color: #fff;background-color: var(--dark5);}}@media only screen and (min-width: 0rem) {#blog .cs-sidebar .cs-dropdown-content {border-radius: clamp(12px, 2vw, 24px);}#blog .cs-sidebar .cs-widget-group {padding: 0;border: none;}#blog .cs-sidebar .cs-header {display: inline-block;font-size: clamp(20px, 5vw, 24px);margin-bottom: 13px;font-weight: 500;}#blog .cs-sidebar .cs-content {display: flex;flex-direction: column;gap: 20px;}#blog .sidebar-posts .cs-item {position: relative;display: flex;align-items: center;gap: 16px;}#blog .sidebar-posts .cs-item:has(:hover) .cs-picture img {scale: 1.1;}#blog .sidebar-posts .cs-item:has(:hover) .cs-title {color: var(--primary);}#blog .sidebar-posts .cs-item .cs-picture {overflow: clip;width: 80px;height: 80px;flex-shrink: 0;border-radius: clamp(6px, 2vw, 12px);}#blog .sidebar-posts .cs-item .cs-picture img {width: 100%;height: 100%;display: block;transition: scale 0.3s;object-fit: cover;}#blog .sidebar-posts .cs-item .cs-group {display: flex;flex-direction: column;}#blog .sidebar-posts .cs-item .cs-title {margin-bottom: 0;color: var(--headerColor);font-size: 16px;line-height: 1.4;transition: color 0.3s;font-weight: 500;}#blog .sidebar-posts .cs-item .cs-link {text-decoration: none;color: var(--headerColor);opacity: 0.8;font-size: 14px;}}@media only screen and (min-width: 48rem) {#blog .cs-sidebar .cs-widget-group {padding: 24px 28px 30px;border: 1px solid #ddd;border-radius: clamp(12px, 2vw, 24px);}}@media only screen and (min-width: 0rem) {body.dark-mode #blog .cs-sidebar .cs-widget-group, body.dark-mode #blog .cs-sidebar .cs-dropdown-content {border-color: #444;}body.dark-mode #blog .cs-sidebar .cs-title, body.dark-mode #blog .cs-sidebar .cs-item .cs-link {color: #f7f7f7;}}