/* ============================================================
   SITEMAP.CSS — Site map dark section
   ============================================================ */

.sitemap{background:var(--midnight);color:var(--lionsmane)}
.sitemap .sec-head{border-color:rgba(252,243,227,0.18)}
.sitemap .sec-num{color:var(--marigold)}
.sitemap .sec-num::before{background:var(--marigold)}
.sitemap .sec-title{color:var(--lionsmane)}
.sitemap .sec-title em{color:var(--marigold)}
.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,20px)}
.map-card{
  background:rgba(252,243,227,0.04);border:1px solid rgba(252,243,227,0.12);
  border-radius:14px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;
  transition:.3s;color:var(--lionsmane);
}
.map-card:hover{background:rgba(252,243,227,0.08);border-color:rgba(252,243,227,0.25);transform:translateY(-4px)}
.map-card .m-num{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;color:var(--marigold);text-transform:uppercase}
.map-card h4{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.05;color:var(--lionsmane);margin-top:36px;font-variation-settings:"opsz" 48}
.map-card h4 em{font-style:italic}
.map-card p{font-size:13px;color:rgba(252,243,227,0.65);margin-top:8px;line-height:1.5}
.map-card .m-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(252,243,227,0.14);font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase}
.map-card .m-foot .status{display:inline-flex;align-items:center;gap:6px;color:rgba(252,243,227,0.75)}
.map-card .m-foot .status .d{width:6px;height:6px;border-radius:50%;background:var(--herb-soft)}
.map-card .m-foot .status.soon .d{background:var(--marigold)}
.map-card .m-foot .arr{color:var(--lionsmane);transition:transform .25s}
.map-card:hover .m-foot .arr{transform:translateX(4px)}

/* Responsive */
@media (max-width:1100px){
  .map-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .map-grid{grid-template-columns:1fr}
}