.archive-title {
  font-weight: 700;
  font-size: 2rem; }

article {
  container-type: inline-size;
  position: relative; }
  article.u-shadow-hover {
    box-shadow: none !important; }
  article .cat-name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: fit-content;
    padding: 0.5em 0.8em;
    border-radius: 2em;
    font-weight: 700;
    font-size: 100% !important; }
    article .cat-name:hover {
      transform: translateX(2px); }
  article .post-thumbnail {
    width: calc(100% - 5.5cqw);
    aspect-ratio: 292/217;
    border-radius: 10px;
    box-shadow: 5.5cqw -5.5cqw 0 0 #FFF3E2;
    overflow: hidden;
    margin-top: 5.5cqw;
    margin-bottom: 3cqw; }
    article .post-thumbnail img {
      width: 100%;
      height: 100%;
      max-width: initial;
      object-fit: cover; }
  article .article-info__custom-post p {
    font-size: 4cqw; }
    article .article-info__custom-post p.post-date {
      text-align: right;
      font-size: 80%; }
  article .article-info__custom-post .ncIcon {
    grid-template-columns: 1em 1fr;
    align-items: center;
    margin-bottom: 0; }
    article .article-info__custom-post .ncIcon::before {
      width: 0.9em;
      height: 0.9em; }
  article .article-title {
    font-size: 110%;
    font-weight: 500;
    color: #333; }