/* Sitemap page. Light content panel between the dark header and footer,
   laid out after the AtomicRoute sitemap reference: red eyebrow, bold
   section title over a hairline, small uppercase group labels, two-column
   lists with red triangle bullets. Brand colours only. */

/* The header is transparent until scroll on every other page; on a white
   page that would leave white nav text on white, so it is solid here. */
body:has(.smap) .hdr{ background:var(--ink-950); border-bottom-color:var(--line-soft) }

.smap{ background:#FFFFFF; color:#323232; padding:118px 0 96px }
.sm-in{ max-width:1100px }

.sm-sec + .sm-sec{ margin-top:64px }

.sm-eyebrow{
  margin:0 0 12px; font-size:12px; font-weight:800; letter-spacing:.2em;
  text-transform:uppercase; color:var(--orange, #CC0000);
}
.sm-title{
  margin:0 0 30px; padding-bottom:22px; border-bottom:1px solid #E4E4E4;
  font-size:24px; font-weight:800; color:#000; letter-spacing:-.01em; line-height:1.2;
}

.sm-group + .sm-group{ margin-top:30px }
.sm-group h3{
  margin:0 0 12px; font-size:11px; font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; color:#323232;
}

.sm-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; column-gap:48px;
}
.sm-list li{ position:relative; padding:7px 0 7px 16px; font-size:15px; line-height:1.45 }
/* red right-pointing triangle, as in the reference */
.sm-list li::before{
  content:""; position:absolute; left:0; top:13px;
  border-style:solid; border-width:4px 0 4px 6px;
  border-color:transparent transparent transparent var(--orange, #CC0000);
}
.sm-list a{ color:#323232; text-decoration:none; transition:color .16s ease }
.sm-list a:hover,.sm-list a:focus-visible{ color:var(--orange, #CC0000); text-decoration:underline; text-underline-offset:3px }

/* listed but not live yet: greyed, not a link, tagged */
.sm-list li.sm-soon{ color:#979797 }
.sm-list li.sm-soon::before{ border-color:transparent transparent transparent #979797 }
.sm-list li.sm-soon em{
  font-style:normal; margin-left:8px; font-size:10px; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase; color:#666666;
}

@media (max-width:720px){
  .smap{ padding:100px 0 72px }
  .sm-list{ grid-template-columns:1fr }
  .sm-title{ font-size:21px }
}