.sitemap-tree {padding: 2rem 0;}
.sitemap-tree .container {max-width: 1200px;}
.sitemap-tree h1 {text-align: center;margin-bottom: .5rem;}
@media (max-width: 767.98px) {.sitemap-tree h1 {font-size: 2rem;}}
.sitemap-tree .lead {text-align: center;margin-bottom: 3rem;color: #64748b;}
@media (max-width: 767.98px) {.sitemap-tree .lead {font-size: 1rem;margin-bottom: 2rem;}}
.tree {--spacing: 1.5rem;--radius: 8px;}
.tree details {margin-left: var(--spacing);position: relative;}
.tree details > summary {cursor: pointer;padding: .5rem .5rem .5rem 2rem;margin-bottom: .5rem;position: relative;list-style: none;border-radius: var(--radius);transition: all .2s ease;font-weight: 500;color: #1e293b;}
.tree details > summary::-webkit-details-marker {display: none;}
.tree details > summary::before {content: "▼";position: absolute;left: 0;top: .5rem;font-size: .7rem;color: #64748b;transition: transform .2s ease;}
.tree details > summary::after {content: "📂";position: absolute;left: 1rem;top: .5rem;font-size: .9rem;opacity: .7;}
.tree details > summary span, .tree details > summary strong {margin-left: 1.8rem;}
@media (hover: hover) {.tree details > summary:hover {background-color: #f1f5f9;}}
.tree details[open] > summary {background-color: #f8fafc;}
.tree details[open] > summary::before {content: "▲";transform: rotate(0deg);}
.tree details details > summary {padding-left: 1.8rem;}
.tree details details > summary::before {left: .5rem;font-size: .65rem;}
.tree details details > summary::after {left: 1.3rem;}
.tree details details > summary span, .tree details details > summary strong {margin-left: 1.5rem;}
.tree ul {list-style: none;padding-left: var(--spacing);margin: 0;position: relative;}
.tree li {margin: .5rem 0;padding: .25rem 0 .25rem 1.5rem;position: relative;border-left: 2px solid #e2e8f0;}
.tree li::before {content: "📄";position: absolute;left: -.25rem;top: .25rem;font-size: .9rem;}
.tree li a {color: #1e293b;text-decoration: none;transition: all .2s ease;display: inline-block;padding: .2rem .5rem;border-radius: 4px;}
@media (hover: hover) {.tree li a:hover {color: #2563eb;background-color: #eff6ff;transform: translateX(4px);}}
.tree .badge {font-size: .7rem;padding: .2rem .5rem;border-radius: 20px;margin-left: .5rem;background-color: #e2e8f0;color: #475569;white-space: nowrap;}
.tree .badge.new {background-color: #2563eb;color: white;}
.tree .badge.soon {background-color: #f1f5f9;color: #94a3b8;border: 1px solid #e2e8f0;}
@media (max-width: 767.98px) {.tree {--spacing: 1rem;}
	.tree li a {font-size: .9rem;}
	.tree .badge {font-size: .6rem;padding: .15rem .4rem;white-space: normal;}
	.tree .home-item a {font-size: 1rem;}
	.tree details > summary {font-size: .95rem;}
	.tree details > summary::before {font-size: .6rem;}
	.tree details > summary::after {font-size: .8rem;}}
.sitemap-legend {margin-top: 3rem;}
.sitemap-legend .alert-light {background-color: #f8fafc;border: 1px solid #e2e8f0;border-radius: 1rem;}
.sitemap-legend .alert-light h5 {color: #1e293b;}
.sitemap-legend .alert-light h5 i {color: #2563eb;}
.sitemap-legend .alert-light .d-flex {gap: 1.5rem;flex-wrap: wrap;}
.sitemap-legend .alert-light .d-flex > div {display: flex;align-items: center;gap: .5rem;font-size: .9rem;color: #475569;}
.sitemap-legend .alert-light .d-flex > div span {font-size: 1rem;}
.sitemap-legend .alert-light .badge {font-size: .75rem;padding: .25rem .6rem;}
.sitemap-legend .alert-light .badge.bg-secondary {background-color: #64748b !important;}
.sitemap-legend .alert-light .badge.bg-warning {background-color: #f59e0b !important;color: #1e293b;}
.sitemap-stats {margin-top: 2rem;text-align: center;}
.sitemap-stats .text-muted {font-size: .85rem;color: #64748b !important;}
.sitemap-stats .text-muted i {margin-right: .25rem;}
.sitemap-stats .text-muted i.text-success {color: #10b981 !important;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}}
.sitemap-tree {animation: fadeInUp .5s ease-out;}