/* ==========================================================================
   The site map. Loaded on that page only, after v7.css.

   The footer's directory opened out to a page: a section title on the left
   at the card-title size, its groups flowing down three columns on the right
   (so a short group never leaves a hole beside a long one), and a hairline
   between sections with stack-group either side. A group title and its links
   are set exactly as the footer sets them (500 14px over 400 15px), in the
   paper band's colours: the title in on-surface, the links in on-surface-2,
   turning to the AA orange on hover. A group of more than twelve links runs
   on through the columns instead of keeping to one.
   ========================================================================== */
body.hrc-coded .v6-sitemap__sec {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter);
  padding: var(--stack-group) 0; border-top: 1px solid var(--rule); }
body.hrc-coded .v6-sitemap__sec:last-child { padding-bottom: 0; }
body.hrc-coded .v6-sitemap__title {
  grid-column: 1 / span 3; margin: 0; color: var(--on-surface);
  font: var(--w-title) var(--fs-card)/var(--lh-card) var(--font-sans); letter-spacing: var(--ls-card); }
body.hrc-coded .v6-sitemap__groups {
  grid-column: 4 / -1; columns: 3; column-gap: var(--gutter); margin-bottom: calc(-1 * var(--stack-group)); }
body.hrc-coded .v6-sitemap__group { break-inside: avoid; padding-bottom: var(--stack-group); }
body.hrc-coded .v6-sitemap__group.is-wide { break-inside: auto; }
body.hrc-coded .v6-sitemap__hd {
  margin: 0 0 var(--stack-tight); color: var(--on-surface); break-after: avoid;
  font: var(--w-ui) var(--fs-small)/var(--lh-small) var(--font-sans); letter-spacing: 0; }
body.hrc-coded .v6-sitemap__list { list-style: none; margin: 0; padding: 0; }
body.hrc-coded .v6-sitemap__list li { margin: 0; padding: 0; break-inside: avoid; }
body.hrc-coded .v6-sitemap__list a {
  display: block; padding-block: calc(var(--stack-tight) / 2); color: var(--on-surface-2); text-decoration: none;
  font: 400 15px/1.4 var(--font-sans); transition: color var(--dur-action) var(--ease-action); }
body.hrc-coded .v6-sitemap__list li:first-child a { padding-top: 0; }
body.hrc-coded .v6-sitemap__list a:hover { color: var(--orange-type-aa); }
body.hrc-coded .v6-sitemap__list a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }

@media (max-width: 860px) {
  body.hrc-coded .v6-sitemap__title { grid-column: 1 / -1; margin-bottom: var(--stack-head); }
  body.hrc-coded .v6-sitemap__groups { grid-column: 1 / -1; columns: 2; }
}
/* on a phone every link is a 44px target, the groups two across and a long list in one */
@media (max-width: 720px) {
  body.hrc-coded .v6-sitemap__list a,
  body.hrc-coded .v6-sitemap__list li:first-child a { padding-block: calc((44px - 1.4em) / 2); }
  body.hrc-coded .v6-sitemap__hd { margin-bottom: 0; }
  body.hrc-coded .v6-sitemap__groups.has-wide { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
  body.hrc-coded .v6-sitemap__list a { transition: none; }
}