/* ============================================================
   ProductZine (PZ) submedia 専用上書きスタイル
   ------------------------------------------------------------
   メイン CSS は var(--brand-primary) / var(--brand-accent) で
   ブランド色を参照しているので、PZ ページ (body.is-submedia-pz)
   ではこの変数を上書きするだけで以下が一括で PZ 色になる:
     - 注目記事バッジ / 「NEW」「人気記事」等のバッジ
     - 見出しの border-top / border-left アクセント
     - 記事ページの見出し下線・リンク色
     - ナビバー hover / ハンバーガーアイコン
     - 会員機能ボタン (ログイン / ログアウト / 新規会員登録 / マイページ)
     - 右ペイン CTA ボックス / 会員限定壁 ボタン
     - 等、メイン CSS で参照される全箇所
   ※ 色は旧 productzine.jp 踏襲:
     primary  purple   #9A68A8  (旧 PZ ホバー / login / 見出しアクセント)
     accent   blue     #067BC2  (旧 PZ regist / マイページ CTA)
   ============================================================ */
body.is-submedia-pz {
  --brand-primary: #9A68A8; /* 旧 PZ メイン (薄紫) */
  --brand-accent:  #067BC2; /* 旧 PZ アクセント (青) */
}

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