.gr-app .gr-sitemap-page { max-width:1200px; padding-block:30px 56px; }
.gr-sitemap-page,.gr-sitemap-page * { min-width:0; }
.gr-sitemap-heading { max-width:760px; margin-bottom:28px; }
.gr-sitemap-heading h1 { margin:0 0 12px; font-size:clamp(30px,3.2vw,44px); line-height:1.15; }
.gr-sitemap-heading p,.gr-sitemap-total,.gr-sitemap-help p { color:var(--muted-bright); line-height:1.7; }
.gr-sitemap-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.gr-sitemap-stats a { display:flex; flex-direction:column; gap:12px; padding:20px; border:1px solid var(--gr-border); border-radius:7px; background:var(--gr-surface); color:var(--text); min-height:110px; }
.gr-sitemap-stats a:hover,.gr-sitemap-stats a:focus-visible { border-color:var(--accent); }
.gr-sitemap-stats a>span { color:var(--muted-bright); font-size:13px; }
.gr-sitemap-stats strong { font-size:clamp(20px,2.5vw,30px); line-height:1.25; overflow-wrap:anywhere; }
.gr-sitemap-total { margin:14px 0 26px; font-size:13px; }
.gr-sitemap-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 30px; }
.gr-sitemap-tabs a { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; color:var(--muted-bright); border:1px solid var(--gr-border); border-radius:5px; }
.gr-sitemap-tabs a:hover,.gr-sitemap-tabs a[aria-current] { color:var(--text); border-color:var(--accent); background:var(--gr-surface); }
.gr-sitemap-groups { display:grid; gap:24px; }
.gr-sitemap-overview { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
.gr-sitemap-group,.gr-sitemap-directory { padding:24px; border:1px solid var(--gr-border); border-radius:7px; background:var(--gr-surface); }
.gr-sitemap-group h2,.gr-sitemap-directory h2,.gr-sitemap-xml h2 { margin:0 0 20px; font-size:22px; line-height:1.3; }
.gr-sitemap-links { margin:0; padding-left:22px; }
.gr-sitemap-links li { padding:0 0 18px 6px; margin-bottom:18px; border-bottom:1px solid var(--gr-border); overflow-wrap:anywhere; }
.gr-sitemap-links li::marker { color:var(--muted); font-size:12px; }
.gr-sitemap-links li:last-child { margin-bottom:0; }
.gr-sitemap-links a { display:flex; flex-direction:column; justify-content:center; gap:7px; min-height:44px; }
.gr-sitemap-link-title { color:var(--text); font-size:15px; line-height:1.5; font-weight:600; }
.gr-sitemap-links a:hover .gr-sitemap-link-title { color:var(--accent); }
.gr-sitemap-path { font-size:12px; line-height:1.6; color:var(--muted); overflow-wrap:anywhere; }
.gr-sitemap-links p { margin:10px 0 0; font-size:13px; line-height:1.65; color:var(--muted-bright); }
.gr-sitemap-links small { display:block; margin-top:10px; color:var(--muted); font-size:12px; }
.gr-sitemap-games { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 36px; margin-top:26px; }
.gr-sitemap-games li { margin:0; padding-bottom:16px; }
.gr-sitemap-search { margin-bottom:20px; }
.gr-sitemap-search label { display:block; margin-bottom:10px; color:var(--muted-bright); font-size:13px; }
.gr-sitemap-search>div { display:flex; flex-wrap:wrap; gap:10px; }
.gr-sitemap-search input[type=search] { flex:1 1 280px; width:100%; min-height:44px; padding:10px 13px; color:var(--text); background:var(--bg); border:1px solid var(--gr-border); border-radius:5px; font:inherit; }
.gr-app .gr-sitemap-page .gr-button { min-height:44px!important; }
.gr-sitemap-page a:focus-visible,.gr-sitemap-page input:focus-visible,.gr-sitemap-page button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.gr-sitemap-result-count,.gr-sitemap-empty { color:var(--muted-bright); line-height:1.6; font-size:14px; }
.gr-sitemap-notice { padding:20px; background:var(--bg); border:1px solid var(--gr-border); border-radius:5px; margin:20px 0; }
.gr-sitemap-notice h3 { margin:0 0 10px; font-size:17px; line-height:1.4; }
.gr-sitemap-notice p { color:var(--muted-bright); line-height:1.65; }
.gr-sitemap-notice a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); }
.gr-sitemap-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px; margin-top:24px; }
.gr-sitemap-pagination>span { padding:10px 0; color:var(--muted-bright); font-size:13px; }
.gr-sitemap-browse { margin:28px 0; }
.gr-sitemap-xml { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:32px; margin-top:40px; padding-top:30px; border-top:1px solid var(--gr-border); }
.gr-sitemap-xml>div>p { max-width:40ch; color:var(--muted-bright); font-size:14px; line-height:1.7; }
.gr-sitemap-xml ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.gr-sitemap-xml li { padding:16px; border:1px solid var(--gr-border); border-radius:5px; background:var(--gr-surface); overflow-wrap:anywhere; }
.gr-sitemap-xml li a { display:flex; flex-direction:column; justify-content:center; gap:6px; min-height:44px; color:var(--accent); font-size:14px; }
.gr-sitemap-xml li p { margin:10px 0 0; font-size:12px; color:var(--muted-bright); }
.gr-sitemap-help { margin-top:36px; padding:20px 0; border-top:1px solid var(--gr-border); }
.gr-sitemap-help a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); }
@media(max-width:1000px) { .gr-sitemap-overview { grid-template-columns:repeat(2,minmax(0,1fr)); } .gr-sitemap-xml { grid-template-columns:1fr; gap:20px; } }
@media(max-width:620px) {
  .gr-app .gr-sitemap-page { padding-block:22px 36px; }
  .gr-sitemap-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .gr-sitemap-stats a { min-height:104px; padding:16px; }
  .gr-sitemap-overview,.gr-sitemap-games,.gr-sitemap-xml ul { grid-template-columns:1fr; }
  .gr-sitemap-group,.gr-sitemap-directory { padding:18px 15px; }
  .gr-sitemap-tabs { gap:6px; margin:22px 0; }
  .gr-sitemap-tabs a { flex:1 1 auto; justify-content:center; padding-inline:12px; }
  .gr-sitemap-search>div { align-items:stretch; }
  .gr-sitemap-search input[type=search] { flex-basis:100%; }
  .gr-sitemap-pagination { justify-content:flex-start; }
}
