/* ============================================================
   DeveloperZine (DZ) submedia 専用上書きスタイル
   ------------------------------------------------------------
   メイン CSS は var(--brand-primary) / var(--brand-accent) で
   ブランド色を参照しているので、DZ ページ (body.is-submedia-dz)
   ではこの変数を上書きするだけで以下が一括で DZ 色になる:
     - 注目記事バッジ / 「NEW」「人気記事」等のバッジ
     - 見出しの border-top / border-left アクセント
     - 記事ページの見出し下線・リンク色
     - ナビバー hover / ハンバーガーアイコン
     - 会員機能ボタン (ログイン / ログアウト / 新規会員登録 / マイページ)
     - 右ペイン CTA ボックス / 会員限定壁 ボタン
     - 等、メイン CSS で参照される全箇所
   ※ 正式色: CMYK(50,0,100,0) / RGB(143,185,31) = #8FB91F
   ============================================================ */
body.is-submedia-dz {
  --brand-primary: #8FB91F; /* DZ メイン CMYK 50-0-100-0 相当 */
  --brand-accent:  #6E9218; /* DZ アクセント (primary をやや暗く) */
}

/* スマホビューは横長ロゴが幅を取りすぎるため、DZだけ横幅指定に戻して短く */
@media (max-width: 768px) {
  body.is-submedia-dz .l-header_logo {
    width: 16rem;
  }
  body.is-submedia-dz .l-header_logo_img {
    height: auto;
    width: 100%;
    max-width: none;
  }
}