.article-outer{width:100%;max-width:1284px;display:flex}.article-outer:hover .article-title{text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article-right-section,.article-left-section{border-bottom:1px solid var(--accent);flex-direction:column;width:75%;font-size:20px;display:flex}.article-left-section{border-right:1px solid var(--accent);width:25%;padding-block:75px;padding-inline:32px}.article-right-section{width:75%;padding:75px;position:relative}.article-author{font-style:italic}.article-title{justify-content:space-between;align-items:center;font-size:38px;font-weight:600;line-height:40px;display:flex}.article-title svg{width:20px;height:20px;position:absolute;top:16px;right:16px}.article-date{color:var(--muted-text)}.article-short-desc{margin-top:24px}.article-labels{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.article-label{border:1px solid var(--accent);padding:8px;font-size:16px}.article-label:hover{background-color:var(--accent);color:var(--background)}.article-read-time{margin-top:16px;font-size:14px}@media (max-width:768px){.article-outer{border-top:1px solid var(--accent);flex-direction:column-reverse}.article-right-section,.article-left-section{border-bottom:0;width:100%;padding-block:16px;padding-inline:0}.article-left-section{border-right:0}}