#article-banner{background-color:var(--gray30)}#article{width:100%;max-width:640px;margin:0 auto;padding:32px 16px;& > #article-name{font-size:32px;margin:0}& > #article-description{font-size:18px;font-weight:600;line-height:1.5em;color:var(--gray50)}& > #article-byline{margin:24px 0 32px;& > #author-icon{width:48px;height:48px}& > #article-author{color:var(--gray50)}}& > #article-social{padding:8px 0;border-top:solid 1px var(--gray20);border-bottom:solid 1px var(--gray20);margin:16px 0 32px}& > #article-content{color:var(--gray80);font-size:16px;& h1, & h2, & h3, & h4, & h5, & h6{color:var(--black);font-weight:400;margin-top:1.5em;margin-bottom:0;line-height:1.25em}& p{line-height:1.75em}}& img{max-width:100%}}.e-content table{border-collapse:collapse;border:solid 1px var(--gray40)}.e-content thead{border:solid 1px var(--gray40);background-color:var(--gray30)}.e-content thead th{padding:8px 16px;text-align:left;font-weight:500;color:var(--black)}.e-content table td{padding:8px 16px;border-bottom:solid 1px var(--gray40);text-align:left}.e-content tbody tr:nth-child(even){background-color:var(--gray10)}.widgets{margin-bottom:24px}@media screen and (min-width:768px){.content{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%}.content>.content-main{flex-grow:1}.widgets{padding:0}.widgets.TOP{margin-bottom:16px}.widgets.LEFT{width:20%;min-width:160px;max-width:320px;padding-right:24px;margin-right:24px;border-right:solid 1px var(--gray20);flex-grow:0;flex-shrink:0}.widgets.RIGHT{width:20%;min-width:160px;max-width:240px;padding-left:24px;margin-left:24px;border-left:solid 1px var(--gray20);flex-grow:0;flex-shrink:0}.widgets.BOTTOM{margin-top:16px}}