.sitemap-page { padding: 40px 0 72px; background: #faf9f6; color: #07111f; }
.sitemap-hero { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; padding: 24px 0 40px; border-bottom: 1px solid #dfd5c3; color: #07111f; }
.sitemap-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #b47d2f; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.sitemap-hero .sitemap-eyebrow { color: #b47d2f; }
.sitemap-hero h1 { margin: 20px 0; font-size: clamp(36px, 5vw, 62px); font-weight: 700; letter-spacing: -.04em; }
.sitemap-hero p { max-width: 600px; color: #64748b; font-size: 18px; line-height: 1.8; }
.sitemap-hero__link { display: inline-flex; align-items: center; gap: 16px; margin-top: 18px; padding: 14px 20px; border: 1px solid #d8b66f; border-radius: 999px; color: #b47d2f !important; }
.sitemap-hero__art { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 22px; color: #b47d2f; text-align: center; border-left: 1px solid #dfd5c3; }
.sitemap-hero__art > i { font-size: 110px; line-height: 1; }
.sitemap-hero__art span { font-size: 13px; letter-spacing: .04em; }
.sitemap-intro { margin: 32px 0; line-height: 1.8; }
.sitemap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.sitemap-card { padding: 32px; border: 1px solid #e5e1d8; border-radius: 22px; background: #fff; box-shadow: 0 8px 24px #07111f05; }
.sitemap-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.sitemap-card__top i { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #f7f0df; color: #b47d2f; font-size: 24px; }
.sitemap-card__top span { color: #c4bba9; font-size: 24px; font-weight: 300; }
.sitemap-card h2 { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
.sitemap-card__content p { color: #64748b; line-height: 1.7; }
.sitemap-card__content ul { list-style: none; padding: 0; margin: 22px 0 0; }
.sitemap-card__content li + li { border-top: 1px solid #f1eee8; }
.sitemap-card__content a { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; gap: 12px; font-weight: 600; }
.sitemap-card__content a::after { content: '↗'; color: #b47d2f; }
.sitemap-page a:focus-visible { outline: 3px solid #b47d2f; outline-offset: 4px; }
.sitemap-discovery { margin-top: 40px; padding: 36px; border-radius: 24px; background: #f1ece2; text-align: center; }
.sitemap-discovery h2 { margin: 14px 0 28px; font-size: 30px; font-weight: 700; }
.sitemap-discovery__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.sitemap-discovery h3 { font-size: 18px; margin-bottom: 18px; }
.sitemap-discovery h3 i { color: #b47d2f; margin-right: 8px; }
.sitemap-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sitemap-chips a { display: inline-flex; gap: 12px; align-items: center; padding: 10px 14px; background: #fff; border: 1px solid #d8b66f; border-radius: 999px; font-size: 13px; }
@media (max-width: 767px) {
    .sitemap-page { padding: 24px 0 44px; }
    .sitemap-hero { grid-template-columns: 1fr; padding: 30px 24px; }
    .sitemap-hero__art { display: none; }
    .sitemap-grid, .sitemap-discovery__grid { grid-template-columns: 1fr; }
    .sitemap-card, .sitemap-discovery { padding: 24px; }
    .sitemap-card h2 { font-size: 22px; }
    .sitemap-hero p { font-size: 16px; }
}