@namespace sm url("http://www.sitemaps.org/schemas/sitemap/0.9");
@namespace image url("http://www.google.com/schemas/sitemap-image/1.1");

/* Ordinary CSS works in XML viewers without an XSLT engine. */
sm|sitemapindex, sm|urlset {
  display: block; margin: 32px; color: #283542; background: #fff;
  font: 16px/1.6 Arial, sans-serif; overflow-wrap: anywhere;
}
sm|sitemapindex::before, sm|urlset::before {
  display: block; margin-bottom: 24px; font-size: 20px; font-weight: bold;
  content: "Decor Sphera XML sitemap · Clickable tables: https://decorsphera.com/sitemaps/";
}
sm|sitemap, sm|url { display: block; padding: 14px; border-bottom: 1px solid #ddd; }
sm|sitemap:nth-child(even), sm|url:nth-child(even) { background: #f5f6f8; }
sm|loc { display: block; color: #086b9e; }
sm|lastmod { display: block; font-size: 14px; }
sm|lastmod::before { content: "Last modified: "; }
image|image { display: none; }

/* The companion HTML view has real links, counts, and accessible tables. */
html { color-scheme: light; background: #fff; }
body { margin: 32px; font: 16px/1.6 Arial, sans-serif; color: #283542; }
main { max-width: 1440px; margin: auto; }
h1 { font-size: 28px; line-height: 1.3; }
a { color: #086b9e; text-decoration: underline; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #283542; outline-offset: 4px; }
nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.table-wrap { margin-top: 24px; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; table-layout: fixed; }
th { background: #365cdb; color: white; text-align: left; }
th:first-child { width: 56%; }
td, th { padding: 12px 14px; border-bottom: 1px solid #ddd; vertical-align: top; }
td:first-child { overflow-wrap: anywhere; }
tbody tr:nth-child(even) { background: #f5f6f8; }
@media (max-width: 650px) {
  body, sm|sitemapindex, sm|urlset { margin: 16px; font-size: 14px; }
  h1 { font-size: 24px; }
  td, th { padding: 10px 6px; }
  table { min-width: 640px; }
  th:first-child { width: 44%; }
}