/* News Detail Page (scoped) */

/* Wrapper */
.ndp { padding: 60px 0; }
.ndp-row { justify-content: center; }
.ndp-content { max-width: 900px; margin: 0 auto; }

/* Header */
.ndp-header { border-bottom: 1px solid #e9ecef; padding-bottom: 16px; }
.ndp-title { color: #2c5f2d; font-size: 28px; font-weight: 700; line-height: 1.2; margin: 0; }
.ndp-meta { color: #666; font-size: 14px; margin-top: 8px; display: flex; align-items: center; gap: 8px; }
.ndp-date { letter-spacing: .2px; }

/* Breadcrumb */
.ndp-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:8px; font-size:13px; color:#6b7280; }
.ndp-crumb { color:#2c5f2d; text-decoration:none; font-weight:600; }
.ndp-crumb:hover { text-decoration:underline; }
.ndp-crumb-sep { color:#9ca3af; }
.ndp-crumb-current { color:#374151; font-weight:600; }

/* Image */
.ndp-image img { width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,.08); }

/* Body */
.ndp-body { font-size: 16px; line-height: 1.8; color: #333; background: #f9f9f9; padding: 20px; border-radius: 8px; border-left: 3px solid #2c5f2d; }
.ndp-text { margin: 0; }

/* Buttons */
.ndp-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: all .25s ease; cursor: pointer; }
.ndp-btn-primary { background: linear-gradient(135deg, #2c5f2d, #3a7d3a); color: #fff; border: none; box-shadow: 0 2px 8px rgba(44,95,45,.25); }
.ndp-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(44,95,45,.35); }

.ndp-btn-outline { background: transparent; color: #2c5f2d; border: 2px solid #2c5f2d; }
.ndp-btn-outline:hover { background: #2c5f2d; color: #fff; transform: translateY(-2px); }

/* Spacing sections */
.ndp-source { margin-top: 16px; }
.ndp-back { margin-top: 24px; }

/* Responsive */
@media (max-width: 768px) {
  .ndp { padding: 36px 0; }
  .ndp-title { font-size: 22px; }
  .ndp-content { padding: 0 6px; }
  .ndp-breadcrumb { font-size:12px; gap:6px; }
}