#root{max-width:800px;margin:0 auto;padding:2rem}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}h1{font-size:3rem}.logo{width:100px;display:block}.nav-list ul{display:flex;gap:2rem;list-style:none;padding:0;margin:0 0 5px}.nav-link{text-decoration:none;font-size:1.2rem;color:#000}.nav-link:hover{text-decoration:underline}.articles-main{max-width:800px;margin:0 auto}.articles-main a{text-decoration:none;color:#000}.art-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem;margin-bottom:1rem;background-color:#f3f3f3;border-radius:.7rem}.art-image img{width:90%;height:90%;object-fit:cover}.art-info{display:flex;flex-direction:column;align-items:stretch}.art-released{text-align:right;width:100%}.art-topic{text-align:left}.art-title{text-align:left;font-family:Georgia,Times New Roman,Times,serif;font-style:italic}.art-author{text-align:left;margin-bottom:.5rem;font-size:.8rem;color:#4064a5}.art-comment-count,.art-votes{text-align:right;width:100%;font-size:.8rem}.comment-card{font-size:.8rem;width:60%;display:grid;justify-self:end;gap:.6rem;padding:1rem;margin-bottom:1rem;background-color:#f3f3f3;border-radius:.7rem}.comment-votes,.comment-released{text-align:right;width:100%;font-size:.8rem}.comment-author{color:#4064a5}.thumb-up,.thumb-down{border:0px;font-size:1.8rem;padding-top:10px;color:#fff;cursor:pointer}.add-comment{font-size:.8rem;background-color:#4064a5;border-radius:.7rem;width:20%;padding-top:1px;padding-bottom:1px;color:#fff;border-color:none;cursor:pointer;margin-left:10px}#login-info{font-size:.8rem;text-align:right;padding:0}.topic-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem;margin-bottom:1rem;background-color:#f3f3f3;border-radius:.7rem}.sort-controls{appearance:none;display:flex;justify-content:flex-end;gap:1rem;margin-bottom:1rem;text-align:right}.topic-card-link{text-decoration:none;color:inherit}.topic-card-link:hover .topics-slug{text-decoration:underline}.topic-card a,.topic-card{text-decoration:none;color:inherit}.topic-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;cursor:pointer}.topics-slug{text-decoration:none;font-size:1.2rem}.topic-description{text-decoration:none;font-size:.9rem;color:#666}