html,body{max-width:100%;overflow-x:hidden}
.content blockquote.callout{margin:18px 0}
.content blockquote.callout p:last-child{margin-bottom:0}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
/* 칸이 적은 표는 화면 폭에 맞춰 접고, 칸이 많은 표만 칸 최소 폭 때문에 가로로 민다. */
.table-scroll table{width:100%;margin:0}
.table-scroll th,.table-scroll td{min-width:4.5rem;vertical-align:top;word-break:keep-all;overflow-wrap:break-word}
/* 다섯 칸 이상인 표는 화면 폭에 욱여넣지 않고 칸을 넉넉히 둔 채 가로로 민다. */
.table-scroll tr>:first-child:nth-last-child(n+5),.table-scroll tr>:first-child:nth-last-child(n+5)~*{min-width:7.5rem}
/* 밀 수 있는 표라는 것이 보이게 얇은 막대를 늘 둔다(넘칠 때만 생긴다). */
.table-scroll::-webkit-scrollbar{height:6px}
.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.content ol ol,.content ol ul,.content ul ol,.content ul ul{margin-top:6px;margin-bottom:6px}
@media (max-width:900px){
  .content ol,.content ul{padding-left:26px}
  .table-scroll th,.table-scroll td{padding:8px 10px}
}