body {
    background:#fcfcfc;
    font:normal 0.95rem/1.75 "Favorit", sans-serif;
    color:#383c45;
}

/* container */
#container {
    margin:50px auto;
    width:500px;
    display:grid;
    grid-auto-flow:row;
    row-gap:35px;
}

/* header (before posts) (demo only) */
hgroup *:first-child {
    margin-top:0;
}

hgroup *:last-child {
    margin-bottom:0;
}

hgroup h1:has(+ p) {
    margin-bottom:0;
}

hgroup h1 + p {
    margin-top:0;
}

hgroup p:has(+ p) {
    margin-bottom:0;
}

hgroup p + p {
    margin-top:0.5em;
}

/* basics */
#container iframe, #container video {
    display:block;
    width:100%;
    max-width:100%;
}

/* basics */
img {
    vertical-align:middle;
    max-width:100%;
}

a {
    color:#000000;
    text-decoration:underline currentColor 1.5px;
    text-underline-offset:0.175em;
    text-decoration-skip-ink:auto;
}

blockquote {
    border-left:3px solid #ededed;
    margin-left:21px;
    padding-left:21px;
    margin-right:0;
}

/* posts */
.posts {
    position:relative;
}

/* reblog header */
.reblog-user-header, .question-header, .answer-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:12px;
}

/* reblog header:avatars */
.reblog-user-header img, .question-header img, .answer-header img {
    display:block;
    width:44px;
    border-radius:100%;
    flex-shrink:0;
    font-size:1rem;
}

/* reblog header:usernames */
.reblog-user-header a {
    flex:1;
    display:flex;
    justify-content:space-between;
    font-weight:bold;
    text-decoration:none;
}

/* reblogs:spacing */
.reblog-entry:not(:first-child), .question + .answer {
    margin-top:15px;
}

.question-content:not(:has(> :is(p,h1,h2,h3,h4,h5,h6,blockquote):first-child)){
    margin-top:1em;
}

/* post footer */
.posts footer {
    margin-top:15px;
    display:flex;
    justify-content:space-between;
    gap:1em;
}

.posts footer > a:last-child {
    text-align:right;
}

/* post dividers */
hr {
    display:block;
    width:100%;
    height:1px;
    background:#e9e9e9;
    border:none;
}

.posts + hr:last-child {
    display:none;
}