.detail-header {
    background: #0d1b3e; padding: 15px 0;
}
.back-link {
    color: #fff; font-weight: 600; display: inline-flex; align-items: center; gap: 8px;
    transition: color 0.3s;
}
.back-link:hover { color: #fbbf24; }
.detail-page { padding: 40px 0 60px; }
.detail-page h1 {
    font-size: 1.8rem; color: #0d1b3e; margin: 12px 0 10px; line-height: 1.4;
}
.detail-date { color: #64748b; font-size: 0.9rem; margin-bottom: 25px; }
.detail-date i { margin-right: 5px; }
.detail-content { margin-bottom: 30px; }
.detail-content p {
    color: #334155; line-height: 1.8; margin-bottom: 12px; font-size: 1rem;
}
.detail-gallery {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}
.detail-gallery img {
    width: 100%; border-radius: 8px; object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); cursor: pointer;
    transition: transform 0.3s;
}
.detail-gallery img:hover { transform: scale(1.02); }
@media (max-width: 768px) {
    .detail-page h1 { font-size: 1.3rem; }
    .detail-gallery { grid-template-columns: 1fr; }
}