section.blogpost-header,section.blogpost-content{max-width:700px;margin-left:auto;margin-right:auto}section.blogpost-header{border-bottom:calc(var(--border-width)/3) solid var(--text);flex-direction:column;margin-bottom:3rem;display:flex;padding-bottom:1rem!important}.blogpost-header .category{letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.blogpost-header h1{font-family:var(--sans-font);margin:0}.blogpost-header .summary{color:#333;letter-spacing:-.03px;font-family:var(--serif-font);border:1px solid #666;margin:1.5rem 0 2rem;padding:1rem .8rem;font-size:1.1rem;font-style:italic;font-weight:300}.blogpost-header .meta-container{align-items:center;gap:1rem;display:flex}.blogpost-header .meta-container img{border-radius:50px;max-width:50px}.blogpost-header .meta-container .meta-content{font-size:.8rem;font-weight:500}section.blogpost-content{padding-top:2rem!important}.blogpost-content h2,.blogpost-content h3,.blogpost-content h4{font-family:var(--sans-font)}.blogpost-content p{line-height:1.7}.blogpost-content h2{font-size:var(--h3-fs)}.blogpost-content h3{font-size:var(--h4-fs);margin:2rem 0 .25rem}.blogpost-content h4{font-size:var(--h6-fs);text-transform:uppercase;letter-spacing:.03rem;color:var(--text-light);margin:0}.blogpost-content li{margin-bottom:.5rem}.blogpost-content hr{width:90%;height:1px;margin:2rem auto}.blogpost-content blockquote{color:var(--text);font-size:1.2rem}.blogpost-content figure{margin-top:2rem;margin-bottom:2rem}@media (width<=768px){.blogpost-content figure{margin:1.5rem 0}}.blogpost-content img{border-radius:0;margin:0}.blogpost-content .chat-bubble{flex-direction:column;margin-top:-1.5rem;margin-bottom:2rem;display:flex}.blogpost-content .chat-bubble .comment{text-align:center;color:#333;word-wrap:break-word;border-radius:0;max-width:80%;margin:auto;padding:2em 0;font-size:18px;font-style:italic;line-height:1.2em;position:relative}.blogpost-content .chat-bubble p{line-height:inherit;word-wrap:break-word;border-radius:.7em;max-width:75%;padding:.8em 1.2em;position:relative}.blogpost-content .chat-bubble .from-me{color:#1a1a1a;background-color:#ffd059;align-self:flex-end;width:fit-content}.blogpost-content .chat-bubble .from-them{color:#1a1a1a;background-color:#e5e5ea;align-items:flex-start;width:fit-content}