div.wide{width:50%;min-width:330px}div.wide div.wide-child{width:100%}@media screen and (max-width: 400px){div.post-details{display:flex;align-items:center;height:100%;width:100%}div.post-details h2{font-size:23px}}.post-preview{display:flex;border-radius:10px;overflow:hidden;margin-bottom:20px;text-decoration:none}@media screen and (max-width: 400px){.post-preview{min-height:45px}}@media screen and (min-width: 401px){.post-preview{min-height:60px}}.post-preview .post-thumbnail-container{flex:0 0 auto;border-top-left-radius:10px;border-bottom-left-radius:10px;padding-left:0.5em;padding-right:0.5em;border:2px white solid;box-sizing:border-box;background:white;object-fit:cover;display:flex;justify-content:center}@media screen and (max-width: 400px){.post-preview .post-thumbnail-container{width:45px}}@media screen and (min-width: 401px){.post-preview .post-thumbnail-container{width:60px}}.post-preview .post-details{flex:1 1 auto;width:calc(100vw - 150px - 5% - 1em);background:white}.post-preview .post-details .post-title{color:black}.post-preview .post-details .post-date{color:black}.post-preview .post-details .post-excerpt *{color:grey}.post{background-color:white;padding-top:10px;padding-bottom:20px;padding-left:30px;padding-right:30px;border-radius:20px}.post *{color:black}.post a{color:#9d68dc}.post .post-title,.post .post-date{margin:0.1em 1ch 0.1em 0px;display:inline}.post .post-image{width:100%;height:auto}.post table{border-collapse:collapse}.post table td,.post table th{border:1px solid black;padding:0.4em}.post table thead tr{background-color:rgba(0,0,0,0.1);border-bottom:2px solid black}.post table tbody tr:nth-child(even){background-color:rgba(0,0,0,0.1)}.post table tbody tr:nth-child(odd){background-color:rgba(0,0,0,0.05)}.post .post-quote{display:flex;border:solid 2px black;border-radius:20px;padding-top:10px;padding-bottom:0px;padding-left:15px;padding-right:20px;margin-top:10px;margin-bottom:10px}.post .post-quote .post-quote-thumbnail{margin-right:15px;margin-bottom:10px;border-radius:10px;flex:0 0 auto;object-fit:cover}@media screen and (max-width: 400px){.post .post-quote .post-quote-thumbnail{min-height:45px}}@media screen and (min-width: 401px){.post .post-quote .post-quote-thumbnail{min-height:60px}}@media screen and (max-width: 400px){.post .post-quote .post-quote-thumbnail{width:45px}}@media screen and (min-width: 401px){.post .post-quote .post-quote-thumbnail{width:60px}}.post .post-quote .post-quote-title{margin-top:0.5em;margin-bottom:0.5em}.post .post-quote .post-quote-subtitle{margin-top:0.5em;margin-bottom:0.5em}.post-header{width:100%;height:auto;background:linear-gradient(to bottom, transparent 100%, #fff 100%);margin-bottom:-5px}.post-header-image{max-width:100%;max-height:50vh;width:100%;height:auto;object-fit:cover;border-radius:20px 20px 0px 0px;z-index:-1;position:relative}.post-header-body-border{border-radius:0px 0px 20px 20px}.post-preview .post-details .post-title{margin-top:0.5em;margin-bottom:0.3em}.post-preview .post-details .post-date{margin-top:0.3em;margin-bottom:0.5em}.post-preview .post-details .post-excerpt p{margin-top:0.5em}