/* ====== Article Content Extra Styles ====== */
.article-body .highlight { color: var(--blue-600, #2563eb); font-weight: 700; }
.article-body .tag {
  display: inline-block; background: rgba(59,130,246,.08); color: var(--blue-600, #2563eb);
  padding: 2px 10px; border-radius: 12px; font-size: .85rem; margin: 2px 4px;
  border: 1px solid rgba(59,130,246,.15);
}
.article-body .summary-box {
  background: linear-gradient(135deg, var(--blue-50, #eff6ff), #fff);
  border: 1px solid rgba(59,130,246,.15); border-radius: var(--radius-2xl, 16px);
  padding: 24px 28px; margin-top: 24px;
}
.article-body .summary-box p { margin-bottom: 12px; line-height: 1.8; }
.article-body .summary-box p:last-child { margin-bottom: 0; }
.related-articles { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--gray-100, #f3f4f6); }
.related-articles h2 { font-size: 1.2rem; font-weight: 700; color: var(--gray-900); margin-bottom: 16px; }
.related-articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.related-card {
  background: var(--gray-50, #f9fafb); border: 1px solid var(--gray-100); border-radius: var(--radius-xl, 12px);
  padding: 16px 18px; transition: all .2s; display: block;
}
.related-card:hover { border-color: rgba(59,130,246,.3); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.related-card h3 { font-size: .9rem; font-weight: 600; line-height: 1.5; color: var(--gray-700); }
.related-card:hover h3 { color: var(--blue-600); }
.related-card .meta { font-size: .78rem; color: var(--gray-400); margin-top: 6px; }
@media (max-width: 768px) { .related-articles-grid { grid-template-columns: 1fr; } }

/* ====== Detail Page Extra (toast, copy-btn, prev-next) ====== */
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.copy-btn:hover{border-color:#3b82f6!important;color:#2563eb!important;background:#eff6ff!important}
.pn-link{color:#2563eb;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.pn-link:hover{color:#1d4ed8;text-decoration:underline}