.sitemap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
}
.sitemap__title {
margin: 0 0 var(--wp--preset--spacing--40);
padding-bottom: 6px;
border-bottom: 3px solid var(--wp--preset--color--accent);
display: inline-block;
font-size: 18px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.sitemap__title:not(:first-child) {
margin-top: var(--wp--preset--spacing--60);
}
.sitemap__list,
.sitemap__list ul {
list-style: none;
margin: 0;
padding: 0;
}
.sitemap__list li {
display: block;
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #e6eaf1;
font-size: 15px;
}
.sitemap__list li li {
border-bottom: 0;
padding: 4px 0 4px 18px;
font-size: 14px;
}
.sitemap__list li li li {
padding-left: 18px;
font-size: 13px;
color: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, transparent);
}
.sitemap__list ul {
margin-top: 4px;
border-left: 1px solid #e6eaf1;
}
.sitemap__list a {
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.sitemap__list a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}