/* Paper sizes belong to the layout, never to a story's length. */
.wall {
  grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,4fr);
  max-width:none;
  align-items:start;
}
.wall-scene:not(.compact-wall) .wall {margin-right:0}
.wall .card,#storyContent .card {
  height:270px;
  min-height:0;
  max-height:270px;
  max-width:440px;
  justify-self:start;
  width:100%;
}
.wall .tint-opener {width:calc(100% - 18px)}
.wall .card:nth-child(3n + 2) {height:260px;max-height:260px}
.card .rtop,.card .foot,.card .rstamp {flex-shrink:0}
.card .msg {
  flex:1 1 0;
  min-height:0;
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.card.long .msg {padding-bottom:8px}
.card.long.tint-redflag .msg::before {
  content:"";
  float:right;
  width:140px;
  height:100%;
  shape-outside:polygon(0 55%,100% 55%,100% 100%,0 100%);
}
.card .msg[tabindex] {overflow:auto}
@media(min-width:1001px) {
  .wall .card:nth-child(3n + 2) {max-width:330px;justify-self:center}
  .wall .card:nth-child(3n) {justify-self:end}
  .wall .card:nth-child(3n + 2).long.tint-redflag .msg {padding-bottom:0}
  .wall .card:nth-child(3n + 2).long.tint-redflag .msg::before {
    width:115px;
    shape-outside:polygon(0 60%,100% 60%,100% 100%,0 100%);
  }
  .wall .card:nth-child(3n + 2).long.tint-redflag .read-stamp {font-size:13px;right:18px}
}
@media(max-width:1100px) {
  .wall .tint-opener {width:calc(100% - 12px)}
}
@media(max-width:1000px) {
  .wall {grid-template-columns:repeat(2,minmax(0,1fr))}
  .wall .card,.wall .card:nth-child(3n + 2) {height:260px;max-height:260px}
}
@media(max-width:760px) {
  .wall .tint-opener {width:100%}
  .card.long.tint-redflag .msg::before {width:115px}
}
@media(max-width:600px) {
  .wall {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px) {
  .card {padding:20px 18px 18px}
  .card .rtop {min-height:22px;margin-bottom:14px}
  .card.long .msg {padding-bottom:6px}
  .tint-bleak .msg {padding-right:48px}
  .bleak-caption {font-size:13px;width:45px;right:10px;top:76px}
  .card.long.tint-redflag .msg::before {width:110px}
  .read-stamp {font-size:12px;right:17px}
}

