.sitemap-page main{max-width:1180px;margin:0 auto;padding:0 var(--gutter) 24px}
.sitemap-page main .sm-group{padding:0;max-width:none}  
.sitemap-page main .sm-home{max-width:none;padding:28px 32px}
.sm-art{--sm-c:#f5d0ff}.sm-code{--sm-c:#a8f0ff}.sm-music{--sm-c:#fff3c4}.sm-about{--sm-c:#c9d6ff}
.sm-jump{color:var(--sm-c)}
.sm-home{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 56px;
  padding:28px 32px;background:#0b0b11;border:1px solid #c3b5ff;border-radius:20px;box-shadow:0 0 48px -20px #c3b5ff}
.sm-home h2{font:400 26px/1.2 Cinzel,serif;letter-spacing:.08em}
.sm-home h2 a,.sm-card h3 a{color:var(--text);text-decoration:none}
.sm-home h2 a:hover,.sm-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.sm-path{font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}
.sm-tag{font-size:14px;color:#cfcbe0}
.sm-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}
.sm-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:#15141f;border-radius:10px;
  color:var(--text);font-size:14px;text-decoration:none}
.sm-chips a:hover{background:#1e1c2b}
.sm-group{scroll-margin-top:72px;margin-bottom:56px}
.sm-head{display:flex;align-items:baseline;gap:16px;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.sm-head h2{margin:0;font:400 28px/1.2 Cinzel,serif;letter-spacing:.06em;color:var(--sm-c)}
.sm-head span{font-size:13px;color:var(--muted)}
.sm-body{display:grid;gap:16px}
.sm-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;padding:0}
.sm-card{display:flex;flex-direction:column;gap:8px;padding:24px;background:#0b0b11;border:1px solid var(--line);border-radius:16px}
.sm-card:has(.sm-chips){grid-column:1/-1}
.sm-card h3{font:600 19px/1.3 Inter,system-ui,sans-serif;letter-spacing:0}
.sm-desc{font-size:14.5px;line-height:1.6;color:#bdbac8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  line-clamp:3;overflow:hidden}
.sm-card .sm-chips{margin-top:6px}
.sm-tracks{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:8px;padding:0}
.sm-tracks a{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 18px;background:#09090e;
  border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:15px;text-decoration:none}
.sm-tracks a:hover{border-color:var(--sm-c)}
.sm-n{font:400 15px Cinzel,serif;color:var(--sm-c);font-variant-numeric:tabular-nums}
