.article-page-container{padding-top:4rem;padding-bottom:6rem}.article-content-main{max-width:720px;margin:0 auto;background-color:var(--light-color);padding:3rem}.article-header-main{margin-bottom:3rem;border-bottom:1px solid var(--grey-color);padding-bottom:2rem}.article-header-main h1{font-size:3.2rem;color:var(--dark-color);line-height:1.3}.article-meta{font-size:1.4rem;color:var(--text-color);margin-top:1rem}.article-body{margin-bottom:3rem}.article-body h2{font-size:2.6rem;color:var(--headline-color);margin-top:4rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.article-body h3{font-size:2.2rem;color:var(--headline-color);margin-top:3rem;margin-bottom:1rem}.article-body p{font-size:1.7rem;line-height:1.8;color:var(--text-color);margin-bottom:2rem}.article-body ul{list-style:disc;margin-left:2rem;margin-bottom:2rem;padding-left:1rem}.article-body ul li{font-size:1.6rem;line-height:1.7;margin-bottom:1rem;color:var(--text-color)}.article-body strong{font-weight:700;color:var(--dark-color)}.article-body a{color:var(--primary-color);text-decoration:underline}.article-body a:hover{text-decoration:none}.article-body img{max-width:100%;height:auto;margin:2rem auto;display:block;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-body blockquote{border-left:4px solid var(--primary-color);margin:2rem 0;padding:1rem 1.5rem;background-color:var(--grey-color);font-style:italic;color:#555}.article-internal-cta{background-color:var(--grey-color);padding:3rem;margin:4rem 0;text-align:center;border-radius:5px}.article-internal-cta h3{margin-top:0;margin-bottom:1.5rem}.app-screenshots-preview .section-intro-alt{font-size:2.4rem;color:var(--headline-color);margin-bottom:3rem;font-weight:700}.about-bottom-image{display:inline-block;margin-top:2rem}.about-bottom-image img{border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.article-page-nav-variant #main-header .nav-actions-group{display:flex;align-items:center}.article-page-nav-variant #main-header .nav-links{display:none;list-style:none;padding:0;margin:0}.article-page-nav-variant #main-header .nav-links li{margin:0}.article-page-nav-variant #main-header .nav-cta{display:inline-block}@media (min-width:1024px){.article-page-nav-variant #main-header .nav-links{display:block;margin:0;order:1}.article-page-nav-variant #main-header .nav-cta{order:2;margin-left:1.5rem}}@media (max-width:1023px){.article-page-nav-variant #main-header .nav-cta{padding:.6rem 1.2rem;font-size:1.3rem}.article-page-nav-variant #main-header .logo{font-size:1.5rem}}@media (max-width:768px){.article-content-main{padding:2rem;box-shadow:none;border-radius:0}.article-header-main h1{font-size:2.8rem}.article-body h2{font-size:2.2rem}.article-body h3{font-size:2rem}.article-body p,.article-body ul li{font-size:1.6rem}}