/* お知らせ / プレスリリース用スタイル
   カード・タブ・ヒーローの基本デザインは blog.css を流用し、
   ニュース固有の差分（カテゴリバッジの色分けなど）だけをここで上書きする。 */
@import url("../blog/blog.css?v=20260709");

/* カテゴリバッジの色分け（data-category ごとに色を変える） */
.blog-card[data-category="press-release"] .blog-card-category {
    color: #b06a1f;
    background: rgba(198, 128, 40, 0.12);
}

.blog-card[data-category="notice"] .blog-card-category {
    color: #4a5b6b;
    background: rgba(74, 91, 107, 0.12);
}

.blog-card[data-category="update"] .blog-card-category {
    color: var(--primary-color);
    background: rgba(81, 181, 188, 0.1);
}

.blog-card[data-category="media"] .blog-card-category {
    color: #8a5a9c;
    background: rgba(138, 90, 156, 0.12);
}

/* 記事内の画像（アプリ実画面など） */
.news-figure {
    margin: 2.2rem auto;
    text-align: center;
}

.news-figure figcaption {
    margin-top: 0.8rem;
    font-size: 0.8rem;
    color: var(--text-gray);
    line-height: 1.6;
}

/* 横型カード画像（担当健康管理士メッセージなど） */
.news-figure--card img {
    width: 100%;
    max-width: 560px;
    height: auto;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    box-shadow: var(--shadow);
}

/* スマホ実画面（デバイスフレーム付き） */
.news-figure--phone .news-phone-frame {
    display: inline-block;
    width: 240px;
    max-width: 70%;
    border: 7px solid #263238;
    border-radius: 32px;
    overflow: hidden;
    background: #263238;
    box-shadow: 0 18px 40px rgba(38, 50, 56, 0.28);
    line-height: 0;
}

.news-figure--phone .news-phone-frame img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
}