.tog-article{color:#202020;width:50%;margin:6.5rem auto}.tog-sec:not(:last-child){margin-bottom:2.3rem}.tog-sec code{margin:1.1rem 0;display:block}.tog-sec code pre{color:#414141;background-color:#f4f4f4;border:1px solid #e9e9e9;border-radius:.5rem;padding:.6rem;font-family:monospace;font-size:1rem}.tog-sec a{color:var(--color-accent-blue);font-weight:600;text-decoration:none}.tog-summary,.tog-sec-title{margin-bottom:2rem}.tog-title{font-size:2.5rem}.tog-subtitle{color:#434343;font-weight:100}.tog-heading{margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.tog-para p,.tog-heading-para p,.tog-summary{color:#434343;font-size:1.1rem}.tog-main-img{border-radius:1rem;height:20rem}.tog-main-img-credit{color:#999;text-align:center;font-size:.8rem}.tog-highlight{color:#d3d3d3}.tog-article__grid{grid-template-columns:repeat(2,1fr);gap:2rem;width:80%;margin:4rem auto;display:grid}.tog-article__grid>.tog-sec{transition:transform .2s,box-shadow .2s}.tog-article__grid>.tog-sec .tog-sec{margin-bottom:.9rem}.tog-article__grid>.tog-sec:hover{transform:translateY(-4px)}.tog-article__grid>.tog-sec:hover h2{color:var(--color-accent-blue)}.tog-article__grid .tog-main-img{height:10rem}.tog-prev-next p{color:#585858;border:1px solid #ddd;border-radius:3px;padding:5px 11px;font-size:.8rem;display:inline-block}.tog-prev-next p:last-child{margin-left:1rem}.tog-prev-next p:hover{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}@media (max-width:1024px){.tog-article{width:70%}}@media (max-width:768px){.tog-article{width:85%}.tog-article__grid{grid-template-columns:repeat(1,1fr);width:100%;margin:0 auto}}