/* single.css */
.article-hero{
    padding: 28px 0 10px;
  }
  .article-title{
    margin:0;
    font-size: 28px;
    line-height: 1.25;
  }
  .article-meta{
    margin: 10px 0 0;
    color: var(--muted2);
    font-size: 13px;
  }
  
  .article-body{
    padding: 16px 0 56px;
  }
  @media (max-width: 899px){
    .article-body{ padding-bottom: 40px; }
  }
  
  /* サムネがある場合の見た目 */
  .article-thumb{
    margin: 14px 0 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
  }
  .article-thumb img{ display:block; width:100%; }
  
  /* 次/前ナビ */
  .post-nav{
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px;
  }