@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}*,:after,:before{box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}:root{--background-color:#21252b;--text-color:#fff;--color-border:#333;--color-border-secondary:#595959;--color-post-count:#21252b;--color-secondary:#59c88a;--color-hover:#2e8b57;--brand-yellow:#2e8b57;--color-background-gray:#282c34;--border-radius:0.15rem;--dot-backgrount:#909090;--font-family:"Inter",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1rem;--line-height:1.6;--line-height-heading:1.3;--letter-spacing:0.015em;--font-weight-thin:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);letter-spacing:var(--letter-spacing);transition:background-color .3s ease,color .3s ease}[data-theme=light]{--background-color:#fff;--text-color:#12283b;--color-border:#f0eff0;--color-border-secondary:#bfbfbf;--color-background-gray:#f2f2f2;--color-hover:#3ca97b;--dot-backgrount:#b3b3b3;--color-post-count:#d4d4d4}.container{max-width:56.25rem;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{margin:var(--spacing-md) 0;line-height:var(--line-height-heading);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{line-height:var(--line-height);margin:var(--spacing-sm) 0;font-weight:var(--font-weight-normal)}a{color:var(--text-color);text-decoration:none;transition:color .3s ease}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-xs) var(--spacing-sm);border-left:4px solid var(--color-primary);background-color:hsla(0,0%,100%,.1)}code,pre{border-radius:2px}pre{overflow-x:auto}ol,ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}li{margin:var(--spacing-xs) 0}table{width:100%;border-collapse:collapse;margin:var(--spacing-sm) 0}td,th{padding:var(--spacing-xs);border:1px solid var(--color-border)}@media(max-width:48rem){body{font-size:var(--font-size-sm)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:.9rem}.container{padding:0 var(--spacing-lg)}}@media(max-width:30rem){body{font-size:var(--font-size-xs)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.8rem}.container{padding:0 calc(var(--spacing-lg)/2)}}.site-header{justify-content:space-between;border-bottom:1px solid var(--color-border);color:var(--text-color)}.site-header,.site-header__branding{display:flex;align-items:center}.site-header__home-link{text-decoration:none}.site-header__logo-container{display:flex;align-items:center;text-decoration:none;color:inherit}.site-header__logo{width:3.4375rem;height:3.4375rem}.site-header__company-name{margin-left:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--text-color)}.site-header__menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-color)}.site-header__menu-button--open .site-header__menu-icon--top{transform:rotate(45deg) translate(var(--spacing-xs),var(--spacing-xs))}.site-header__menu-button--open .site-header__menu-icon--middle{opacity:0}.site-header__menu-button--open .site-header__menu-icon--bottom{transform:rotate(-45deg) translate(var(--spacing-xs),calc(-1 * var(--spacing-xs)))}.site-header__menu-icon{display:block;width:1.5625rem;height:.1875rem;margin:var(--spacing-xs) 0;border-radius:2px;transition:background-color .3s ease,transform .3s ease;background-color:var(--text-color);margin-left:auto}.site-header__menu-icon--top{width:1.171875rem}.site-header__menu-icon--middle{width:1.5625rem}.site-header__menu-icon--bottom{width:1.328125rem}.site-header__navigation{display:flex;white-space:nowrap;align-items:center;justify-content:space-between;color:var(--text-color)}.site-header__navigation>*{font-size:var(--font-size-md);padding:var(--spacing-xs);margin:0;text-decoration:none;transition:color .3s;color:var(--text-color)}.site-header__navigation>:hover{color:var(--hover-color)}.site-header__theme-toggle{background-color:transparent;border:none;cursor:pointer}@media(max-width:48rem){.site-header,.site-header--open{flex-direction:column}.site-header__menu-button{display:block}.site-header__navigation{width:100%;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out;flex-direction:column;align-items:flex-start}.site-header__navigation--open{max-height:31.25rem}.site-header__navigation>*{width:100%;text-align:left}.site-header__branding{width:100%;justify-content:space-between}}.section{padding:3.5rem 0}.hero{padding:3rem 0}.hero__title{margin-bottom:1.5rem;font-weight:700}.hero__live-indicator{display:inline-block;width:.21em;height:.21em;border-radius:50%;margin-left:.1rem;background-color:var(--brand-yellow);animation:hero__live-indicator--pulse 2.5s infinite}@keyframes hero__live-indicator--pulse{0%{box-shadow:0 0 0 0 rgba(60,179,113,.7)}70%{box-shadow:0 0 0 10px rgba(60,179,113,0)}to{box-shadow:0 0 0 0 rgba(60,179,113,0)}}.hero__description{font-size:var(--font-size-xl);margin-bottom:2.5rem;font-weight:300}.hero__highlight{color:#fff;padding:.2em;background-color:var(--brand-yellow)}.section-title{margin-bottom:30px;font-size:2.5rem;font-weight:700}.section-description{font-size:1.5rem;line-height:1.8;margin-bottom:50px;text-align:center;font-weight:300}.section-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 auto}.section-card{padding:30px;border-radius:2px;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;font-weight:300}.section-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.card-title{margin-bottom:15px;font-size:1.5rem}.card-description{font-weight:300;font-size:1.125rem;line-height:1.6}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-section .no-break{white-space:nowrap}.hero-section__button{border:none;border-radius:50px;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--brand-yellow);transition:background-color .3s ease,transform .3s ease}.hero-section__button a{color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.hero-section__button:hover{transform:translateY(-3px);background-color:var(--color-secondary);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.features-section{padding-top:1rem}.features-section h2{text-align:center}.features-section__content{margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.features-section__item{background-color:var(--color-background-gray);border-radius:var(--border-radius);flex-grow:1;flex-shrink:1;flex-basis:calc(45% - 30px);max-width:calc(45% - 30px)}@media(max-width:1024px){.features-section__item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 30px);max-width:calc(50% - 30px)}}@media(max-width:768px){.features-section__item{flex:1 1 100%;max-width:100%}}.benefits-section{background-color:var(--color-background-gray);border-radius:var(--border-radius);text-align:left}.benefits-section__content{margin:0 auto;padding:0 20px;max-width:1200px;display:flex;flex-direction:column;align-items:center}.benefits-section__item{background-color:var(--background-color);border-radius:var(--border-radius);flex-grow:1;flex-shrink:1;flex-basis:calc(45% - 30px);max-width:calc(45% - 30px)}@media(max-width:1024px){.benefits-section__item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 30px);max-width:calc(50% - 30px)}}@media(max-width:768px){.benefits-section__item{flex:1 1 100%;max-width:100%}}.working-section__content{margin:0 auto;padding:0 20px;max-width:1200px;display:flex;flex-direction:column;align-items:center}.working-section__step{background-color:var(--color-background-gray);border-radius:var(--border-radius);flex-grow:1;flex-shrink:1;flex-basis:calc(45% - 30px);max-width:calc(45% - 30px)}@media(max-width:1024px){.working-section__step{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 30px);max-width:calc(50% - 30px)}}@media(max-width:768px){.working-section__step{flex:1 1 100%;max-width:100%}}.code-snippet-carousel{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding-bottom:0}@media(max-width:48em){.code-snippet-carousel{flex-direction:column}}.code-snippet__code-container{flex:1.5 1;overflow:auto;padding:var(--spacing-xs);font-size:1rem}@media(max-width:48em){.code-snippet__code-container{width:100%;padding:0;min-height:12.5rem}}.code-snippet__info{flex:1 1;display:flex;flex-direction:column;padding:var(--spacing-xs)}@media(max-width:48em){.code-snippet__info{width:100%;padding:0}.code-snippet__info .code-snippet__headline{margin-top:5rem}}.code-snippet__headline{font-size:.875rem;color:var(--brand-yellow);text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:0;letter-spacing:.05em}.code-snippet__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);overflow:hidden;margin-bottom:1rem}.code-snippet__description{font-size:var(--font-size-md);overflow:hidden;height:6.25rem}.code-snippet__nav,.code-snippet__nav .code-snippet__nav-wrapper{display:flex;align-items:center;justify-content:center}.code-snippet__nav .code-snippet__nav-wrapper{width:auto}.code-snippet__nav .code-snippet__nav-button{background-color:transparent;color:var(--brand-yellow);font-size:2.25rem;cursor:pointer;transition:color .3s ease,transform .3s ease;border:none}.code-snippet__nav .code-snippet__nav-button:hover{color:var(--brand-yellow);transform:scale(1.15)}.code-snippet__nav .code-snippet__nav-button:disabled{color:#b3b3b3;cursor:not-allowed}.code-snippet__nav .code-snippet__dots{display:flex;justify-content:center;align-items:center;margin:0 var(--spacing-xs)}.code-snippet__nav .code-snippet__dots .code-snippet__dot{width:.7rem;height:.7rem;background-color:var(--dot-backgrount);border:1px solid var(--dot-backgrount);border-radius:50%;margin:0 .4rem;cursor:pointer;transition:background-color .3s ease,transform .23s ease}.code-snippet__nav .code-snippet__dots .code-snippet__dot.code-snippet__dot--active{background-color:var(--brand-yellow);border:1px solid var(--brand-yellow)}.code-snippet__nav .code-snippet__dots .code-snippet__dot:hover{background-color:var(--brand-yellow)}.course-outline-section{text-align:center;color:var(--text-color);background-color:var(--color-background-gray);padding:var(--spacing-md) 0}.course-outline-section p{font-size:var(--font-size-xl);font-weight:var(--font-weight-thin)}.course-outline-section .section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:calc(3.5rem - var(--spacing-md)) 0 0 0}.course-outline-section .course-description{padding:var(--spacing-lg);background-color:var(--color-background-gray);padding-bottom:.1rem}.course-outline-section .course-description__intro{text-align:left;margin-bottom:3.5rem}.course-outline-section .course-description__section{padding:var(--spacing-lg);background-color:var(--background-color);text-align:left;border-radius:var(--border-radius)}.course-outline-section .course-description__section--conclusion{background-color:var(--color-background-gray);padding-bottom:0}.course-outline-section .course-description__heading{margin-bottom:var(--spacing-xl);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);text-align:center}.course-outline-section .course-description__list{list-style-type:none;padding-left:var(--spacing-xs)}.course-outline-section .course-description__list li{position:relative;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md)}.course-outline-section .course-description__list li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;background-color:var(--text-color);border-radius:50%}.course-outline-section .course-description__list-item{font-size:var(--font-size-lg);font-weight:var(--font-weight-thin)}.course-outline-section .course-description__list-item strong{font-weight:var(--font-weight-bold);color:var(--color-secondary)}.course-outline-section .course-outline-content{text-align:left;margin:2rem}.course-outline-section .course-outline-content .outline-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);text-align:center}.course-outline-section .course-outline-content .accordion{border-radius:var(--border-radius)}.course-outline-section .course-outline-content .accordion .accordion-item{margin-bottom:1rem;background-color:var(--background-color)}.course-outline-section .course-outline-content .accordion .accordion-item:last-child{margin-bottom:0}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-header{width:100%;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:var(--border-radius);transition:background-color .3s ease,color .3s ease;background-color:var(--background-color);border:none;outline:none;text-align:left}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-header h3{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-color);transition:color .3s ease}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-header .accordion-icon{font-size:2rem;color:var(--text-color);transition:transform .3s ease,color .3s ease}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-header:hover{background-color:var(--color-hover)}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-header:hover .accordion-icon{color:var(--text-color)}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body{max-height:0;overflow:hidden;padding:0 1.5rem;border-radius:var(--border-radius);transition:max-height .5s ease,padding .3s ease}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body ul{padding:0}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body ul li{margin-bottom:.75rem;padding:1rem .2rem;font-size:var(--font-size-md);line-height:1.75;display:flex;align-items:center;background-color:var(--color-background-gray);border-radius:var(--border-radius);transition:background-color .3s ease,color .3s ease}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body ul li:before{content:"";width:4px;height:100%;background-color:var(--color-secondary);margin-right:1rem;border-radius:2px}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body ul li:hover{background-color:var(--color-hover)}.course-outline-section .course-outline-content .accordion .accordion-item .accordion-body ul li:hover:before{background-color:var(--text-color)}.course-outline-section .course-outline-content .accordion .accordion-item.active .accordion-body{max-height:1000px}.course-outline-section .course-outline-content .accordion .accordion-item.active .accordion-header .accordion-icon{transform:rotate(45deg)}.footer{background-color:var(--background-color);color:var(--text-color);border-top:1px solid var(--color-border)}.footer__content{display:flex;justify-content:center;align-items:center}.footer__logo{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold)}.footer__bottom{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.code-block-wrapper{position:relative}.copy-button{position:absolute;top:10px;right:10px;background-color:#21252b;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:2px}.copy-button:hover{background-color:var(--color-hover)}@media(max-width:600px){.copy-button{top:5px;right:5px;padding:3px 6px;font-size:12px}}.blog-home-container{padding:var(--spacing-xl) 0}.post-list-with-pagination{text-align:left}.post-list-with-pagination,.recent-posts{margin-bottom:var(--spacing-lg);background-color:var(--color-background-gray);padding:var(--spacing-lg)}.recent-posts h2{text-align:center;margin-bottom:3.5rem}.all-posts{background-color:var(--color-background-gray);padding-top:var(--spacing-lg)}.all-posts h2{text-align:center}.categories{padding:var(--spacing-lg) 0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:var(--spacing-xl) 0}.categories .category-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);max-width:1200px;width:100%}.categoryCard{flex:1 1 calc(33.33% - var(--spacing-lg));max-width:calc(33.33% - var(--spacing-lg));min-width:250px;background-color:var(--color-background-gray);padding:var(--spacing-md);border-radius:var(--border-radius);transition:transform .3s ease,background-color .3s ease}.categoryCard:hover{transform:translateY(-5px);background-color:var(--color-hover)}.categoryCard .categoryLink{text-decoration:none;color:var(--text-color);display:block;width:100%}.categoryCard .cardContent{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.categoryCard .categoryIcon{width:50px;height:50px}.categoryCard .postCount{font-size:var(--font-size-sm);margin-bottom:0;border-radius:50px;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-post-count);display:inline-block;font-weight:var(--font-weight-medium)}.categoryCard .categoryTitle{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.categoryCard .categoryDescription{font-size:var(--font-size-sm)}@media(max-width:1024px){.categoryCard{flex:1 1 calc(50% - var(--spacing-lg));max-width:calc(50% - var(--spacing-lg))}}@media(max-width:768px){.categoryCard{flex:1 1 calc(100% - var(--spacing-lg));max-width:calc(100% - var(--spacing-lg))}}.category-page-container .post-card .keyword-badge{background-color:var(--background-color)}.back-button{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-align:center;text-decoration:none;border:none;background-color:var(--color-hover);margin:var(--spacing-lg) 0}.back-button:hover{background-color:var(--color-secondary);transform:translateY(-3px)}.back-button:active{transform:translateY(0)}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-lg)}.pagination-button{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);margin:0 var(--spacing-xs);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;background-color:var(--color-hover)}.pagination-button:hover{transform:translateY(-3px);background-color:var(--color-secondary)}.pagination-button:disabled{transform:translateY(0);color:var(--text-color);background-color:var(--color-border);cursor:not-allowed;opacity:.6}.pagination-info{font-size:var(--font-size-md);margin:0 var(--spacing-sm);color:var(--text-color)}.pagination-arrow{font-size:var(--font-size-lg);margin:0 .25rem;display:inline-block}.search-section{margin:0 auto;padding:var(--spacing-xs)}.search-section .search{width:100%;text-align:center}.search-input{width:100%;max-width:550px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-secondary);background-color:var(--color-background-gray);border-radius:50px;font-size:var(--font-size-md);outline:none;color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{box-shadow:0 0 5px var(--color-hover)}.search-input:focus,.search-input:hover{border-color:var(--color-hover)}.no-results,.search-hint,.search-results{margin:var(--spacing-md) 0 var(--spacing-xl) 0;text-align:center}.no-results,.search-hint{color:var(--text-color);font-size:var(--font-size-sm)}@media(max-width:768px){.search-input{max-width:100%;padding:var(--spacing-xs) var(--spacing-sm)}.no-results,.search-hint,.search-results{font-size:var(--font-size-xs)}}.post-card{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:background-color .3s ease,box-shadow .2s ease;background-color:var(--background-color);transition:transform .2s ease,background-color .3s ease}.post-card:hover{transform:translateY(-5px);background-color:var(--color-hover)}.post-card .keyword-badge{display:inline-block;background-color:var(--color-background-gray);border-radius:50px;padding:.25rem .75rem;font-size:var(--font-size-sm);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.post-card__title{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.post-article__date,.post-card__date{font-size:var(--font-size-sm);margin-bottom:0}.post-article__date{border-radius:50px;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-background-gray);display:inline-block;font-weight:var(--font-weight-medium);margin-right:.5rem}