.wsc-papier {
  max-width: 800px;
  margin: 0 auto;
  background-color: rgba(128, 128, 128, 0.1);
  border-color: rgba(128, 128, 128, 0.3);
  border-width: 2px;
  border-style: solid;
  padding: 30px 30px 50px 30px;
}
.wsc-spoiler {
  margin: 0.75em 0;
  padding: 0.35em 0.7em;
  border: 1px solid rgba(127, 127, 127, 0.35);
  border-radius: 6px;
  background: rgba(127, 127, 127, 0.08);
}
.wsc-spoiler > summary {
  cursor: pointer;
  font-weight: 600;
}
.wsc-align {
  margin: 0.4em 0;
}
.wsc-table-wrap {
  overflow-x: auto;
  margin: 0.75em 0;
}
.wsc-table {
  width: 100%;
  border-collapse: collapse;
}
.wsc-table td,
.wsc-table th {
  border: 1px solid rgba(127, 127, 127, 0.35);
  padding: 0.35em 0.6em;
  vertical-align: top;
}
.wsc-tt {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95em;
}
.wsc-video {
  position: relative;
  width: 100%;
  max-width: 720px;
  aspect-ratio: 16 / 9;
  margin: 0.75em 0;
}
.wsc-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.content .inline-attachment {
  display: block;
  margin: 0.75em 0;
}
.content .inline-attachment:first-child {
  margin-top: 0;
}
.content .attach-media {
  margin: 0;
  max-width: 100%;
}
.content .attach-media .postimage,
.content img.postimage {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  cursor: pointer;
}
.content .attach-media figcaption {
  margin-top: 0.4em;
  font-size: 0.875rem;
  color: inherit;
  opacity: 0.7;
}
.content .attachbox .attach-media {
  margin: 0.5em 0;
}
.content .wsc-float-left,
.content .wsc-float-right,
.content .bb-float-left,
.content .bb-float-right {
  max-width: min(100%, 22rem);
}
.content .wsc-float-left,
.content .bb-float-left {
  float: left;
  margin: 0.15em 1em 0.85em 0;
}
.content .wsc-float-right,
.content .bb-float-right {
  float: right;
  margin: 0.15em 0 0.85em 1em;
}
.content .wsc-float-left .inline-attachment,
.content .wsc-float-right .inline-attachment,
.content .bb-float-left .inline-attachment,
.content .bb-float-right .inline-attachment {
  display: block;
  margin: 0;
}
.content .wsc-imsize {
  max-width: 100%;
}
.content .wsc-imsize .wsc-float-left,
.content .wsc-imsize .wsc-float-right {
  max-width: 100%;
}
.content .wsc-imsize .postimage {
  width: 100%;
}
.content::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .post.has-profile:not(.has-simple-profile) > .zn-postprofile,
  .post.has-profile:not(.has-simple-profile) > .postprofile,
  .posting-profile {
    max-width: 13.5rem;
    min-width: 13.5rem;
  }
  .post.has-profile:not(.has-simple-profile) > .zn-postbody,
  .post.has-profile:not(.has-simple-profile) > .postbody,
  .posting-messagebox > .postbody {
    width: calc(100% - 14.5rem);
  }
  .post.has-profile:not(.has-simple-profile) .postprofile .avatar img,
  .posting-profile .avatar img {
    width: 8rem;
    height: 8rem;
    max-width: 100%;
    object-fit: cover;
  }
}