.mc-header { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
  .mc-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
  .mc-brand-icon { flex: none; filter: drop-shadow(0 0 4px rgba(255, 77, 126, 0.45)); }
  .mc-brand-text { display: inline-flex; flex-direction: column; line-height: 1; }
  .mc-brand-en {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 21px; font-weight: 800; letter-spacing: .10em;
    background: linear-gradient(90deg, #ff8fb4, #ff4d7e 55%, #a86cff);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .mc-brand-ja { font-size: 11px; letter-spacing: .32em; color: var(--text-dim); margin-top: 6px; }
  .mc-tools { margin-left: auto; align-self: center; display: flex; gap: 7px; flex-wrap: wrap; }
  .mc-tool {
    display: inline-block; padding: 6px 12px; background: var(--panel-2);
    border: 1px solid var(--border); border-radius: 6px;
    color: var(--text); text-decoration: none; font-size: 13px; white-space: nowrap;
  }
  .mc-tool:hover { border-color: var(--accent); }
  @media (max-width: 700px) {
    .mc-search { order: 3; flex-basis: 100%; max-width: none; }
  }

/* スマホでは道具の文字を落としてアイコンだけにする（2026-08-01ユーザー指示）。
   ヘッダーの道具が2行を占めて画面を圧迫していた。 */
@media (max-width: 700px) {
  .mc-tool .wide-only { display: none; }
}