/*
 * 파일 경로: /assets/css/sitemap.css
 * 설명: 사용자용 HTML 사이트맵 페이지 전용 스타일
 * 공통 버튼·타이포·테마는 공통 CSS를 사용하고 사이트맵 카드 배치만 담당한다.
 */

.page-sitemap .sitemap-hero {
    padding: 32px 0 14px;
}

.page-sitemap .sitemap-title-row {
    justify-content: flex-start;
    gap: 10px;
}

.page-sitemap .sitemap-content {
    padding: 0 0 48px;
}

.page-sitemap .sitemap-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.page-sitemap .sitemap-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--line, #dbe3ef);
    border-radius: 16px;
    background: var(--surface, #fff);
    box-shadow: var(--shadow-sm, 0 8px 24px rgba(15, 23, 42, .05));
}

.page-sitemap .sitemap-card-head {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line, #e5e7eb);
}

.page-sitemap .sitemap-card-head h2 {
    margin: 0;
    font-size: 17px;
}

.page-sitemap .sitemap-card-head p {
    margin: 5px 0 0;
    color: var(--muted, #64748b);
    font-size: 12px;
}

.page-sitemap .sitemap-link-list {
    display: grid;
    gap: 4px;
    padding-top: 10px;
}

.page-sitemap .sitemap-link {
    position: relative;
    display: grid;
    gap: 3px;
    padding: 11px 30px 11px 10px;
    border-radius: 10px;
    color: var(--text, #0f172a);
    text-decoration: none;
}

.page-sitemap .sitemap-link:hover {
    background: var(--surface-2, #f8fafc);
}

.page-sitemap .sitemap-link strong {
    font-size: 13px;
}

.page-sitemap .sitemap-link span:not(.sitemap-link-arrow) {
    color: var(--muted, #64748b);
    font-size: 11px;
    line-height: 1.5;
}

.page-sitemap .sitemap-link-arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: var(--primary, #2563eb);
    font-size: 16px;
}

@media (max-width: 900px) {
    .page-sitemap .sitemap-grid {
        grid-template-columns: 1fr;
    }
}