/* mailmag 固有スタイル。共通部分は /css/article.css を参照する (複製しない)。
   色は CLAUDE.md §2 の確定値のみ: #1E4FA3 / #12315F / #F5A623 / #EEF3FB
   (赤系はエラー表示専用のため使用しない) */

.mm-list { list-style:none; margin:0; padding:0; }
.mm-item {
  padding:22px 0 20px; border-bottom:1px solid #DDE6F5;
}
.mm-item:first-child { padding-top:0; }
.mm-link { display:block; text-decoration:none; color:inherit; }
.mm-link:hover .mm-title { color:#1E4FA3; text-decoration:underline; }
.mm-date {
  display:block; font-size:13px; letter-spacing:.08em; color:#7A8CA8; margin-bottom:6px;
}
.mm-title {
  display:block; font-size:18px; font-weight:900; color:#12315F; line-height:1.6;
}
.mm-excerpt { margin:10px 0 0; color:#4A5A75; font-size:14.5px; line-height:1.9; }
.mm-meta { font-size:13.5px; color:#4A5A75; letter-spacing:.04em; margin-top:4px; }

.mm-body { word-break:break-word; }
.mm-body p { margin-bottom:20px; }
.mm-body a { color:#1E4FA3; }
.mm-body img { max-width:100%; height:auto; margin:20px 0; border-radius:8px; }
.mm-body blockquote {
  margin:24px 0; padding:6px 0 6px 22px; border-left:6px solid #F5A623; color:#12315F;
}
.mm-body hr { border:0; border-top:1px solid #DDE6F5; margin:30px 0; }

.mm-back { margin-top:34px; }
.mm-back a { color:#1E4FA3; font-weight:700; text-decoration:none; font-size:14px; }
.mm-back a:hover { text-decoration:underline; }

@media (max-width: 860px) {
  .mm-title { font-size:16px; }
}