.blog-posts .preview{gap:1rem;display:flex}@media screen and (max-width:767px){.blog-posts .preview{flex-flow:column}}.blog-posts .preview>.image{flex-shrink:0;width:320px}@media screen and (max-width:767px){.blog-posts .preview>.image{width:100%}}.blog-posts .preview:hover .ui.medium.header{color:#d0004f}.blog-posts .ui.medium.header{color:#9d003c}.blog-posts .perex{color:#453226;margin:0 0 1em}.blog-posts .metadata{flex-wrap:wrap;display:flex}.blog-posts .metadata .continue{margin-left:auto}.blog-posts .metadata>:not(.continue){color:#888;white-space:nowrap;font-size:.9em}.blog-posts .metadata>:not(.continue):not(:last-child){margin-right:1em}.blog-posts .metadata>:not(.continue) .thumbs.down{margin-left:.75em}@media screen and (max-width:768px){.blog-posts .ui.grid .eleven.wide.column,.blog-posts .ui.grid .five.wide.column{width:100%!important}}.blog-post .metadata{color:#888;margin-bottom:1em;font-size:.9em;display:block}.blog-post .metadata>*{margin-right:1em}.blog-post .ui.header{font-size:1.8rem;line-height:1.3em}.blog-post ul,.blog-post ol{padding-left:25px}.blog-post .ui.segment.wysiwig .content{container-type:inline-size}.blog-post .ui.segment.wysiwig .content img{max-width:100%;height:auto;max-height:80vh;max-height:100cqw;margin-left:auto;margin-right:auto;display:block;width:auto!important}.blog-post .ui.segment.wysiwig .perex{margin:0 0 1.5em;font-weight:600}.blog-post .ui.segment.wysiwig blockquote{background:#efefef;border-left:5px solid #ccc;border-radius:.25rem;margin:1.5rem 2rem;padding:1.5rem;font-size:1.4rem}.blog-post .ui.segment.wysiwig h2,.blog-post .ui.segment.wysiwig h3,.blog-post .ui.segment.wysiwig h4{line-height:1.3em}.blog-post .ui.segment.wysiwig h2{font-size:1.5rem}.blog-post .ui.segment.wysiwig h3{font-size:1.2rem}.blog-post .ui.segment.wysiwig h4{font-size:1.1rem}@media screen and (max-width:640px){.blog-post .ui.segment.wysiwig{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.blog-post .ui.segment.wysiwig blockquote{background:#efefef;border-left:5px solid #ccc;border-radius:.25rem;margin:1rem 1.5rem;padding:1.5rem;font-size:1.2rem}.blog-post .ui.header{margin-top:.5rem;font-size:1.6rem}}@media screen and (max-width:768px){.ui.grid.blog-grid .eleven.wide.column,.ui.grid.blog-grid .five.wide.column{width:100%!important}}