/* adaptive layer over the original fixed-width theme */
img{max-width:100%;height:auto}
iframe,embed,object,video{max-width:100%}
.PostContent{overflow-wrap:break-word;word-wrap:break-word}
.PostContent table{max-width:100%}
h1.list-title{font-size:22px;font-weight:normal;margin:14px 10px 4px 10px;color:#333}
h1.PostHeaderIcon-wrapper{font-size:22px;margin:0 0 6px 0}
.related-title{margin:12px 0 4px 0}
@media (max-width:1220px){
  .Sheet{width:auto;max-width:1210px;margin-left:5px;margin-right:5px}
  .contentLayout{width:auto}
  .nav{width:auto;background-size:cover}
  .nav .r div{width:auto}
  .Footer,.Footer-inner,.Footer-text{width:auto !important;max-width:100%}
  .contentLayout .content{width:calc(100% - 250px)}
}
@media (max-width:800px){
  .Main{position:static}
  .Sheet{margin:6px 0 !important}
  .Sheet-body{margin:4px}
  .nav{height:auto !important;overflow:hidden;background-size:cover;background-position:center}
  .nav .logo{float:none !important;text-align:center}
  .logo img{float:none;display:block;margin:12px auto 0;width:auto;max-width:80%;height:auto}
  .artmenu{float:none !important;padding:8px 4px !important;margin:0 !important;text-align:center}
  .artmenu li{float:none !important;display:inline-block}
  .contentLayout{display:flex;flex-direction:column}
  .contentLayout .content{order:1;width:auto;float:none}
  .contentLayout .sidebar1{order:2;width:auto;float:none}
  .Block{margin:10px 0}
  .PostContent img.alignleft,.PostContent img.alignright{float:none;display:block;margin:8px auto}
  .PostContent iframe{width:100%;height:auto;aspect-ratio:16/9}
  .PostContent table{display:block;overflow-x:auto}
  .Footer{height:auto}
  .Footer-text{padding:8px}
}