@charset "UTF-8";
/* =========================================================
   microsoft.css ― /tools/check/mx/microsoft/ 送信先メールサーバ判定 専用
   サイト共通の bootstrap / style / bamboo.css に追記する形で読み込みます。
   フォント・見出し・本文は /info/ の記事ページと同じサイト共通クラスを使い、
   ここではツール固有の部品だけを .mxc の中に限定して定義します。
   ========================================================= */

/* ---- 入力フォーム ---- */
.mxc .mxc-form {
  background: #f7f9fb; border: 1px solid #e3e7ec; border-radius: 12px;
  padding: 20px 22px;
}
.mxc .mxc-form-label { display: block; margin-bottom: 10px; }
.mxc .mxc-form-row { display: flex; gap: 10px; align-items: stretch; }
.mxc #domain {
  flex: 1; min-width: 0; padding: 12px 14px; font-size: 16px;
  border: 1px solid #c4c9cf; border-radius: 8px; background: #fff;
}
.mxc #domain:focus { outline: 2px solid #0078d4; border-color: #0078d4; }
.mxc #checkBtn { min-width: 140px; margin: 0; white-space: nowrap; }
.mxc #checkBtn:disabled { opacity: .6; cursor: wait; }

/* ---- 状態表示 ---- */
.mxc .loading { margin-top: 16px; color: #555; }
.mxc .error {
  margin-top: 16px; padding: 12px 14px; border-radius: 8px;
  background: #fde7e9; color: #a4262c;
}

/* ---- 判定結果 ---- */
.mxc .verdict {
  margin-top: 24px; padding: 20px 22px; border-radius: 10px;
  border-left: 8px solid #999; background: #fff; box-shadow: 0 6px 20px rgba(13, 34, 70, .06);
}
.mxc .verdict:empty { display: none; }
.mxc .verdict-label { font-size: 1.4rem; font-weight: 700; line-height: 1.4; }
.mxc .verdict-domain { font-family: Consolas, Menlo, monospace; color: #444; margin: 6px 0; word-break: break-all; }
.mxc .verdict-msg { color: #333; line-height: 1.8; }
.mxc .is-ms { border-color: #0078d4; background: #e8f3fc; }
.mxc .is-ms .verdict-label { color: #0078d4; }
.mxc .is-mixed, .mxc .is-gateway { border-color: #c19c00; background: #fff8dc; }
.mxc .is-mixed .verdict-label, .mxc .is-gateway .verdict-label { color: #8a6d00; }
.mxc .is-other { border-color: #6b6b6b; }
.mxc .is-none { border-color: #a4262c; background: #fdf3f4; }

/* ---- 表（MXレコード・補助情報） ---- */
.mxc .mxc-tbl th { text-transform: none; white-space: nowrap; vertical-align: top; }
.mxc .mxc-tbl td { vertical-align: top; }
.mxc .mxc-tbl .num, .mxc .mxc-tbl .center { text-align: center; }
.mxc .mxc-tbl .empty { text-align: center; color: #888; }
.mxc .mxc-tbl .row-ms td { background: #f2f8fd; }
.mxc .mono { font-family: Consolas, Menlo, monospace; word-break: break-all; }
.mxc .yes { color: #0078d4; font-weight: 700; }
.mxc .no { color: #aaa; }
.mxc .note { color: #666; }

/* ---- ご案内 ---- */
.mxc .guide-caution {
  padding: 14px 16px; border-radius: 8px;
  background: #fff8dc; border-left: 4px solid #c19c00;
}
.mxc .guide-disclaimer { color: #d13438; font-weight: 700; }
.mxc .guide-list, .mxc .guide-notes { padding-left: 1.6em; }
.mxc .guide-list > li, .mxc .guide-notes > li { margin-bottom: 18px; line-height: 1.9; }
.mxc .guide-list > li { display: list-item; list-style: decimal; }
.mxc .guide-list > li::marker { font-weight: 700; color: #0078d4; }
.mxc .guide-notes > li { display: list-item; list-style: disc; }
.mxc .guide-notes > li::marker { color: #0078d4; }
.mxc .guide-list > li > strong, .mxc .guide-notes > li > strong { display: block; margin-bottom: 4px; }
.mxc .guide-list p, .mxc .guide-notes p { margin: 4px 0 10px; }
.mxc .guide-steps { list-style: none; counter-reset: step; padding-left: 0; margin: 12px 0; }
.mxc .guide-steps > li {
  counter-increment: step; position: relative;
  margin-bottom: 10px; padding: 12px 14px 6px 48px;
  background: #f4f6f8; border-radius: 8px;
}
.mxc .guide-steps > li::before {
  content: counter(step); position: absolute; left: 14px; top: 12px;
  width: 24px; height: 24px; line-height: 24px; text-align: center;
  border-radius: 50%; background: #0078d4; color: #fff; font-size: .8rem;
}
.mxc .guide a { text-decoration: underline; }

@media (max-width: 575.98px) {
  .mxc .mxc-form { padding: 16px; }
  .mxc .mxc-form-row { flex-direction: column; }
  .mxc #checkBtn { width: 100%; }
}