/* Only the new navigation. Native cards, published dates and pagination are untouched. */
#hamuya-blog-categories {
  margin-block: 24px;
  color: #34312D;
  font-family: "Zen Maru Gothic", "Yu Gothic", Meiryo, sans-serif;
}
#body_wrap.hamuya-blog-category-trial-page #main_content .p-termContent > #hamuya-blog-categories { margin-top: 0; }
#hamuya-blog-categories .hamuya-category-group + .hamuya-category-group { margin-top: var(--hamuya-category-group-gap, 20px); }
#hamuya-blog-categories .hamuya-category-heading {
  margin: 0 0 var(--hamuya-category-heading-gap, 10px); color: #686059; font-size: 12px; line-height: 1.7;
}
#hamuya-blog-categories .hamuya-category-links { display: flex; flex-wrap: wrap; gap: var(--hamuya-category-row-gap, 8px) 8px; }
#hamuya-blog-categories .hamuya-category-link {
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box; min-height: 40px; max-width: 100%; padding: 7px 14px;
  border: 1px solid #D7CEC1; border-radius: 999px;
  background: #F4EFE6; color: #34312D; font-size: 13px; line-height: 1.7;
  text-decoration: none; overflow-wrap: anywhere;
}
#hamuya-blog-categories .hamuya-category-link[aria-current="page"] { background: #C8392A; border-color: #C8392A; color: #fff; }
#hamuya-blog-categories .hamuya-category-link[aria-disabled="true"] { opacity: .55; }
#hamuya-blog-categories .hamuya-category-link[href]:hover { border-color: #C8392A; }
#hamuya-blog-categories :is(a, summary):focus-visible { outline: 2px solid #C8392A; outline-offset: 3px; }
#hamuya-blog-categories .hamuya-category-extra { margin-top: var(--hamuya-category-extra-gap, 12px); }
#hamuya-blog-categories summary { width: fit-content; padding-block: 6px; color: #686059; font-size: 12px; cursor: pointer; }
#hamuya-blog-categories details .hamuya-category-links { margin-top: 8px; }
@media (max-width: 600px) {
  #hamuya-blog-categories { margin-block: 20px; }
  #hamuya-blog-categories .hamuya-category-link { min-height: var(--hamuya-category-link-height, 44px); padding: var(--hamuya-category-padding-y, 7px) 12px; font-size: 12px; }
  /* Posts index only: keep category archives and every PC layout unchanged. */
  #body_wrap.hamuya-blog-archive-trial-page:not(.hamuya-blog-category-trial-page) #main_content .c-pageTitle { margin-bottom: 0; }
  #body_wrap.hamuya-blog-archive-trial-page:not(.hamuya-blog-category-trial-page) #hamuya-blog-categories {
    margin-block: 12px 16px;
    --hamuya-category-link-height: 40px;
    --hamuya-category-padding-y: 5px;
    --hamuya-category-row-gap: 6px;
    --hamuya-category-heading-gap: 8px;
    --hamuya-category-group-gap: 16px;
    --hamuya-category-extra-gap: 8px;
  }
  #body_wrap.hamuya-blog-archive-trial-page:not(.hamuya-blog-category-trial-page) #hamuya-blog-categories .hamuya-category-link {
    position: relative;
    word-break: keep-all;
  }
  /* 40px visible pill, with a 44px hit area; 6px row gaps leave targets separate. */
  #body_wrap.hamuya-blog-archive-trial-page:not(.hamuya-blog-category-trial-page) #hamuya-blog-categories .hamuya-category-link::before {
    content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%);
  }
}