/* Common category/tag badges */
.cat-badges { display:inline-flex; flex-wrap:wrap; gap:.5em; margin-left:.8em; background:transparent; padding:0; }
.cat-badge-item { display:inline-block; margin-right:.5em; background:transparent; }
.cat-badge-item:last-child { margin-right:0; }
.cat-badge { background:#08B15B; color:#fff!important; padding:.4em 1.1em; font-size:13px; line-height:1; border-radius:3px; text-decoration:none; letter-spacing:.01em; display:inline-flex; align-items:center; }
.cat-badge:link, .cat-badge:visited, .cat-badge:hover, .cat-badge:focus { color:#fff!important; }
.cat-badge:hover { opacity:.85; }
.cat-badge.is-ancestor { background:#fff; color:#08B15B!important; border:1px solid #08B15B; }
.meta-line .cat-badge { font-size:12px; padding:.3em .8em; }
/* Layout contexts */
.deta { display:flex; align-items:baseline; line-height:1; }
.deta-date { display:inline-flex; align-items:baseline; line-height:1; background:transparent!important; padding:0!important; color:#555; }
.deta .cat-badges { align-items:baseline; }

/* Tag badge (works他 で共通化) */
.tag-badge { background:#fff; color:#555!important; border:1px solid #c1c1c1; border-left:4px solid #E4C016; padding:.2em 1em; font-size:12px; line-height:1.4; display:inline-block; text-decoration:none; border-radius:0; }
.tag-badge:hover { opacity:.75; }
@media (max-width:640px){ .tag-badge { font-size:10px; } }