div.content-cover-root {
    width: 100%;
}

div.content-cover-container {
    position: relative;
    width: 100%;
    padding-bottom: 40%;
}

div.content-cover-wrapper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

img.content-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.content-root {
    max-width: 800px;
    margin: 20px auto;
}

h1 { font-size:20px; font-weight:700; }
h2 { font-size:18px; font-weight:700; }
h3 { font-size:16px; font-weight:700; }

ul.posts { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
ul.posts li { border-bottom:1px solid #ccc; }

p.content-paragraph {
    font-size: 13px;
}

img.content-image {
    max-width: 800px;
    width: 100%;
    padding: 5px 0px;
    box-sizing: border-box;
}

li.content-image-hashtag {
    font-size: 12px;
    color: blue;
}

li.content-hashtag {
    font-size: 12px;
    font-weight: 700;
    color: blue;
}

img.content-particle-image {
    display: block;
    max-width: 800px;
    width: 100%;
}

div.content-path {
    max-width:800px;
    margin: 15px auto 5px auto;
    font-size: 11px;
}

span.content-path-node {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 3px 5px;
    box-sizing: border-box;
    border-radius: 3px;
}

div.content-published-at {
    font-size: 11px;
}

div.content-author {
    font-size: 12px;
}

div.content-context-container {
    padding: 20px 0px;
}

li.content-category {
    font-size: 12px;
}

li.content-list-item a {
    text-decoration: none;
}

li.content-list-item h1 {
    font-size: 13px;
}

li.content-list-item p {
    font-size: 11px;
    word-break: break-word;
}


figure {
    margin: 0px;
}

ul.content-related-products { display:flex; flex-direction:column; list-style:none; margin:0; padding:0; border:1px solid #ccc; box-sizing:border-box; }
ul.content-related-products a { display:flex; align-items:center; text-decoration:none; font-size:11px; gap:10px; padding:10px; box-sizing:border-box; }
ul.content-related-products a:hover { background-color:#f8f8f8; }
ul.content-related-products li { border:0px; }
ul.content-related-products li img { width:100px; border-radius:5px; }
ul.content-related-products .product-name { font-size:12px; font-weight:700; }

div.hashtags {
    margin: 15px auto;
}

div.hashtags a.hashtag {
    font-size:14px;
    border: 2px solid #707777;
    padding: 2px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f0f0f0;
    text-decoration: none;
}

div.cover-root { position:relative; width:120px; }
div.cover-container { position:relative; padding-bottom:120px; overflow:hidden; border-radius:8px; }
div.cover-container img { position:absolute; width:100%; height:100%; object-fit:cover; }