/* SKYLINE STUDIO — SITEMAP PAGE CSS */
.sitemap-section { background: var(--navy); }
.sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
.sitemap-col { animation: fadeUp 0.5s ease-out forwards; opacity: 0; }
.sitemap-col:nth-child(1) { animation-delay: 0.1s; }
.sitemap-col:nth-child(2) { animation-delay: 0.2s; }
.sitemap-col:nth-child(3) { animation-delay: 0.3s; }
.sitemap-col:nth-child(4) { animation-delay: 0.4s; }
.sitemap-col h3 { font-size: 16px; font-weight: 700; color: var(--cobalt-light); margin-bottom: 16px; }
.sitemap-col ul { list-style: none; padding: 0; margin: 0; }
.sitemap-col li { margin-bottom: 12px; }
.sitemap-col a { font-size: 14px; color: var(--silver); text-decoration: none; transition: color var(--transition); }
.sitemap-col a:hover { color: var(--cobalt-light); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) { .sitemap-grid { grid-template-columns: 1fr 1fr; gap: 24px; } }

/* ── DETAILED INTRO ── */
.sitemap-intro-content { max-width: 860px; }
.sitemap-intro-content p {
  font-size: 16px; color: var(--silver); line-height: 1.85; margin-bottom: 22px;
}
.sitemap-intro-content p:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
  .sitemap-intro-content p { font-size: 15px; line-height: 1.75; }
}