.ujw-html-sitemap { --ujw-blue: #082b5c; --ujw-accent: #bd7542; max-width: 1180px; margin: 0 auto; }
.ujw-html-sitemap__intro { max-width: 760px; margin: 0 0 34px; color: #43566c; font-size: 18px; line-height: 1.65; }
.ujw-html-sitemap__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: start; }
.ujw-html-sitemap__section { padding: 25px; background: #fff; border: 1px solid #dce4ec; border-top: 4px solid var(--ujw-accent); border-radius: 7px; box-shadow: 0 10px 28px rgb(8 43 92 / 7%); }
.ujw-html-sitemap__section--wide { margin-top: 22px; }
.ujw-html-sitemap__section h2 { margin: 0 0 16px; font-size: 21px; line-height: 1.3; }
.ujw-html-sitemap__section h2 a { color: var(--ujw-blue); text-decoration: none; }
.ujw-html-sitemap__section ul { margin: 0; padding: 0; list-style: none; }
.ujw-html-sitemap__section li { position: relative; margin: 0; padding: 7px 0 7px 17px; border-top: 1px solid #edf1f5; line-height: 1.4; }
.ujw-html-sitemap__section li::before { position: absolute; top: 13px; left: 1px; width: 6px; height: 6px; background: var(--ujw-accent); border-radius: 50%; content: ''; }
.ujw-html-sitemap__section li a { color: #133d70; text-decoration: none; }
.ujw-html-sitemap__section li a:hover, .ujw-html-sitemap__section li a:focus-visible, .ujw-html-sitemap__section h2 a:hover, .ujw-html-sitemap__section h2 a:focus-visible { color: #0753a0; text-decoration: underline; }
.ujw-html-sitemap__section li ul { margin: 6px 0 0 8px; }
.ujw-html-sitemap__section li li { font-size: 14px; }
@media (max-width: 960px) { .ujw-html-sitemap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .ujw-html-sitemap__grid { grid-template-columns: 1fr; } .ujw-html-sitemap__section { padding: 21px; } }