@charset "utf-8";
.Xcont{ padding-top: 2rem;row-gap: 2.5rem;}
.Xcont .muted { color: var(--color-red); }
.Xcont .card { padding: 1.5rem; margin: 0; background-color:#f5f5f7;border-radius: 0.5rem; }
.Xcont .head { display: flex; align-items: center; gap:0; }
.Xcont .avatar { width: 3rem; height:3rem; border-radius: 50%; object-fit: cover; }
.Xcont .author { display:flex; flex-direction: column;}
.Xcont .name {color: var(--color-indigo); font-weight:600; line-height:1; padding-bottom: 0.1em;}
.Xcont .uname {font-size:var(--font-M); padding-left:0.75em;}
.Xcont .time { margin-right:auto; font-size:var(--font-S);padding-bottom: 0.5rem;display: block;text-align: right;}
.Xcont .text { line-height: 1.7; margin-top:.25rem; word-break: break-word;padding-bottom:0.5em; }
.Xcont .text a { color: #0a66c2; text-decoration: underline; }
.Xcont .media { display:grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap:.5rem; margin-top:.6rem; }
.Xcont .media img { width:100%; height:100%; object-fit: cover; border-radius:0.4rem; background:#f2f2f2; }
.Xcont .link { display:inline-block; margin-top:.6rem; font-size:var(--font-M); color:#0a66c2;text-decoration: underline; }
.Xcont .error { color:var(--color-red); white-space: pre-wrap;}


@media only screen and (max-width: 760px) {


}