/* ========================================================================
 * medical-post-meta.css — .medical-post-meta 系統 CSS
 *
 * 出力元: _code-snippets/14.php A ブロック
 *         （abc_build_medical_meta_html() が H1 直下に出力）
 * ロード: 14.php 内 abc_build_medical_meta_html() 先頭で
 *         wp_enqueue_style('abc-medical-post-meta-style', ...) 自己完結
 * 対象: /orthodontics/ 配下の固定ページのみ
 *        （abc_is_target_page() 参照、reservation/sitemap/privacy-policy 除外）
 *
 * Moved from _additional-css/additional.css L11-L56
 * (2026/04/21, session18 B-8c,
 *  中期ゴール: WP カスタマイザー追加 CSS 完全撤廃の第 2 歩)
 * ======================================================================== */

.medical-post-meta {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    color: #aaa;
}

.medical-post-meta__inner {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    line-height: 1.6;
}

.medical-post-meta__inner time {
    white-space: nowrap;
}

.medical-post-meta__inner a {
    color: #888;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.medical-post-meta__inner a:hover {
    color: #666;
}

.medical-post-meta__divider {
    color: #ccc;
    font-size: 0.65rem;
}

.medical-post-meta .medical-credits {
    display: inline;
}

@media (max-width: 544px) {
  .medical-post-meta {
    font-size: 0.7rem;
  }
  .medical-post-meta__inner {
    gap: 0.5rem;
  }
}