:root {
    --navsmap-bg: #f5f7fa;
    --navsmap-surface: #ffffff;
    --navsmap-surface-strong: #f8fafc;
    --navsmap-panel: #f8fafc;
    --navsmap-panel-soft: rgba(148, 163, 184, 0.08);
    --navsmap-line: rgba(148, 163, 184, 0.18);
    --navsmap-text: #1f2937;
    --navsmap-muted: #6b7280;
    --navsmap-green: #3b82f6;
    --navsmap-green-strong: #2563eb;
    --navsmap-orange: #60a5fa;
    --navsmap-orange-strong: #3b82f6;
    --navsmap-accent-rgb: 59, 130, 246;
    --navsmap-warm-rgb: 148, 163, 184;
    --navsmap-accent-ink: #ffffff;
    --navsmap-warm-ink: #ffffff;
    --navsmap-warm-text: #475569;
    --navsmap-accent-soft: #e8f0ff;
    --navsmap-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    --navsmap-shadow-soft: 0 16px 36px rgba(15, 23, 42, 0.05);
    --navsmap-radius-xl: 32px;
    --navsmap-radius-lg: 24px;
    --navsmap-radius-md: 18px;
    --navsmap-radius-shell: 20px;
    --navsmap-radius-panel: 16px;
    --navsmap-radius-card: 15px;
    --navsmap-radius-inner: 12px;
    --navsmap-radius-mini: 10px;
    --navsmap-home-radius-shell: var(--navsmap-radius-shell);
    --navsmap-home-radius-panel: var(--navsmap-radius-panel);
    --navsmap-home-radius-card: var(--navsmap-radius-card);
    --navsmap-home-radius-inner: var(--navsmap-radius-inner);
    --navsmap-home-radius-mini: var(--navsmap-radius-mini);
    --navsmap-shell-width: calc(100% - 40px);
    --navsmap-side-width: 240px;
    --navsmap-card-width: 220px;
}

/* NAVSMAP TAAFT-style inner pages */
.navsmap-taaft-page {
    min-height: 100vh;
}

.navsmap-taaft-page .navsmap-taaft-shell {
    padding-bottom: 72px;
}

.navsmap-taaft-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 560px);
    align-items: center;
    gap: 28px;
    width: min(1200px, calc(100% - 36px));
    margin: 32px auto 0;
    padding: 24px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
    color: var(--taaft-text);
}

.navsmap-taaft-page-hero p {
    margin: 0 0 8px;
    color: var(--taaft-accent);
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-page-hero h1 {
    margin: 0;
    color: var(--taaft-text);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.18;
}

.navsmap-taaft-page-hero span,
.navsmap-taaft-page-hero__copy {
    display: block;
    margin-top: 10px;
    color: var(--taaft-muted);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
}

.navsmap-taaft-page-hero__copy {
    max-width: 560px;
    justify-self: end;
}

.navsmap-taaft-search.is-compact {
    width: 100%;
    margin: 0;
    box-shadow: none;
}

.navsmap-taaft-filterbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: min(1200px, calc(100% - 36px));
    margin: 18px auto 0;
}

.navsmap-taaft-filterbar .navsmap-taaft-tabs {
    justify-content: flex-start;
}

.navsmap-taaft-filterbar__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.navsmap-taaft-filterbar__chips a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 800;
}

.navsmap-taaft-filterbar__chips a:hover,
.navsmap-taaft-filterbar__chips a.is-current {
    border-color: rgba(255, 91, 120, 0.45);
    background: rgba(255, 255, 255, 0.075);
    color: var(--taaft-text);
}

.navsmap-taaft-stream--page {
    margin-top: 18px;
}

.navsmap-taaft-pagination {
    margin: 24px 0 0;
}

.navsmap-taaft-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.navsmap-taaft-pagination li {
    margin: 0;
}

.navsmap-taaft-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-pagination .page-numbers.current,
.navsmap-taaft-pagination a.page-numbers:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #20222b;
}

.navsmap-taaft-empty {
    width: min(720px, 100%);
    margin: 0 auto;
    padding: 36px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
    text-align: center;
}

.navsmap-taaft-empty h2 {
    margin: 0;
    color: var(--taaft-text);
    font-size: 24px;
    font-weight: 900;
}

.navsmap-taaft-empty p {
    margin: 12px auto 0;
    color: var(--taaft-muted);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
}

.navsmap-taaft-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: 20px;
    padding: 0 16px;
    border-radius: 8px;
    background: #ffedf1;
    color: #a61d3f !important;
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-detail {
    width: min(1200px, calc(100% - 36px));
    margin: 32px auto 0;
}

.navsmap-taaft-detail-hero {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 24px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
    color: var(--taaft-text);
}

.navsmap-taaft-detail-hero__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border: 1px solid var(--taaft-border);
    border-radius: 14px;
    background: #ffffff;
    color: #20222b;
    font-size: 18px;
    font-weight: 900;
}

.navsmap-taaft-detail-hero__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-taaft-detail-hero__main {
    min-width: 0;
}

.navsmap-taaft-detail-hero__main p {
    margin: 0 0 8px;
    color: var(--taaft-accent);
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-detail-hero__main h1 {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--taaft-text);
    font-size: 34px;
    font-weight: 900;
    line-height: 1.16;
}

.navsmap-taaft-detail-hero__desc {
    max-width: 720px;
    margin-top: 10px;
    color: var(--taaft-muted);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
}

.navsmap-taaft-detail-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.navsmap-taaft-detail-hero__chips span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: var(--taaft-text);
    font-size: 12px;
    font-weight: 800;
}

.navsmap-taaft-detail-hero__actions {
    display: grid;
    gap: 8px;
    min-width: 160px;
}

.navsmap-taaft-detail-hero__visit,
.navsmap-taaft-detail-hero__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-detail-hero__visit {
    background: #ffffff;
    color: #20222b !important;
}

.navsmap-taaft-detail-hero__back {
    border: 1px solid var(--taaft-border);
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted) !important;
}

.navsmap-taaft-detail-content,
.navsmap-taaft-detail-related,
.navsmap-taaft-detail-comments {
    margin-top: 18px;
    padding: 22px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
    color: var(--taaft-text);
}

.navsmap-taaft-detail-content__legacy {
    overflow: hidden;
    border-radius: 10px;
}

.navsmap-taaft-detail-content__body {
    margin-top: 18px;
}

.navsmap-taaft-detail-content h1,
.navsmap-taaft-detail-content h2,
.navsmap-taaft-detail-content h3,
.navsmap-taaft-detail-related h1,
.navsmap-taaft-detail-related h2,
.navsmap-taaft-detail-related h3,
.navsmap-taaft-detail-comments h1,
.navsmap-taaft-detail-comments h2,
.navsmap-taaft-detail-comments h3 {
    color: var(--taaft-text);
}

.navsmap-taaft-detail-content p,
.navsmap-taaft-detail-content li,
.navsmap-taaft-detail-related p,
.navsmap-taaft-detail-related li,
.navsmap-taaft-detail-comments p,
.navsmap-taaft-detail-comments li {
    color: var(--taaft-muted);
}

.navsmap-taaft-detail-content a,
.navsmap-taaft-detail-related a,
.navsmap-taaft-detail-comments a {
    color: inherit;
}

.navsmap-taaft-detail-content .card,
.navsmap-taaft-detail-content .panel,
.navsmap-taaft-detail-related .card,
.navsmap-taaft-detail-comments .card {
    border-color: var(--taaft-border);
    background: var(--taaft-panel-soft);
    color: var(--taaft-text);
}

@media (max-width: 860px) {
    .navsmap-taaft-page-hero,
    .navsmap-taaft-detail-hero {
        grid-template-columns: 1fr;
    }

    .navsmap-taaft-page-hero__copy {
        justify-self: start;
    }

    .navsmap-taaft-detail-hero__actions {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .navsmap-taaft-detail-hero__logo {
        width: 72px;
        height: 72px;
    }
}

@media (max-width: 560px) {
    .navsmap-taaft-page-hero,
    .navsmap-taaft-filterbar,
    .navsmap-taaft-detail {
        width: calc(100% - 24px);
    }

    .navsmap-taaft-page-hero,
    .navsmap-taaft-detail-hero,
    .navsmap-taaft-detail-content,
    .navsmap-taaft-detail-related,
    .navsmap-taaft-detail-comments {
        padding: 16px;
    }

    .navsmap-taaft-page-hero h1,
    .navsmap-taaft-detail-hero__main h1 {
        font-size: 26px;
    }

    .navsmap-taaft-detail-hero__actions {
        grid-template-columns: 1fr;
    }
}

/* TAAFT-inspired Chinese discovery homepage */
.navsmap-taaft {
    --taaft-bg: #292b36;
    --taaft-panel: #343744;
    --taaft-panel-strong: #3d4050;
    --taaft-panel-soft: #30323d;
    --taaft-border: rgba(255, 255, 255, 0.08);
    --taaft-border-strong: rgba(255, 255, 255, 0.14);
    --taaft-text: #f4f5f8;
    --taaft-muted: #a8adbb;
    --taaft-soft: #7f8595;
    --taaft-accent: #ff5b78;
    --taaft-accent-2: #ff8f45;
    --taaft-green: #54d68a;
    --taaft-radius: 10px;
    min-height: 100vh;
    background: var(--taaft-bg);
    color: var(--taaft-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}

.navsmap-taaft *,
.navsmap-taaft *::before,
.navsmap-taaft *::after {
    box-sizing: border-box;
}

.navsmap-taaft a {
    color: inherit;
    text-decoration: none;
}

.navsmap-taaft .navsmap-icon {
    width: 18px;
    height: 18px;
}

.navsmap-taaft-sidebar {
    position: fixed;
    z-index: 30;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 184px;
    padding: 14px 10px;
    border-right: 1px solid var(--taaft-border);
    background: #242631;
    color: var(--taaft-muted);
}

.navsmap-taaft-sidebar__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 10px 12px;
    color: var(--taaft-text);
}

.navsmap-taaft-sidebar__brand span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--taaft-border-strong);
    border-radius: 8px;
    background: #ffffff;
    color: #20222b;
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-sidebar__brand strong {
    overflow: hidden;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-taaft-sidebar__nav {
    display: grid;
    gap: 4px;
    padding-top: 8px;
    overflow-y: auto;
}

.navsmap-taaft-sidebar__nav a,
.navsmap-taaft-sidebar__create {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.navsmap-taaft-sidebar__nav a:hover,
.navsmap-taaft-sidebar__nav a.is-active {
    border-color: var(--taaft-border);
    background: rgba(255, 255, 255, 0.05);
    color: var(--taaft-text);
}

.navsmap-taaft-sidebar__create {
    justify-content: center;
    min-height: 46px;
    margin-top: auto;
    background: #ffedf1;
    color: #a61d3f !important;
}

.navsmap-taaft-shell {
    width: calc(100% - 184px);
    min-height: 100vh;
    margin-left: 184px;
    padding: 0 0 80px;
}

.navsmap-taaft-topbar {
    position: sticky;
    z-index: 20;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    padding: 8px 18px;
    border-bottom: 1px solid var(--taaft-border);
    background: rgba(41, 43, 54, 0.96);
}

.navsmap-taaft-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.navsmap-taaft-stats::-webkit-scrollbar {
    display: none;
}

.navsmap-taaft-stats a {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--taaft-muted);
    font-size: 12px;
    font-weight: 700;
}

.navsmap-taaft-stats strong {
    color: var(--taaft-text);
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-stats .is-more {
    color: var(--taaft-accent);
}

.navsmap-taaft-account {
    display: flex;
    align-items: center;
    gap: 8px;
}

.navsmap-taaft-account a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    color: var(--taaft-text);
    font-size: 13px;
    font-weight: 800;
}

.navsmap-taaft-account a.is-primary {
    border-color: transparent;
    background: #ffffff;
    color: #20222b;
}

.navsmap-taaft-sponsor {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(720px, calc(100% - 36px));
    min-height: 44px;
    margin: 22px auto 0;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 700;
}

.navsmap-taaft-sponsor span {
    color: var(--taaft-accent-2);
    font-size: 12px;
}

.navsmap-taaft-sponsor a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-taaft-hero {
    width: min(760px, calc(100% - 36px));
    margin: 56px auto 0;
    text-align: center;
}

.navsmap-taaft-hero__kicker {
    margin: 0 0 10px;
    color: var(--taaft-accent);
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-hero h1 {
    margin: 0;
    color: var(--taaft-text);
    font-size: 34px;
    font-weight: 900;
    line-height: 1.16;
}

.navsmap-taaft-hero p:not(.navsmap-taaft-hero__kicker) {
    margin: 10px 0 0;
    color: var(--taaft-muted);
    font-size: 15px;
    font-weight: 600;
}

.navsmap-taaft-search {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: min(640px, 100%);
    min-height: 58px;
    margin: 28px auto 0;
    padding: 7px;
    border: 1px solid var(--taaft-border-strong);
    border-radius: 12px;
    background: #f5f6fb;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.navsmap-taaft-search:focus-within {
    border-color: rgba(255, 91, 120, 0.65);
}

.navsmap-taaft-search__icon {
    margin-left: 8px;
    color: #6b7280;
}

.navsmap-taaft-search input[type="search"] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #20222b;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
}

.navsmap-taaft-search input[type="search"]::placeholder {
    color: #7b8190;
}

.navsmap-taaft-search kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid #d9dce5;
    border-radius: 8px;
    background: #ffffff;
    color: #636a7a;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    background: #20222b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.navsmap-taaft-keywords,
.navsmap-taaft-tasks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.navsmap-taaft-keywords {
    margin: 18px auto 0;
}

.navsmap-taaft-keywords a,
.navsmap-taaft-tasks a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 800;
}

.navsmap-taaft-keywords a:hover,
.navsmap-taaft-tasks a:hover,
.navsmap-taaft-categories a:hover,
.navsmap-taaft-tool-card:hover {
    border-color: rgba(255, 91, 120, 0.45);
    transform: translateY(-3px);
}

.navsmap-taaft-tasks {
    width: min(760px, calc(100% - 36px));
    margin: 24px auto 0;
}

.navsmap-taaft-tasks a:first-child {
    background: #ffffff;
    color: #20222b;
}

.navsmap-taaft-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: min(760px, calc(100% - 36px));
    margin: 18px auto 0;
}

.navsmap-taaft-categories a {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--taaft-muted);
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.navsmap-taaft-categories span {
    overflow: hidden;
    color: var(--taaft-text);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-taaft-categories small {
    color: var(--taaft-soft);
    font-size: 11px;
    font-weight: 800;
}

.navsmap-taaft-stream {
    width: min(1200px, calc(100% - 36px));
    margin: 34px auto 0;
}

.navsmap-taaft-stream__head {
    position: sticky;
    z-index: 15;
    top: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 10px 0;
    background: rgba(41, 43, 54, 0.96);
}

.navsmap-taaft-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.navsmap-taaft-tabs::-webkit-scrollbar {
    display: none;
}

.navsmap-taaft-tabs a,
.navsmap-taaft-stream__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--taaft-muted);
    font-size: 14px;
    font-weight: 900;
}

.navsmap-taaft-tabs a.is-current {
    background: #ffffff;
    color: #20222b;
}

.navsmap-taaft-stream__submit {
    background: #ffedf1;
    color: #a61d3f !important;
}

.navsmap-taaft-feed {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.navsmap-taaft-tool-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 188px;
    padding: 14px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
    color: var(--taaft-text);
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.navsmap-taaft-tool-card:hover {
    background: var(--taaft-panel-strong);
}

.navsmap-taaft-tool-card__main {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
}

.navsmap-taaft-tool-card__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 1px solid var(--taaft-border);
    border-radius: 10px;
    background: #ffffff;
    color: #20222b;
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-tool-card__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-taaft-tool-card__content {
    display: grid;
    min-width: 0;
}

.navsmap-taaft-tool-card__title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.navsmap-taaft-tool-card__title-row strong {
    overflow: hidden;
    color: var(--taaft-text);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-taaft-tool-card__title-row em {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 7px;
    background: rgba(84, 214, 138, 0.13);
    color: var(--taaft-green);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.navsmap-taaft-tool-card__desc {
    display: -webkit-box;
    min-height: 42px;
    margin-top: 7px;
    overflow: hidden;
    color: var(--taaft-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.navsmap-taaft-tool-card__task {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 28px;
    margin-top: 10px;
    padding: 0 9px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: var(--taaft-text);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-taaft-tool-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 12px;
    color: var(--taaft-soft);
    font-size: 12px;
    font-weight: 700;
}

.navsmap-taaft-tool-card__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
}

.navsmap-taaft-tool-card__visit,
.navsmap-taaft-tool-card__save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 900;
}

.navsmap-taaft-tool-card__visit {
    background: #20222b;
    color: #ffffff !important;
}

.navsmap-taaft-tool-card__save {
    padding: 0;
    background: var(--taaft-panel-soft);
    color: var(--taaft-muted);
    cursor: pointer;
}

.navsmap-taaft-tool-card__save:hover {
    border-color: var(--taaft-border-strong);
    color: var(--taaft-text);
}

.navsmap-taaft-newsletter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    align-items: center;
    gap: 24px;
    width: min(1200px, calc(100% - 36px));
    margin: 28px auto 0;
    padding: 24px;
    border: 1px solid var(--taaft-border);
    border-radius: 12px;
    background: var(--taaft-panel);
}

.navsmap-taaft-newsletter span {
    color: var(--taaft-accent);
    font-size: 12px;
    font-weight: 900;
}

.navsmap-taaft-newsletter h2 {
    margin: 6px 0 0;
    color: var(--taaft-text);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
}

.navsmap-taaft-newsletter form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.navsmap-taaft-newsletter input {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--taaft-border);
    border-radius: 8px;
    outline: 0;
    background: #ffffff;
    color: #20222b;
    font: inherit;
}

.navsmap-taaft-newsletter button {
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #20222b;
    color: #ffffff;
    font-weight: 900;
}

@media (max-width: 1180px) {
    .navsmap-taaft-sidebar {
        width: 68px;
        padding: 12px 8px;
    }

    .navsmap-taaft-sidebar__brand {
        justify-content: center;
        padding: 0 0 12px;
    }

    .navsmap-taaft-sidebar__brand strong,
    .navsmap-taaft-sidebar__nav span,
    .navsmap-taaft-sidebar__create span {
        display: none;
    }

    .navsmap-taaft-sidebar__create .navsmap-icon {
        display: inline-flex;
    }

    .navsmap-taaft-sidebar__nav a,
    .navsmap-taaft-sidebar__create {
        justify-content: center;
        padding: 0;
    }

    .navsmap-taaft-shell {
        width: calc(100% - 68px);
        margin-left: 68px;
    }
}

@media (max-width: 860px) {
    .navsmap-taaft-sidebar {
        position: sticky;
        top: 0;
        right: 0;
        bottom: auto;
        flex-direction: row;
        width: 100%;
        min-height: 58px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--taaft-border);
    }

    .navsmap-taaft-sidebar__brand {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 0 8px;
    }

    .navsmap-taaft-sidebar__nav {
        display: flex;
        flex: 1 1 auto;
        padding-top: 0;
        overflow: visible;
    }

    .navsmap-taaft-sidebar__create {
        flex: 0 0 44px;
        margin-top: 0;
    }

    .navsmap-taaft-shell {
        width: 100%;
        margin-left: 0;
    }

    .navsmap-taaft-topbar {
        position: static;
        grid-template-columns: 1fr;
    }

    .navsmap-taaft-account {
        display: none;
    }

    .navsmap-taaft-hero {
        margin-top: 42px;
    }

    .navsmap-taaft-stream__head {
        top: 0;
    }

    .navsmap-taaft-feed {
        grid-template-columns: 1fr;
    }

    .navsmap-taaft-newsletter {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .navsmap-taaft-topbar {
        padding: 8px 12px;
    }

    .navsmap-taaft-sponsor,
    .navsmap-taaft-hero,
    .navsmap-taaft-tasks,
    .navsmap-taaft-categories,
    .navsmap-taaft-stream,
    .navsmap-taaft-newsletter {
        width: calc(100% - 24px);
    }

    .navsmap-taaft-hero h1 {
        font-size: 28px;
    }

    .navsmap-taaft-search {
        grid-template-columns: 20px minmax(0, 1fr) 48px;
        min-height: 56px;
        gap: 8px;
    }

    .navsmap-taaft-search kbd {
        display: none;
    }

    .navsmap-taaft-search button {
        width: 48px;
        padding: 0;
        font-size: 0;
    }

    .navsmap-taaft-search button::before {
        content: "搜";
        font-size: 14px;
    }

    .navsmap-taaft-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-taaft-stream__head {
        align-items: stretch;
        flex-direction: column;
    }

    .navsmap-taaft-stream__submit {
        justify-content: center;
    }

    .navsmap-taaft-tool-card {
        min-height: 180px;
        padding: 12px;
    }

    .navsmap-taaft-newsletter form {
        grid-template-columns: 1fr;
    }
}

html {
    scroll-behavior: smooth;
}

body.home.blog .main-header,
body.home.blog .mobile-header,
body.home.blog .main-footer,
body.home.blog .io-footer-tools,
body.home.blog .search-modal,
body.search .main-header,
body.search .mobile-header,
body.search .main-footer,
body.search .io-footer-tools,
body.search .search-modal,
body.archive[class*="tax-"] .main-header,
body.archive[class*="tax-"] .mobile-header,
body.archive[class*="tax-"] .main-footer,
body.archive[class*="tax-"] .io-footer-tools,
body.archive[class*="tax-"] .search-modal,
body.page-template-template-rankings .main-header,
body.page-template-template-rankings .mobile-header,
body.page-template-template-rankings .main-footer,
body.page-template-template-rankings .io-footer-tools,
body.page-template-template-rankings .search-modal,
body.page-template-template-rankings-php .main-header,
body.page-template-template-rankings-php .mobile-header,
body.page-template-template-rankings-php .main-footer,
body.page-template-template-rankings-php .io-footer-tools,
body.page-template-template-rankings-php .search-modal,
body.page-template-template-links .main-header,
body.page-template-template-links .mobile-header,
body.page-template-template-links .main-footer,
body.page-template-template-links .io-footer-tools,
body.page-template-template-links .search-modal,
body.page-template-template-links-php .main-header,
body.page-template-template-links-php .mobile-header,
body.page-template-template-links-php .main-footer,
body.page-template-template-links-php .io-footer-tools,
body.page-template-template-links-php .search-modal,
body.navsmap-scenarios-page .main-header,
body.navsmap-scenarios-page .mobile-header,
body.navsmap-scenarios-page .main-footer,
body.navsmap-scenarios-page .io-footer-tools,
body.navsmap-scenarios-page .search-modal,
body.navsmap-scene-page .main-header,
body.navsmap-scene-page .mobile-header,
body.navsmap-scene-page .main-footer,
body.navsmap-scene-page .io-footer-tools,
body.navsmap-scene-page .search-modal {
    display: none !important;
}

body.home.blog,
body.search,
body.archive[class*="tax-"],
body.page-template-template-rankings,
body.page-template-template-rankings-php,
body.page-template-template-links,
body.page-template-template-links-php,
body.navsmap-scenarios-page,
body.navsmap-scene-page {
    padding-top: 0 !important;
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.10), transparent 22%),
        radial-gradient(circle at 100% 0, rgba(var(--navsmap-warm-rgb), 0.12), transparent 26%),
        linear-gradient(180deg, #fbfdff 0%, var(--navsmap-bg) 100%);
    color: var(--navsmap-text);
    font-family: "Alibaba PuHuiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body.home.blog a,
body.search a,
body.archive[class*="tax-"] a,
body.page-template-template-rankings a,
body.page-template-template-rankings-php a,
body.page-template-template-links a,
body.page-template-template-links-php a,
body.navsmap-scenarios-page a,
body.navsmap-scene-page a {
    color: inherit;
    text-decoration: none;
}

body.home.blog img,
body.search img,
body.archive[class*="tax-"] img,
body.page-template-template-rankings img,
body.page-template-template-rankings-php img,
body.page-template-template-links img,
body.page-template-template-links-php img,
body.navsmap-scenarios-page img,
body.navsmap-scene-page img {
    display: block;
    max-width: 100%;
}

body.page-template-template-contribute .main-header,
body.page-template-template-contribute .mobile-header,
body.page-template-template-contribute .main-footer,
body.page-template-template-contribute .io-footer-tools,
body.page-template-template-contribute .search-modal,
body.page-template-template-contribute-php .main-header,
body.page-template-template-contribute-php .mobile-header,
body.page-template-template-contribute-php .main-footer,
body.page-template-template-contribute-php .io-footer-tools,
body.page-template-template-contribute-php .search-modal {
    display: none !important;
}

body.page-template-template-contribute,
body.page-template-template-contribute-php {
    padding-top: 0 !important;
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.10), transparent 22%),
        radial-gradient(circle at 100% 0, rgba(var(--navsmap-warm-rgb), 0.12), transparent 26%),
        linear-gradient(180deg, #fbfdff 0%, var(--navsmap-bg) 100%);
    color: var(--navsmap-text);
    font-family: "Alibaba PuHuiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body.page-template-template-contribute a,
body.page-template-template-contribute-php a {
    color: inherit;
    text-decoration: none;
}

body.page-template-template-contribute img,
body.page-template-template-contribute-php img {
    display: block;
    max-width: 100%;
}

.navsmap-app {
    padding: 14px 0 38px;
}

.navsmap-shell-header,
.navsmap-page-frame {
    display: grid;
    grid-template-columns: var(--navsmap-side-width) minmax(0, 1fr);
    gap: 24px;
    width: var(--navsmap-shell-width);
    margin: 0 auto;
}

.navsmap-header-main,
.navsmap-page-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.navsmap-header-side,
.navsmap-side-menu {
    grid-column: 1;
    grid-row: 1;
}

.navsmap-shell-header {
    align-items: stretch;
    margin-bottom: 18px;
}

.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-side-menu,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-card,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom {
    border: 1px solid var(--navsmap-line);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-header-main__inner,
.navsmap-header-side {
    min-height: 88px;
    border-radius: 26px;
    background: rgba(17, 24, 39, 0.94);
    backdrop-filter: blur(20px);
}

.navsmap-header-main__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
}

.navsmap-chip-icon,
.navsmap-header-logo__mark,
.navsmap-footer-logo__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 2.4rem;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: var(--navsmap-accent-ink);
    font-weight: 800;
}

.navsmap-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.navsmap-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.navsmap-header-search {
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    min-width: 0;
    width: 100%;
}

.navsmap-search-form-main {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    box-sizing: border-box;
    min-height: 56px;
    height: 56px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    background: #1d1f26;
    overflow: hidden;
}

.navsmap-search-form-main__field {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-height: 54px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.navsmap-search-form-main:focus-within {
    border-color: var(--navsmap-green-strong);
}

.navsmap-search-form-main__input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 54px;
    width: 100%;
    padding: 0 154px 0 18px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.95rem;
}

.navsmap-search-form-main__input:focus {
    outline: none;
}

.navsmap-search-form-main__input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.navsmap-search-form-main__button {
    position: relative;
    display: inline-flex;
    flex: 0 0 130px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 130px;
    min-height: 56px;
    height: 56px;
    padding: 0 1rem;
    border: 0;
    margin: -1px -1px -1px 0;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: var(--navsmap-accent-ink);
    font-weight: 800;
    white-space: nowrap;
    box-shadow: none;
}

.navsmap-home-action-btn,
.navsmap-search-action,
.navsmap-search-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navsmap-orange-strong), var(--navsmap-orange));
    color: #fff;
    font-weight: 700;
}

.navsmap-header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    min-height: 56px;
    height: 56px;
    gap: 8px;
}

.navsmap-header-btn {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 56px;
    height: 56px;
    width: 138px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    background: #222c3d;
    color: #c7d3e8;
    font-weight: 700;
    white-space: nowrap;
}

.navsmap-header-btn.is-submit {
    border-color: rgba(var(--navsmap-warm-rgb), 0.5);
    color: var(--navsmap-warm-text);
}

.navsmap-header-btn.is-login {
    color: #c7d3e8;
}

.navsmap-header-btn:hover {
    border-color: var(--navsmap-green);
    color: var(--navsmap-green);
}

.navsmap-header-btn__text {
    display: inline-flex;
    align-items: center;
}

.navsmap-header-btn__subtitle {
    position: absolute;
    top: 0;
    right: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    min-height: 20px;
    border-radius: 10px 10px 0 10px;
    background: rgba(var(--navsmap-warm-rgb), 0.95);
    color: var(--navsmap-warm-ink);
    font-size: 0.72rem;
    font-weight: 700;
    transform: translateY(-50%);
}

.navsmap-header-side {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1.2rem;
}

.navsmap-header-logo {
    margin: 0;
}

.navsmap-header-logo a {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
}

.navsmap-header-button__icon {
    width: 18px;
    height: 18px;
}

.navsmap-header-logo__text {
    font-size: 1.2rem;
    letter-spacing: 0.04em;
}

.navsmap-page-frame {
    align-items: start;
}

.navsmap-page-main {
    min-width: 0;
}

.navsmap-side-menu {
    position: sticky;
    top: 16px;
    padding: 18px 16px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.12), transparent 22%),
        linear-gradient(180deg, var(--navsmap-surface), #131b28);
}

.navsmap-side-menu__main {
    min-width: 0;
}

.navsmap-side-menu__nav,
.navsmap-side-menu__sublist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navsmap-side-menu__nav {
    display: grid;
    gap: 0.45rem;
}

.navsmap-side-menu__entry {
    position: relative;
}

.navsmap-side-menu__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 16px;
    color: var(--navsmap-text);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.navsmap-side-menu__link::before {
    content: "";
    position: absolute;
    top: 13px;
    bottom: 13px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: var(--navsmap-green);
    opacity: 0;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link {
    background: rgba(255, 255, 255, 0.05);
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link::before {
    opacity: 1;
}

.navsmap-side-menu__link:hover,
.navsmap-side-menu__sublink:hover,
.navsmap-side-menu__aux-link:hover {
    background: rgba(255, 255, 255, 0.04);
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 244, 255, 0.88));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 6px 14px rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu__icon svg,
.navsmap-side-menu__aux-icon svg {
    width: 17px;
    height: 17px;
}

.navsmap-side-menu__icon svg path,
.navsmap-side-menu__icon svg circle,
.navsmap-side-menu__icon svg rect,
.navsmap-side-menu__icon svg ellipse,
.navsmap-side-menu__aux-icon svg path,
.navsmap-side-menu__aux-icon svg circle,
.navsmap-side-menu__aux-icon svg rect,
.navsmap-side-menu__aux-icon svg ellipse {
    stroke-width: 1.7;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__link:hover .navsmap-side-menu__icon {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(227, 237, 255, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 8px 18px rgba(var(--navsmap-accent-rgb), 0.1);
}

.navsmap-side-menu__text,
.navsmap-side-menu__aux-link span {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.96rem;
    font-weight: 600;
}

.navsmap-side-menu__arrow {
    display: none !important;
}

.navsmap-side-menu__sublist {
    display: none !important;
}

.navsmap-side-menu__sublink {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 0 0.4rem 0 0;
    border-radius: 10px;
    color: var(--navsmap-muted);
    font-size: 0.84rem;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.navsmap-side-menu__subitem.is-current > .navsmap-side-menu__sublink,
.navsmap-side-menu__subitem.current-menu-item > .navsmap-side-menu__sublink,
.navsmap-side-menu__subitem.current-menu-ancestor > .navsmap-side-menu__sublink,
.navsmap-side-menu__subitem.current_page_item > .navsmap-side-menu__sublink {
    color: var(--navsmap-green);
}

.navsmap-side-menu__section {
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.navsmap-side-menu__section-title {
    margin: 0 0 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.82rem;
    letter-spacing: 0.08em;
}

.navsmap-side-menu__aux-links {
    display: grid;
    gap: 0.5rem;
}

.navsmap-side-menu__aux-link {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    background: rgba(255, 255, 255, 0.025);
    color: var(--navsmap-text);
}

.navsmap-side-menu__aux-icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.68);
}

.navsmap-side-menu__aux-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: rgba(var(--navsmap-warm-rgb), 0.18);
    color: var(--navsmap-warm-text);
    font-size: 0.68rem;
    font-weight: 800;
}

.navsmap-home-header {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 18px;
}

.navsmap-home-slide,
.navsmap-robot-feature__wrap,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-card,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom {
    background: var(--navsmap-surface);
}

.navsmap-home-slide {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    border-radius: 30px;
    background: var(--navsmap-surface);
}

.navsmap-home-slide__track {
    position: relative;
    min-height: 420px;
}

.navsmap-slide-card {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.navsmap-slide-card.is-active {
    opacity: 1;
    pointer-events: auto;
}

.navsmap-slide-card__media,
.navsmap-product-card__cover-inner,
.navsmap-robot-card__cover,
.navsmap-post-card__cover,
.navsmap-search-card__cover-inner,
.navsmap-search-card__logo-inner,
.navsmap-robot-feature__cover {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--navsmap-warm-rgb), 0.14), rgba(var(--navsmap-accent-rgb), 0.1));
}

.navsmap-slide-card__media,
.navsmap-robot-feature__cover {
    height: 100%;
}

.navsmap-slide-card__media .img,
.navsmap-product-card__cover .img,
.navsmap-robot-card__cover .img,
.navsmap-post-card__cover .img,
.navsmap-search-card__cover .img,
.navsmap-robot-feature__cover .img,
.navsmap-robot-feature__avatar .img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 18px;
}

.navsmap-product-card__logo .img,
.navsmap-search-card__logo .img,
.navsmap-robot-feature__avatar .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
}

.navsmap-slide-card__overlay {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    width: auto;
    max-width: none;
    padding: 1rem 1.15rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.2)),
        linear-gradient(180deg, rgba(var(--navsmap-accent-rgb), 0.08), rgba(var(--navsmap-warm-rgb), 0.06));
    box-shadow:
        0 20px 44px rgba(16, 40, 92, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    isolation: isolate;
    overflow: hidden;
}

.navsmap-slide-card__overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 58%);
    pointer-events: none;
}

.navsmap-slide-card__overlay > * {
    position: relative;
    z-index: 1;
}

.navsmap-slide-card__badge,
.navsmap-robot-card__badge,
.navsmap-search-card__type,
.navsmap-hot-pill,
.navsmap-news-strip__flag {
    display: inline-flex;
    align-items: center;
    min-height: 1.95rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.navsmap-slide-card__badge,
.navsmap-robot-card__badge,
.navsmap-search-card__type {
    background: rgba(var(--navsmap-accent-rgb), 0.14);
    color: var(--navsmap-green);
}

.navsmap-slide-card__overlay h2,
.navsmap-robot-feature__title {
    margin: 0.8rem 0 0;
    color: var(--navsmap-text);
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    line-height: 1.08;
}

.navsmap-slide-card__overlay p,
.navsmap-robot-feature__subtitle,
.navsmap-robot-feature__quote,
.navsmap-search-header__title p,
.navsmap-product-card__description,
.navsmap-product-card__excerpt p,
.navsmap-robot-card p,
.navsmap-search-card__excerpt p,
.navsmap-footer-card p,
.navsmap-honour-card p,
.navsmap-footer-copy p {
    margin: 0.8rem 0 0;
    color: var(--navsmap-muted);
    line-height: 1.75;
}

.navsmap-slide-card__overlay p {
    color: rgba(23, 48, 79, 0.78);
}

.navsmap-home-slide__dots {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    gap: 0.5rem;
    z-index: 4;
}

.navsmap-slide-dot {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
}

.navsmap-slide-dot.is-active {
    background: var(--navsmap-green);
}

body.home .navsmap-robot-feature__wrap {
    display: flex;
    min-height: 420px;
    padding: 24px;
    border: 1px solid rgba(109, 94, 252, 0.12);
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    box-shadow: 0 8px 20px rgba(74, 86, 160, 0.04);
    transition: border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

body.home .navsmap-robot-feature__wrap:hover {
    border-color: rgba(109, 94, 252, 0.2);
    box-shadow: 0 12px 24px rgba(74, 86, 160, 0.055);
    transform: translateY(-1px);
}

body.home .navsmap-robot-feature__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
}

body.home .navsmap-robot-feature__footer {
    display: grid;
    flex: 1;
    grid-template-rows: minmax(22px, 1fr) auto minmax(22px, 1fr) auto;
    gap: 0;
    min-height: 0;
}

body.home .navsmap-robot-feature__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.38rem;
    min-height: 28px;
    margin: 0;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.home .navsmap-robot-feature__source {
    color: #64748b;
}

body.home .navsmap-robot-feature__meta-dot {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(109, 94, 252, 0.3);
}

body.home .navsmap-robot-feature__meta-badge {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 0.62rem;
    border: 1px solid rgba(109, 94, 252, 0.09);
    border-radius: 999px;
    background: rgba(109, 94, 252, 0.045);
    color: #5b5ce5;
}

body.home .navsmap-robot-feature__title {
    margin: 0.36rem 0 0;
    color: #0f172a;
    font-size: clamp(1.38rem, 1.76vw, 1.66rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

body.home .navsmap-robot-feature__tag {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    margin-top: 0.34rem;
    min-height: 26px;
    padding: 0 0.68rem;
    border: 1px solid rgba(109, 94, 252, 0.09);
    border-radius: 999px;
    background: rgba(109, 94, 252, 0.06);
    color: #5b5ce5;
    font-size: 0.72rem;
    font-weight: 700;
}

body.home .navsmap-robot-feature__item {
    display: flex;
    align-items: center;
    gap: 16px;
    grid-row: 2;
    margin-top: 0;
    padding: 20px 21px;
    border: 1px solid rgba(109, 94, 252, 0.09);
    border-radius: 19px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 8px 18px rgba(109, 94, 252, 0.04);
}

body.home .navsmap-robot-feature__item-logo {
    display: flex;
    flex: 0 0 82px;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    overflow: hidden;
    border: 1px solid rgba(109, 94, 252, 0.08);
    border-radius: 17px;
    background: linear-gradient(180deg, #ffffff, #eef3ff);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 6px 14px rgba(109, 94, 252, 0.05);
}

body.home .navsmap-robot-feature__item-logo .img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 13px;
}

body.home .navsmap-robot-feature__item-body {
    flex: 1;
    min-width: 0;
}

body.home .navsmap-robot-feature__item-name {
    display: block;
    color: #0f172a;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.18;
}

body.home .navsmap-robot-feature__item-desc {
    margin: 0.2rem 0 0;
    overflow: hidden;
    color: #8795ab;
    font-size: 0.86rem;
    line-height: 1.46;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home .navsmap-robot-feature__btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.52rem;
    align-self: stretch;
    grid-row: 4;
    min-height: 54px;
    margin-top: 0;
    padding: 0 0.96rem 0 1rem;
    border: 1px solid rgba(109, 94, 252, 0.045);
    border-radius: 12px;
    background: rgba(109, 94, 252, 0.02);
    color: #4f46e5;
    font-size: 0.82rem;
    font-weight: 700;
    box-shadow: none;
}

body.home .navsmap-robot-feature__btn::after {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: rotate(45deg);
}

body.home .navsmap-robot-feature__wrap:hover .navsmap-robot-feature__btn {
    border-color: rgba(109, 94, 252, 0.07);
    background: rgba(109, 94, 252, 0.032);
    color: #4338ca;
}

.navsmap-home-news,
.navsmap-allcats,
.navsmap-home-actions,
.navsmap-home-robots,
.navsmap-home-posts,
.navsmap-search-row {
    margin-top: 18px;
}

.navsmap-home-news,
.navsmap-allcats,
.navsmap-home-actions,
.navsmap-search-header {
    padding: 18px 20px;
    border-radius: 28px;
}

.navsmap-block-title,
.navsmap-section-title {
    display: block;
    margin: 0 0 1rem;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.navsmap-home-news__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1rem;
}

.navsmap-home-news__headline {
    display: grid;
    gap: 8px;
}

.navsmap-home-news__eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-home-news__head .navsmap-block-title {
    margin-bottom: 0;
}

.navsmap-home-news__head .navsmap-block-title a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--navsmap-text);
}

.navsmap-home-news__head .navsmap-block-title a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-orange-strong));
    box-shadow: 0 0 0 6px rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-home-news__hint {
    color: var(--navsmap-muted);
    font-size: 0.86rem;
    font-weight: 600;
}

.navsmap-news-strip,
.navsmap-allcats__items,
.navsmap-search-header__tags,
.navsmap-search-widget__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.navsmap-news-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.navsmap-home-news .navsmap-news-strip__item {
    position: relative;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    min-height: 126px;
    padding: 18px;
    border: 1px solid rgba(23, 48, 79, 0.10);
    border-radius: 18px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 252, 0.84)),
        radial-gradient(circle at top right, rgba(23, 48, 79, 0.04), transparent 46%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 18px 38px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.navsmap-home-news .navsmap-news-strip__item::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 60%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.navsmap-home-news .navsmap-news-strip__item::after {
    content: "";
    position: absolute;
    inset: -30px -20px auto auto;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(23, 48, 79, 0.08), transparent 68%);
    pointer-events: none;
}

.navsmap-home-news .navsmap-news-strip__item:hover,
.navsmap-home-news .navsmap-news-strip__item:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(23, 48, 79, 0.18);
    box-shadow:
        0 0 0 2px rgba(23, 48, 79, 0.06),
        0 22px 42px rgba(15, 23, 42, 0.12);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.9)),
        radial-gradient(circle at top right, rgba(23, 48, 79, 0.06), transparent 48%);
}

.navsmap-news-strip__thumb {
    position: relative;
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    overflow: hidden;
    border-radius: 18px;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.76), rgba(223, 236, 255, 0.6)),
        radial-gradient(circle at top left, rgba(var(--navsmap-accent-rgb), 0.12), transparent 56%);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 12px 24px rgba(28, 93, 225, 0.08);
}

.navsmap-news-strip__thumb::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.navsmap-news-strip__thumb .img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 13px;
}

.navsmap-news-strip__content {
    display: grid;
    gap: 11px;
    min-width: 0;
}

.navsmap-news-strip__meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.navsmap-news-strip__type {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.12);
    color: var(--navsmap-green);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.navsmap-news-strip__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--navsmap-text);
    font-size: 1.04rem;
    font-weight: 800;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.navsmap-news-strip__flag {
    background: rgba(var(--navsmap-warm-rgb), 0.16);
    color: var(--navsmap-orange-strong);
}

.navsmap-allcats {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.navsmap-allcats__item {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--navsmap-text);
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.navsmap-allcats__items {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scrollbar-width: none;
}

.navsmap-allcats__items::-webkit-scrollbar {
    display: none;
}

.navsmap-allcats__item.is-current {
    background: rgba(var(--navsmap-accent-rgb), 0.14);
    border-color: rgba(var(--navsmap-accent-rgb), 0.24);
}

.navsmap-allcats__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.04);
    color: var(--navsmap-muted);
    font-weight: 700;
}

body.home.blog .content-card .io-slider-tab {
    gap: 10px;
}

body.home.blog .content-card .io-slider-tab .tab-title {
    color: var(--navsmap-text);
}

body.home.blog .content-card .slider-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

body.home.blog .content-card .slider-tab .tab-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 32px;
    line-height: 1.2;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
    color: rgba(243, 245, 247, 0.74);
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.home.blog .content-card .slider-tab .tab-item:not(.active):hover,
body.home.blog .content-card .slider-tab .tab-item.active {
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    border-color: rgba(var(--navsmap-accent-rgb), 0.78);
    color: var(--navsmap-accent-ink);
}

body.home.blog .content-card .slider-tab .tab-item:not(.active):hover {
    transform: translateY(-1px);
}

body.home.blog .content-card .slider-tab .anchor {
    display: none !important;
}

.navsmap-home-catalog {
    margin-top: 18px;
}

.navsmap-home-products {
    margin-top: 18px;
}

.navsmap-home-products--robots .navsmap-card-grid--robots {
    margin-top: 0;
}

.navsmap-home-filter-empty {
    display: grid;
    place-items: center;
    min-height: 180px;
    margin-top: 1rem;
    padding: 1.4rem 1.2rem;
    border: 1px dashed rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.025);
    color: var(--navsmap-muted);
    text-align: center;
}

.navsmap-card-grid {
    display: grid;
    gap: 1rem;
}

.main-content-grid,
.navsmap-card-grid--products {
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--navsmap-card-width)), 1fr));
}

.navsmap-card-grid--robots {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.navsmap-card-grid--posts {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card {
    overflow: hidden;
    border-radius: 24px;
    background: var(--navsmap-surface);
}

.navsmap-product-card {
    min-height: 348px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(32, 35, 41, 0.96), rgba(27, 29, 34, 0.98));
}

.navsmap-product-card__wrap,
.navsmap-robot-card__wrap,
.navsmap-post-card__wrap {
    display: block;
    height: 100%;
}

.navsmap-product-card__wrap {
    display: flex;
    flex-direction: column;
}

.navsmap-product-card__cover {
    position: relative;
    padding: 12px 12px 0;
}

.navsmap-product-card__cover-inner {
    height: 138px;
    border-radius: 16px;
}

.navsmap-product-card__index {
    position: absolute;
    top: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: rgba(12, 17, 26, 0.88);
    font-size: 0.72rem;
    font-weight: 700;
}

.navsmap-product-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.75rem;
    padding: 14px 14px 16px;
}

.navsmap-product-card__title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.navsmap-product-card__logo {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.04);
}

.navsmap-product-card__heading {
    min-width: 0;
}

.navsmap-product-card__heading h2,
.navsmap-robot-card h3,
.navsmap-post-card h3,
.navsmap-search-card__title {
    margin: 0;
}

.navsmap-product-card__heading h2 {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.98rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.navsmap-product-card__heading h3 {
    margin: 0.24rem 0 0;
    overflow: hidden;
    color: var(--navsmap-muted);
    font-size: 0.78rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navsmap-product-card__description {
    display: -webkit-box;
    min-height: 2.8em;
    margin: 0;
    overflow: hidden;
    color: var(--navsmap-muted);
    font-size: 0.84rem;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.navsmap-product-card__labels,
.navsmap-search-card__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: 0;
}

.navsmap-grade-pill,
.navsmap-meta-pill,
.navsmap-hot-pill,
.navsmap-term-pill,
.navsmap-search-chip,
.navsmap-search-tag,
.navsmap-history-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.8rem;
}

.navsmap-term-pill {
    min-height: 26px;
    padding: 0 0.62rem;
    background: rgba(255, 255, 255, 0.045);
    color: var(--navsmap-muted);
    font-size: 0.74rem;
}

.navsmap-grade-pill.is-grade-s {
    background: rgba(var(--navsmap-warm-rgb), 0.18);
    color: #ffe0b8;
}

.navsmap-grade-pill.is-grade-a {
    background: rgba(var(--navsmap-accent-rgb), 0.16);
    color: var(--navsmap-green);
}

.navsmap-grade-pill.is-grade-b {
    background: rgba(93, 140, 255, 0.16);
    color: #b7c9ff;
}

.navsmap-grade-pill.is-grade-c {
    background: rgba(255, 255, 255, 0.08);
    color: var(--navsmap-muted);
}

.navsmap-hot-pill {
    background: rgba(var(--navsmap-warm-rgb), 0.16);
    color: var(--navsmap-warm-text);
}

.navsmap-product-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: auto;
}

.navsmap-product-card__meta .navsmap-grade-pill,
.navsmap-product-card__meta .navsmap-meta-pill,
.navsmap-product-card__meta .navsmap-hot-pill {
    min-height: 26px;
    padding: 0 0.6rem;
    font-size: 0.72rem;
}

.navsmap-home-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 6px 0 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-align: center;
}

.navsmap-home-actions.is-secondary {
    margin-top: 1rem;
}

.navsmap-home-actions__info {
    color: var(--navsmap-muted);
    max-width: 42rem;
}

.navsmap-home-actions__info .num {
    font-style: normal;
    color: var(--navsmap-text);
}

.navsmap-home-actions__buttons {
    display: flex;
    justify-content: center;
    width: 100%;
}

.navsmap-home-action-btn {
    min-height: 48px;
    padding: 0 1.5rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #2f80ff, #1c5de1);
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-home-action-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #3d8bff, #225fdf);
}

.navsmap-robot-card__cover {
    height: 230px;
}

.navsmap-robot-card__cover,
.navsmap-post-card__cover {
    box-sizing: border-box;
    padding: 12px 12px 0;
    background: transparent;
}

.navsmap-robot-card__cover::before,
.navsmap-post-card__cover::before {
    content: "";
    position: absolute;
    inset: 12px 12px 0;
    border-radius: var(--navsmap-radius-inner);
    background: linear-gradient(135deg, rgba(var(--navsmap-warm-rgb), 0.14), rgba(var(--navsmap-accent-rgb), 0.1));
    box-shadow: inset 0 0 0 1px rgba(var(--navsmap-accent-rgb), 0.06);
    pointer-events: none;
}

.navsmap-robot-card__cover > .img,
.navsmap-post-card__cover > .img,
.navsmap-robot-card__cover > .navsmap-media-fallback,
.navsmap-post-card__cover > .navsmap-media-fallback {
    position: relative;
    z-index: 1;
}

.navsmap-robot-card__cover .img,
.navsmap-post-card__cover .img {
    padding: 14px;
}

.navsmap-robot-card__content {
    padding: 16px 18px 18px;
}

.navsmap-robot-card.is-lead {
    grid-column: span 2;
}

.navsmap-post-card__cover {
    height: 170px;
}

.navsmap-post-card__content {
    padding: 16px;
}

.navsmap-post-card__meta {
    margin-top: 0.8rem;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-search-header__crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    color: var(--navsmap-muted);
    font-size: 0.86rem;
}

.navsmap-search-header__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 1rem;
    margin-top: 1rem;
    padding: 22px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.16), transparent 28%),
        radial-gradient(circle at top left, rgba(var(--navsmap-accent-rgb), 0.12), transparent 24%),
        linear-gradient(135deg, var(--navsmap-surface), var(--navsmap-surface-strong));
}

.navsmap-search-header__title h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
}

.navsmap-search-header__art {
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.26);
    font-size: 1.6rem;
    letter-spacing: 0.18em;
    font-weight: 800;
}

.navsmap-search-header__tags {
    margin-top: 1rem;
}

.navsmap-search-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

.navsmap-search-menu__item {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    font-weight: 700;
}

.navsmap-search-menu__item.is-active {
    background: linear-gradient(135deg, var(--navsmap-orange-strong), var(--navsmap-orange));
}

.navsmap-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
}

.navsmap-search-main {
    min-width: 0;
}

.navsmap-search-list {
    display: grid;
    gap: 1rem;
}

.navsmap-search-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 220px;
    gap: 1rem;
    align-items: center;
    padding: 18px;
    border-radius: 24px;
}

.navsmap-search-card__logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 20px;
}

.navsmap-search-card__title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
    font-size: 1.15rem;
    line-height: 1.4;
}

.navsmap-search-card__hot {
    margin-top: 0.8rem;
    color: var(--navsmap-warm-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.navsmap-search-card__cover-inner {
    height: 124px;
    border-radius: 20px;
}

.navsmap-search-sidebar {
    display: grid;
    gap: 1rem;
}

.navsmap-search-widget {
    padding: 18px;
    border-radius: 24px;
}

.navsmap-search-widget__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.navsmap-search-widget__head h3 {
    margin: 0;
    font-size: 1rem;
}

.navsmap-search-widget__head button {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-search-widget__body {
    margin-top: 0.9rem;
}

.navsmap-history-list,
.navsmap-search-widget__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.navsmap-history-chip {
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.navsmap-search-action {
    min-height: 46px;
    background: rgba(255, 255, 255, 0.05);
}

.navsmap-search-action.is-primary {
    background: linear-gradient(135deg, var(--navsmap-orange-strong), var(--navsmap-orange));
}

.navsmap-search-empty {
    padding: 42px 28px;
    text-align: center;
    border-radius: 28px;
    background: var(--navsmap-surface);
    border: 1px solid var(--navsmap-line);
}

.navsmap-search-pagination {
    margin-top: 1rem;
}

.navsmap-search-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.navsmap-search-pagination a,
.navsmap-search-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.navsmap-search-pagination .current {
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: var(--navsmap-accent-ink);
}

.navsmap-app .footer-top,
.navsmap-app .footer-honour,
.navsmap-app .footer-bottom {
    width: var(--navsmap-shell-width);
    margin: 18px auto 0;
    border-radius: 30px;
    overflow: hidden;
}

.navsmap-app .footer-top {
    position: relative;
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, #141c2a, var(--navsmap-bg) 68%);
}

.navsmap-app .footer-top .footer-container {
    padding: 40px 42px 34px;
}

.navsmap-app .footer-section {
    position: relative;
    z-index: 11;
}

.navsmap-app .footer-section .section-flex {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(360px, 0.72fr);
    gap: 32px;
    align-items: start;
}

.navsmap-app .footer-section .section-flex.is-single-column {
    grid-template-columns: minmax(0, 1fr);
}

.navsmap-app .footer-section .flex-data,
.navsmap-app .footer-section .flex-intro {
    min-width: 0;
}

.navsmap-app .footer-section .flex-intro {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.navsmap-app .footer-section-intro {
    display: grid;
    gap: 36px;
}

.navsmap-app .footer-section-intro .footer-logo {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 64px;
    margin: 0;
}

.navsmap-app .footer-section-intro .footer-logo i {
    display: flex;
    align-items: center;
    height: 100%;
    font-style: normal;
}

.navsmap-app .footer-section-intro .footer-logo img {
    display: block;
    width: auto;
    height: 100%;
}

.navsmap-app .footer-section-intro .footer-logo .logo2 {
    position: relative;
    padding-left: 18px;
}

.navsmap-app .footer-section-intro .footer-logo .logo2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-50%);
}

.navsmap-app .footer-section-intro .tags {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.navsmap-app .footer-section-intro .tag {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 54px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.46);
    border-radius: 16px;
    overflow: hidden;
}

.navsmap-app .footer-section-intro .tag i {
    display: inline-flex;
    align-items: center;
    font-style: normal;
}

.navsmap-app .footer-section-intro .tag-fav {
    color: var(--navsmap-green);
}

.navsmap-app .footer-section-intro .tag-fav .t-l,
.navsmap-app .footer-section-intro .tag-fav .t-r {
    padding: 0 18px;
}

.navsmap-app .footer-section-intro .tag-fav .t-r {
    background: var(--navsmap-green);
    color: var(--navsmap-accent-ink);
    font-weight: 700;
}

.navsmap-app .footer-section-intro .tag-contact {
    position: relative;
    border: 0;
    overflow: visible;
}

.navsmap-app .footer-section-intro .tag-contact .tag-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 44px;
    border: 1px solid rgba(var(--navsmap-warm-rgb), 0.46);
    border-radius: 16px;
    color: var(--navsmap-warm-text);
}

.navsmap-app .footer-section-intro .tag-contact .tag-btn:hover {
    border-color: var(--navsmap-green);
    color: var(--navsmap-green);
}

.navsmap-app .footer-section-intro .tag-contact .part-contact-business {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 15;
    display: none;
    margin-bottom: 14px;
}

.navsmap-app .footer-section-intro .tag-contact:hover .part-contact-business {
    display: block;
}

.navsmap-app .footer-section-intro .intro {
    max-width: 50em;
    color: var(--navsmap-muted);
    line-height: 1.92;
}

.navsmap-app .footer-section-intro .intro p {
    margin: 0;
    font-size: 1rem;
}

.navsmap-app .footer-section .section-flex.navsmap-footer-top__layout {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.92fr) minmax(220px, 0.48fr);
    gap: 40px;
    align-items: start;
}

.navsmap-app .navsmap-footer-links-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    padding: 20px 22px 22px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.navsmap-app .navsmap-footer-contact-card {
    min-width: 0;
    height: 100%;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

.navsmap-app .navsmap-footer-quicklinks {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: auto;
    padding-top: 18px;
}

.navsmap-app .navsmap-footer-quicklink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    color: #8b98ae;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.navsmap-app .navsmap-footer-quicklink:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.22);
    background: #fff;
    color: var(--navsmap-green);
}

.navsmap-app .navsmap-footer-quicklink__icon {
    width: 20px;
    height: 20px;
}

.navsmap-app .navsmap-footer-links-panel::before,
.navsmap-app .navsmap-footer-contact-card::before,
.navsmap-app .navsmap-footer-contact-card::after {
    display: none;
}

.navsmap-app .navsmap-footer-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.navsmap-app .navsmap-footer-links-panel__title {
    margin: 0;
    color: var(--navsmap-text);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.navsmap-app .navsmap-footer-panel__more {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--navsmap-green);
    font-size: 0.88rem;
    font-weight: 700;
    white-space: nowrap;
    transition: color 0.22s ease, transform 0.22s ease;
}

.navsmap-app .navsmap-footer-panel__more::after {
    content: "\2192";
    font-size: 0.86rem;
    line-height: 1;
    transition: transform 0.22s ease;
}

.navsmap-app .navsmap-footer-panel__more:hover {
    transform: translateY(-1px);
    color: var(--navsmap-green-strong);
}

.navsmap-app .navsmap-footer-panel__more:hover::after {
    transform: translateX(2px);
}

.navsmap-app .navsmap-footer-links-list {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, auto));
    grid-auto-flow: column;
    justify-content: stretch;
    align-content: start;
    gap: 10px 25px;
}

.navsmap-app .navsmap-footer-link-chip {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.07);
    border-radius: 14px;
    background: rgba(247, 249, 252, 0.9);
    color: var(--navsmap-text);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navsmap-app .navsmap-footer-link-chip__main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.navsmap-app .navsmap-footer-link-chip__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.navsmap-app .navsmap-footer-link-chip__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-app .navsmap-footer-link-chip::after {
    content: "\2192";
    flex: 0 0 auto;
    color: rgba(var(--navsmap-accent-rgb), 0.52);
    font-size: 0.84rem;
    line-height: 1;
    transition: transform 0.2s ease, color 0.2s ease;
}

.navsmap-app .navsmap-footer-link-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: rgba(109, 94, 252, 0.07);
    box-shadow: 0 8px 20px rgba(109, 94, 252, 0.08);
    color: var(--navsmap-green-strong);
}

.navsmap-app .navsmap-footer-link-chip:hover .navsmap-footer-link-chip__icon {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
}

.navsmap-app .navsmap-footer-link-chip:hover::after {
    transform: translateX(2px);
    color: var(--navsmap-link);
}

.navsmap-app .navsmap-footer-link-chip__text {
    flex: 1 1 auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.35;
}

.navsmap-app .navsmap-footer-links-empty,
.navsmap-app .navsmap-footer-contact-card__desc,
.navsmap-app .navsmap-footer-contact-card__note {
    margin: 0;
    color: var(--navsmap-muted);
    line-height: 1.8;
}

.navsmap-app .navsmap-footer-contact-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 34px;
    border-left: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    text-align: left;
}

.navsmap-app .navsmap-footer-contact-card__qr {
    width: min(100%, 148px);
    margin: 0;
    padding: 7px;
    border: 1px solid rgba(31, 195, 174, 0.28);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(var(--navsmap-accent-rgb), 0.06);
}

.navsmap-app .navsmap-footer-contact-card__qr img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--navsmap-radius-inner);
    background: #fff;
}

.navsmap-app .navsmap-footer-contact-card__copy {
    display: grid;
    gap: 2px;
    max-width: 18em;
}

.navsmap-app .navsmap-footer-contact-card__desc {
    font-size: 0.88rem;
}

.navsmap-app .navsmap-footer-contact-card__note {
    font-size: 0.88rem;
    line-height: 1.7;
}

.navsmap-app .navsmap-footer-contact-card__badge {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--navsmap-text);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
}

.navsmap-app .part-contact-business .b-wrap {
    min-width: 332px;
    padding: 18px;
    border-radius: 18px;
    background: var(--navsmap-surface);
    box-shadow: 0 0 30px rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-app .feedback-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 16px;
    align-items: center;
}

.navsmap-app .feedback-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}

.navsmap-app .feedback-avatar {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 999px;
    flex: 0 0 auto;
}

.navsmap-app .feedback-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-app .feedback-title .title {
    color: #fff;
    font-size: 1rem;
    line-height: 1.35;
}

.navsmap-app .feedback-desc {
    margin: 0;
    color: var(--navsmap-muted);
    line-height: 1.8;
}

.navsmap-app .feedback-desc .h {
    color: var(--navsmap-green);
}

.navsmap-app .feedback-ewm .ewm-in {
    overflow: hidden;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
}

.navsmap-app .feedback-ewm img {
    display: block;
    width: 100%;
    height: auto;
}

.navsmap-app .footer-section-data {
    margin-top: 46px;
}

.navsmap-app .footer-section-data .data-ewms {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 32px;
    position: relative;
}

.navsmap-app .footer-section-data .ewm-group {
    position: relative;
}

.navsmap-app .footer-section-data .ewm-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    color: var(--navsmap-muted);
    text-align: center;
}

.navsmap-app .footer-section-data .ewm-btn .ewm-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 64px;
    padding: 16px 12px;
    box-sizing: border-box;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.navsmap-app .footer-section-data .ewm-btn .ewm-text {
    font-size: 0.92rem;
}

.navsmap-app .footer-section-data .ewm-group:hover .ewm-btn {
    color: #fff;
}

.navsmap-app .footer-section-data .ewm-group:hover .ewm-icon {
    background: var(--navsmap-green);
    color: var(--navsmap-accent-ink);
}

.navsmap-app .footer-svg-icon {
    width: 28px;
    height: 28px;
}

.navsmap-app .footer-section-data .ewm-modal {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 18;
    padding-bottom: 14px;
}

.navsmap-app .footer-section-data .ewm-group:hover .ewm-modal {
    display: block;
}

.navsmap-app .footer-section-data .ewm-modal-inner {
    min-width: 340px;
    padding: 20px;
    position: relative;
    background: var(--navsmap-surface);
    border-radius: 18px;
    box-shadow: 0 0 30px rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-app .footer-section-data .ewm-modal-inner::before {
    content: "";
    position: absolute;
    right: 26px;
    bottom: -8px;
    width: 16px;
    height: 16px;
    background: var(--navsmap-surface);
    border-radius: 3px;
    transform: rotate(45deg);
}

.navsmap-app .footer-section-data .ewm-group.shequn .ewm-modal-inner {
    min-width: 520px;
}

.navsmap-app .footer-section-data .ewm-group.video .ewm-modal-inner {
    display: flex;
    gap: 16px;
}

.navsmap-app .footer-section-data .ewm-modal-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.navsmap-app .footer-section-data .ewm-modal-flex + .ewm-modal-flex {
    margin-top: 16px;
}

.navsmap-app .footer-section-data .ewm-modal-qr {
    width: 120px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 14px;
    background: #0d1420;
}

.navsmap-app .footer-section-data .ewm-modal-qr img {
    display: block;
    width: 100%;
    height: auto;
}

.navsmap-app .footer-section-data .ewm-modal-content {
    min-width: 0;
    color: var(--navsmap-muted);
}

.navsmap-app .footer-section-data .ewm-modal-content .e-title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.navsmap-app .footer-section-data .ewm-modal-content .p {
    margin: 0;
    color: var(--navsmap-muted);
    line-height: 1.85;
}

.navsmap-app .footer-section-data .ewm-modal-content .p + .p {
    margin-top: 4px;
}

.navsmap-app .footer-section-data .ewm-modal-content .flex {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.navsmap-app .footer-section-data .w-title {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1rem;
}

.navsmap-app .footer-section-data .w-title .flex {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.navsmap-app .footer-section-data .wechat-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.navsmap-app .footer-section-data .wechat-group .items {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.navsmap-app .footer-section-data .wechat-group .item {
    color: var(--navsmap-muted);
    line-height: 1.55;
}

.navsmap-app .footer-section-data .data-follow {
    text-align: right;
}

.navsmap-app .footer-section-data .data-amount {
    margin: 0;
    color: var(--navsmap-green);
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(4.2rem, 8vw, 5.8rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.navsmap-app .footer-section-data .data-follow p {
    margin: 4px 0 0;
    color: var(--navsmap-muted);
}

.navsmap-app .footer-bands {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.navsmap-app .footer-bands .item .btn {
    display: block;
    padding: 20px 0;
    border-radius: 16px;
    background: #151d2b;
    color: rgba(255, 255, 255, 0.5);
}

.navsmap-app .footer-bands .item .btn:hover {
    background: #24304a;
    color: var(--navsmap-green);
}

.navsmap-app .footer-bands .item .btn-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.navsmap-app .footer-band__icon {
    width: 22px;
    height: 22px;
}

.navsmap-app .footer-bands .item .txt {
    font-style: normal;
}

.navsmap-app .footer-honour {
    padding: 24px 0;
    background: rgba(17, 24, 39, 0.9);
}

.navsmap-app .footer-honour .footer-container {
    padding: 0 34px;
}

.navsmap-app .footer-honour .honour {
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

.navsmap-app .footer-honour .a-item {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
}

.navsmap-app .footer-honour .item-wrap {
    position: relative;
    width: 100%;
    min-height: 108px;
    padding: 12px 20px;
    display: grid;
    place-items: center;
    text-align: center;
}

.navsmap-app .footer-honour h3 {
    margin: 0 0 6px;
    font-size: 1.35rem;
    line-height: 1.15;
}

.navsmap-app .footer-honour h4 {
    margin: 0;
    color: rgba(243, 245, 247, 0.48);
    font-size: 0.96rem;
    font-weight: 400;
    line-height: 1.65;
}

.navsmap-app .footer-honour .bdiv {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 58px;
    transform: translateY(-50%);
}

.navsmap-app .footer-honour .lb {
    left: 0;
}

.navsmap-app .footer-honour .rb {
    right: 0;
}

.navsmap-app .footer-honour .bdiv::before,
.navsmap-app .footer-honour .bdiv::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    opacity: 0.55;
}

.navsmap-app .footer-honour .lb::before,
.navsmap-app .footer-honour .rb::before {
    transform: skewY(18deg);
}

.navsmap-app .footer-honour .lb::after,
.navsmap-app .footer-honour .rb::after {
    transform: skewY(-18deg);
}

.navsmap-app .footer-honour .bdiv i {
    display: none;
}

.navsmap-app .footer-bottom {
    padding: 30px 0 0;
    background: #0c111a;
}

.navsmap-app .footer-bottom.footer-bottom--legal {
    padding-top: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.navsmap-app .footer-bottom .footer-container {
    padding: 0 34px 34px;
}

.navsmap-app .footer-bottom.footer-bottom--legal .footer-container {
    padding-top: 0;
}

.navsmap-app .footer-menus {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.navsmap-app .footer-menus .f-menu {
    line-height: 2.14;
    min-height: 32px;
}

.navsmap-app .footer-menus .f-menu + .f-menu {
    margin-top: 6px;
}

.navsmap-app .footer-menus .menu-title,
.navsmap-app .footer-menus .menu-item {
    display: inline-block;
    margin-right: 22px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.25);
}

.navsmap-app .footer-menus .menu-title {
    font-weight: 700;
}

.navsmap-app .footer-menus .menu-item a,
.navsmap-app .footer-menus .menu-title a {
    color: rgba(255, 255, 255, 0.25);
}

.navsmap-app .footer-menus .menu-item a:hover,
.navsmap-app .footer-menus .menu-title a:hover {
    color: #fff;
}

.navsmap-app .footer-copyright {
    padding: 14px 0 0;
    border-top: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 0;
    background: transparent;
    color: var(--navsmap-muted);
    text-align: center;
}

.navsmap-app .footer-copyright a {
    color: inherit;
}

.navsmap-app .footer-copyright p {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.8;
}

.navsmap-app .footer-copyright p + p {
    margin-top: 4px;
}

.navsmap-app .footer-copyright .h {
    color: #6f8fdf;
}

.navsmap-app .footer-fixed-right {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 40;
}

.navsmap-app .footer-fixed-right .go-top {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    background: rgba(12, 17, 26, 0.9);
    color: rgba(243, 245, 247, 0.78);
    font-size: 0.72rem;
    font-weight: 700;
    box-shadow: var(--navsmap-shadow-soft);
}

@media (max-width: 1100px) {
    .navsmap-app .footer-section .section-flex {
        grid-template-columns: 1fr;
    }

    .navsmap-app .footer-section .section-flex.navsmap-footer-top__layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-app .footer-section .section-flex.navsmap-footer-top__layout .flex-intro {
        grid-column: 1 / -1;
    }

    .navsmap-app .navsmap-footer-contact-card {
        padding-left: 24px;
    }

    .navsmap-app .navsmap-footer-quicklinks {
        margin-top: 20px;
    }

    .navsmap-app .footer-section-data {
        margin-top: 0;
    }

    .navsmap-app .footer-bands {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1000px) {
    .navsmap-app .footer-section .flex-data,
    .navsmap-app .footer-honour {
        display: none;
    }
}

@media (max-width: 860px) {
    .navsmap-app .footer-section .section-flex.navsmap-footer-top__layout {
        grid-template-columns: 1fr;
    }

    .navsmap-app .navsmap-footer-links-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(0, auto));
        grid-auto-flow: column;
        justify-content: stretch;
        align-content: start;
        gap: 10px 25px;
    }

    .navsmap-app .navsmap-footer-contact-card {
        padding-top: 18px;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    }

    .navsmap-app .navsmap-footer-quicklinks {
        margin-top: 18px;
        padding-top: 0;
    }

    .navsmap-app .footer-section-intro .tags {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 750px) {
    .navsmap-app .footer-bottom {
        display: none;
    }
}

@media (max-width: 640px) {
    .navsmap-app .footer-top .footer-container,
    .navsmap-app .footer-honour .footer-container,
    .navsmap-app .footer-bottom .footer-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .navsmap-app .footer-section-intro .footer-logo {
        height: auto;
        flex-wrap: wrap;
    }

    .navsmap-app .navsmap-footer-links-panel,
    .navsmap-app .navsmap-footer-contact-card {
        padding: 0;
    }

    .navsmap-app .navsmap-footer-links-panel {
        padding: 18px 18px 20px;
        border-radius: 18px;
    }

    .navsmap-app .navsmap-footer-panel__head {
        align-items: center;
        flex-direction: row;
    }

    .navsmap-app .navsmap-footer-links-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .navsmap-app .navsmap-footer-quicklinks {
        gap: 12px;
    }

    .navsmap-app .navsmap-footer-quicklink {
        width: 40px;
        height: 40px;
    }

    .navsmap-app .footer-section-intro .tag,
    .navsmap-app .footer-section-intro .tag-contact .tag-btn {
        width: 100%;
        justify-content: center;
    }

    .navsmap-app .footer-section-intro .tag-fav {
        flex-direction: column;
        align-items: stretch;
    }

    .navsmap-app .footer-section-intro .tag-fav .t-l,
    .navsmap-app .footer-section-intro .tag-fav .t-r {
        justify-content: center;
        padding: 12px 16px;
    }

    .navsmap-app .part-contact-business .b-wrap {
        min-width: min(320px, calc(100vw - 44px));
    }

    .navsmap-app .feedback-contact {
        grid-template-columns: 1fr;
    }

    .navsmap-app .footer-bands {
        grid-template-columns: 1fr;
    }
}

/* Light theme overrides */
.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-side-menu,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-card,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom {
    border-color: rgba(var(--navsmap-accent-rgb), 0.10);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-card {
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-header-main__inner,
.navsmap-header-side {
    background: rgba(255, 255, 255, 0.9);
}

.navsmap-side-menu {
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.08), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 255, 0.98));
}

.navsmap-search-form-main {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: #f5f8ff;
}

.navsmap-search-form-main__input {
    color: var(--navsmap-text);
}

.navsmap-search-form-main__input::placeholder {
    color: var(--navsmap-muted);
}

.navsmap-header-btn {
    background: #fff;
    border-color: rgba(var(--navsmap-accent-rgb), 0.1);
    color: var(--navsmap-text);
}

.navsmap-header-btn.is-submit {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    color: var(--navsmap-green);
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__link:hover,
.navsmap-side-menu__sublink:hover,
.navsmap-side-menu__aux-link:hover {
    background: rgba(var(--navsmap-accent-rgb), 0.07);
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 243, 255, 0.9));
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu__section {
    border-top-color: rgba(var(--navsmap-accent-rgb), 0.10);
}

.navsmap-side-menu__section-title {
    color: var(--navsmap-muted);
}

.navsmap-side-menu__aux-link {
    border-color: rgba(var(--navsmap-accent-rgb), 0.08);
    background: #f6f9ff;
    color: var(--navsmap-text);
}

.navsmap-side-menu__aux-icon {
    color: var(--navsmap-green);
}

.navsmap-news-strip__item,
.navsmap-allcats__item,
.navsmap-allcats__more,
.navsmap-robot-feature__eyebrow span,
.navsmap-robot-feature__avatar,
.navsmap-robot-feature__btn,
.navsmap-home-actions,
.navsmap-search-menu__item,
.navsmap-grade-pill,
.navsmap-meta-pill,
.navsmap-term-pill,
.navsmap-search-chip,
.navsmap-search-tag,
.navsmap-history-chip,
.navsmap-search-action:not(.is-primary),
.navsmap-search-pagination a,
.navsmap-search-pagination span:not(.current),
.navsmap-app .feedback-ewm .ewm-in,
.navsmap-app .footer-section-data .ewm-btn .ewm-icon,
.navsmap-app .footer-fixed-right .go-top {
    background: #f5f8ff;
    border-color: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-text);
}

.navsmap-home-actions {
    background: transparent;
    border-color: transparent;
    color: inherit;
}

.navsmap-news-strip__type {
    background: rgba(var(--navsmap-accent-rgb), 0.10);
    color: var(--navsmap-green);
}

.navsmap-search-header__art {
    background: #f5f8ff;
    color: rgba(var(--navsmap-accent-rgb), 0.32);
}

.navsmap-product-card__index,
.navsmap-robot-feature__quote {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-text);
}

.navsmap-slide-dot {
    background: rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-news-strip__flag,
.navsmap-hot-pill,
.navsmap-grade-pill.is-grade-s,
.navsmap-grade-pill.is-grade-a,
.navsmap-grade-pill.is-grade-b,
.navsmap-side-menu__aux-badge,
.navsmap-search-card__hot {
    color: var(--navsmap-green);
}

.navsmap-news-strip__flag,
.navsmap-hot-pill,
.navsmap-grade-pill.is-grade-s,
.navsmap-grade-pill.is-grade-a,
.navsmap-grade-pill.is-grade-b,
.navsmap-side-menu__aux-badge {
    background: rgba(var(--navsmap-accent-rgb), 0.10);
}

.navsmap-grade-pill.is-grade-c,
.navsmap-term-pill {
    background: rgba(var(--navsmap-accent-rgb), 0.06);
}

body.home.blog .content-card .slider-tab .tab-item {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: #f7faff;
    color: var(--navsmap-muted);
}

.navsmap-app .footer-top {
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 255, 0.985) 78%);
}

.navsmap-app .footer-honour,
.navsmap-app .footer-bottom {
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-app .footer-section-intro .footer-logo .logo2::before {
    background: rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-app .footer-honour .bdiv::before,
.navsmap-app .footer-honour .bdiv::after {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-app .feedback-title .title,
.navsmap-app .footer-section-data .ewm-modal-content .e-title,
.navsmap-app .footer-section-data .ewm-modal-content .flex,
.navsmap-app .footer-section-data .w-title,
.navsmap-app .footer-section-data .w-title .flex {
    color: var(--navsmap-text);
}

.navsmap-app .footer-section-data .ewm-btn .ewm-icon {
    color: var(--navsmap-green);
}

.navsmap-app .footer-section-data .ewm-group:hover .ewm-btn {
    color: var(--navsmap-green);
}

.navsmap-app .footer-section-data .ewm-modal-qr {
    background: #edf4ff;
}

.navsmap-app .footer-bands .item .btn {
    background: #f5f8ff;
    color: var(--navsmap-muted);
}

.navsmap-app .footer-bands .item .btn:hover {
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
}

.navsmap-app .footer-honour h4,
.navsmap-app .footer-section-data .data-follow p,
.navsmap-app .footer-section-data .wechat-group .item,
.navsmap-app .footer-menus .menu-title,
.navsmap-app .footer-menus .menu-item,
.navsmap-app .footer-menus .menu-item a,
.navsmap-app .footer-menus .menu-title a {
    color: var(--navsmap-muted);
}

.navsmap-app .footer-menus .menu-item a:hover,
.navsmap-app .footer-menus .menu-title a:hover {
    color: var(--navsmap-green);
}

.navsmap-app .footer-copyright {
    background: transparent;
    color: var(--navsmap-muted);
}

.navsmap-app .footer-copyright a {
    color: var(--navsmap-muted);
}

.navsmap-app .footer-copyright .h {
    color: var(--navsmap-green);
}

/* Global radius tuning */
.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-side-menu,
.navsmap-home-slide,
.navsmap-robot-feature__wrap,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-home-actions,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-empty,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom {
    border-radius: var(--navsmap-radius-shell);
}

.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-card {
    border-radius: var(--navsmap-radius-card);
}

.navsmap-product-card__cover-inner,
.navsmap-robot-card__cover,
.navsmap-post-card__cover,
.navsmap-slide-card__overlay,
.navsmap-robot-feature__cover,
.navsmap-home-filter-empty,
.navsmap-search-card__logo-inner,
.navsmap-search-card__cover-inner {
    border-radius: var(--navsmap-radius-inner);
}

.navsmap-search-form-main,
.navsmap-header-btn,
.navsmap-news-strip__item,
.navsmap-allcats__item,
.navsmap-allcats__more,
.navsmap-robot-feature__btn,
.navsmap-side-menu__link,
.navsmap-side-menu__aux-link,
.navsmap-side-menu__sublink,
.navsmap-search-action,
.navsmap-search-menu__item,
.navsmap-search-chip,
.navsmap-search-tag,
.navsmap-grade-pill,
.navsmap-meta-pill,
.navsmap-term-pill,
.navsmap-search-pagination a,
.navsmap-search-pagination span,
.navsmap-app .footer-bands .item .btn {
    border-radius: var(--navsmap-radius-mini);
}

.navsmap-search-form-main__button {
    border-radius: 0 var(--navsmap-radius-mini) var(--navsmap-radius-mini) 0;
}

.navsmap-header-btn__subtitle {
    border-radius: 7px 7px 0 7px;
}

.navsmap-chip-icon,
.navsmap-header-logo__mark,
.navsmap-footer-logo__mark,
.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon,
.navsmap-product-card__logo,
.navsmap-robot-feature__avatar,
.navsmap-ranking-card__rank,
.navsmap-ranking-card__logo,
.navsmap-page-main--detail .preview-body,
.navsmap-page-main--detail .screenshot-carousel,
.navsmap-page-main--detail .img_wrapper,
.navsmap-page-main--detail .site-img,
.navsmap-page-main--detail .app-ico img,
.navsmap-page-main--detail .site-favicon img {
    border-radius: var(--navsmap-radius-inner);
}

.navsmap-product-card__index,
.navsmap-robot-feature__quote {
    border-radius: var(--navsmap-radius-mini);
}

body.single-app .main-header,
body.single-app .mobile-header,
body.single-app .main-footer,
body.single-app .io-footer-tools,
body.single-app .search-modal,
body.single-book .main-header,
body.single-book .mobile-header,
body.single-book .main-footer,
body.single-book .io-footer-tools,
body.single-book .search-modal,
body.single-sites .main-header,
body.single-sites .mobile-header,
body.single-sites .main-footer,
body.single-sites .io-footer-tools,
body.single-sites .search-modal {
    display: none !important;
}

body.single-app,
body.single-book,
body.single-sites,
body.single-app.io-black-mode,
body.single-book.io-black-mode,
body.single-sites.io-black-mode {
    --theme-color: var(--navsmap-green);
    --theme-color-rgb: var(--navsmap-accent-rgb);
    --hover-color: var(--navsmap-green-strong);
    --focus-color: var(--navsmap-green);
    --focus-shadow-color: rgba(var(--navsmap-accent-rgb), 0.24);
    --main-color: var(--navsmap-text);
    --main-shadow: rgba(26, 82, 197, 0.1);
    --main-bg-color: #ffffff;
    --main-radius: var(--navsmap-radius-panel);
    --main-radius-bg: #b8c7dd;
    --main-blur-bg-color: rgba(255, 255, 255, 0.82);
    --main-blur-bg-color2: rgba(255, 255, 255, 0.92);
    --main-blur-bg-color3: rgba(255, 255, 255, 0.68);
    --muted-color: var(--navsmap-muted);
    --muted-color2: #526682;
    --muted-color3: #8ea1ba;
    --muted-bg-color: #e8f0ff;
    --muted-bg-color-l: #f5f8ff;
    --muted-shadow: rgba(var(--navsmap-accent-rgb), 0.1);
    --muted-bg-a-color: rgba(var(--navsmap-accent-rgb), 0.08);
    --muted-blur-bg-color: rgba(231, 239, 255, 0.7);
    --body-bg-color: var(--navsmap-bg);
    --input-bg-color: #f5f8ff;
    padding-top: 0 !important;
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.08), transparent 22%),
        radial-gradient(circle at 100% 0, rgba(var(--navsmap-warm-rgb), 0.12), transparent 26%),
        linear-gradient(180deg, #fbfdff 0%, var(--navsmap-bg) 100%);
    color: var(--navsmap-text);
    font-family: "Alibaba PuHuiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

.navsmap-app--detail {
    padding: 14px 0 38px;
}

.navsmap-page-frame--detail {
    align-items: start;
}

.navsmap-page-main--detail {
    min-width: 0;
}

.navsmap-detail-hero {
    margin-bottom: 18px;
    padding: 28px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: var(--navsmap-radius-shell);
    background:
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.14), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.98));
    box-shadow: var(--navsmap-shadow-soft);
    overflow: hidden;
}

.navsmap-detail-hero .app-content,
.navsmap-detail-hero .site-content {
    margin: 0 !important;
    padding: 0 !important;
}

.navsmap-detail-hero--book .site-content {
    align-items: flex-start;
}

.navsmap-detail-hero--book .book-cover {
    flex: 0 0 220px;
    width: 220px;
}

.navsmap-detail-hero--book .book-cover img {
    width: 100%;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: #ffffff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

.navsmap-detail-hero--book .book-top-right {
    width: min(100%, 220px);
}

.navsmap-detail-hero--book .book-top-right img,
.navsmap-detail-hero--book .book-top-right iframe {
    display: block;
    width: 100%;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.navsmap-page-main--detail h1,
.navsmap-page-main--detail h2,
.navsmap-page-main--detail h3,
.navsmap-page-main--detail h4,
.navsmap-page-main--detail .site-name,
.navsmap-page-main--detail .h3 {
    color: var(--navsmap-text);
}

.navsmap-page-main--detail .panel.site-content.card,
.navsmap-page-main--detail .card.historic,
.navsmap-page-main--detail .card.io-chart,
.navsmap-page-main--detail .sites-default-content.card,
.navsmap-page-main--detail .comments-area,
.navsmap-page-main--detail .comment-body,
.navsmap-page-main--detail .comment-respond {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    box-shadow: var(--navsmap-shadow-soft);
    border-radius: var(--navsmap-radius-shell);
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-page-main--detail .panel.site-content.card,
.navsmap-page-main--detail .card.historic,
.navsmap-page-main--detail .card.io-chart,
.navsmap-page-main--detail .sites-default-content.card {
    margin-bottom: 18px;
}

.navsmap-page-main--detail .panel.site-content.card .card-body,
.navsmap-page-main--detail .card.historic .card-body,
.navsmap-page-main--detail .card.io-chart .card-body,
.navsmap-page-main--detail .sites-default-content.card .card-body {
    padding: 24px 28px;
}

.navsmap-page-main--detail .preview-body,
.navsmap-page-main--detail .screenshot-carousel {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    background: #f7faff;
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-page-main--detail .terms-list a,
.navsmap-page-main--detail .badge,
.navsmap-page-main--detail .tag-cloud-link {
    border-radius: 999px;
}

.navsmap-page-main--detail .text-muted,
.navsmap-page-main--detail .panel-body.single p,
.navsmap-page-main--detail .viewport,
.navsmap-page-main--detail .table-value,
.navsmap-page-main--detail .site-favicon .text-muted {
    color: var(--navsmap-muted) !important;
}

.navsmap-page-main--detail .table-row,
.navsmap-page-main--detail .-line- {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12) !important;
}

.navsmap-page-main--detail .carousel-indicators li {
    background-color: rgba(var(--navsmap-accent-rgb), 0.24);
}

.navsmap-page-main--detail .carousel-indicators .active {
    background-color: var(--navsmap-green);
}

.navsmap-page-main--detail .btn.preview-btn,
.navsmap-page-main--detail .btn.vc-theme,
.navsmap-page-main--detail .btn.vc-blue {
    border-color: transparent;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
    box-shadow: none;
}

.navsmap-page-main--detail .btn.btn-outline-primary {
    border-color: rgba(var(--navsmap-accent-rgb), 0.22);
    color: var(--navsmap-green);
    background: rgba(var(--navsmap-accent-rgb), 0.04);
}

.navsmap-page-main--detail .btn.btn-outline-primary:hover {
    border-color: var(--navsmap-green);
    background: var(--navsmap-green);
    color: #fff;
}

.navsmap-page-main--detail .comments-area,
.navsmap-page-main--detail .comment-respond {
    padding: 24px 28px;
}

.navsmap-media-fallback {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: rgba(23, 48, 79, 0.38);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.navsmap-app--rankings {
    padding: 14px 0 38px;
}

.navsmap-page-frame--rankings {
    align-items: start;
}

.navsmap-app--taxonomy {
    padding: 14px 0 38px;
}

.navsmap-page-frame--taxonomy {
    align-items: start;
}

.navsmap-page-main--taxonomy {
    min-width: 0;
}

.navsmap-taxonomy-hero,
.navsmap-taxonomy-panel,
.navsmap-taxonomy-empty {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    box-shadow: var(--navsmap-shadow-soft);
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-taxonomy-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 24px 26px 28px;
    border-radius: var(--navsmap-home-radius-shell);
    background:
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.16), transparent 30%),
        radial-gradient(circle at left bottom, rgba(var(--navsmap-accent-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.98));
}

.navsmap-taxonomy-hero::after {
    content: "";
    position: absolute;
    inset: auto -120px -150px auto;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.12), transparent 68%);
    pointer-events: none;
}

.navsmap-taxonomy-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--navsmap-muted);
    font-size: 0.85rem;
}

.navsmap-taxonomy-crumbs a {
    color: var(--navsmap-muted);
}

.navsmap-taxonomy-crumbs strong,
.navsmap-taxonomy-crumbs em {
    color: var(--navsmap-text);
    font-style: normal;
    font-weight: 700;
}

.navsmap-taxonomy-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 22px;
    align-items: center;
}

.navsmap-taxonomy-hero__content {
    min-width: 0;
}

.navsmap-taxonomy-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 14px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.92rem;
    font-weight: 700;
}

.navsmap-taxonomy-hero__eyebrow small {
    color: var(--navsmap-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.navsmap-taxonomy-hero__eyebrow-icon {
    width: 20px;
    height: 20px;
}

.navsmap-taxonomy-hero__title {
    margin: 0;
    color: var(--navsmap-text);
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.navsmap-taxonomy-hero__intro {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--navsmap-muted);
    font-size: 1rem;
    line-height: 1.8;
}

.navsmap-taxonomy-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.navsmap-taxonomy-hero__stat {
    min-width: 132px;
    padding: 14px 16px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-taxonomy-hero__stat strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.navsmap-taxonomy-hero__stat span {
    display: block;
    margin-top: 4px;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-taxonomy-hero__visual {
    position: relative;
    display: grid;
    gap: 16px;
    justify-items: end;
}

.navsmap-taxonomy-hero__visual-card {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    width: min(100%, 220px);
    padding: 20px 18px;
    border-radius: var(--navsmap-home-radius-shell);
    background: linear-gradient(160deg, rgba(29, 90, 255, 0.98), rgba(87, 160, 255, 0.94));
    color: #fff;
    box-shadow: 0 20px 45px rgba(28, 93, 225, 0.22);
    text-align: center;
}

.navsmap-taxonomy-hero__visual-media {
    width: 88px;
    height: 88px;
    overflow: hidden;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.18);
}

.navsmap-taxonomy-hero__visual-media .navsmap-media-fallback {
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.5rem;
}

.navsmap-taxonomy-hero__visual-card strong {
    font-size: 1.35rem;
    line-height: 1.15;
}

.navsmap-taxonomy-hero__visual-card span {
    font-size: 0.92rem;
    opacity: 0.92;
}

.navsmap-taxonomy-hero__visual-mark {
    color: rgba(23, 48, 79, 0.18);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.navsmap-taxonomy-panel,
.navsmap-taxonomy-empty {
    padding: 20px;
    border-radius: var(--navsmap-home-radius-shell);
}

.navsmap-taxonomy-panel {
    display: grid;
    gap: 16px;
    margin-bottom: 18px;
}

.navsmap-taxonomy-panel__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 14px;
}

.navsmap-taxonomy-panel__label {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: var(--navsmap-text);
    font-size: 0.9rem;
    font-weight: 800;
    white-space: nowrap;
}

.navsmap-taxonomy-panel__chips {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 10px;
}

.navsmap-taxonomy-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.04);
    color: var(--navsmap-muted);
    font-size: 0.88rem;
    font-weight: 700;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navsmap-taxonomy-chip:hover,
.navsmap-taxonomy-chip.is-active {
    border-color: transparent;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
    transform: translateY(-1px);
}

.navsmap-taxonomy-grid,
.navsmap-taxonomy-list {
    min-width: 0;
}

.navsmap-taxonomy-grid {
    gap: 18px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 18px;
}

.navsmap-home-products .navsmap-card-grid--products {
    gap: 18px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.navsmap-home-products .navsmap-product-card,
.navsmap-taxonomy-grid .navsmap-product-card {
    min-height: 388px;
    border: 1px solid transparent;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.navsmap-home-products .navsmap-product-card:hover,
.navsmap-home-products .navsmap-product-card:focus-within,
.navsmap-taxonomy-grid .navsmap-product-card:hover,
.navsmap-taxonomy-grid .navsmap-product-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.48);
    box-shadow:
        0 0 0 2px rgba(var(--navsmap-accent-rgb), 0.18),
        0 18px 36px rgba(28, 93, 225, 0.16);
}

.navsmap-home-products .navsmap-product-card__cover,
.navsmap-taxonomy-grid .navsmap-product-card__cover {
    padding: 14px 14px 0;
}

.navsmap-home-products .navsmap-product-card__cover-inner,
.navsmap-taxonomy-grid .navsmap-product-card__cover-inner {
    height: 156px;
}

.navsmap-home-products .navsmap-product-card__content,
.navsmap-taxonomy-grid .navsmap-product-card__content {
    gap: 0.82rem;
    padding: 16px 16px 18px;
}

.navsmap-taxonomy-list {
    display: grid;
    gap: 1rem;
}

.navsmap-taxonomy-pagination {
    margin-top: 0;
}

.navsmap-taxonomy-empty {
    display: grid;
    place-items: center;
    min-height: 220px;
    text-align: center;
}

.navsmap-taxonomy-empty h2 {
    margin: 0;
    color: var(--navsmap-text);
    font-size: 1.32rem;
}

.navsmap-taxonomy-empty p {
    margin: 10px 0 0;
    color: var(--navsmap-muted);
    font-size: 0.94rem;
}

.navsmap-page-main--rankings {
    min-width: 0;
}

.navsmap-rankings-hero,
.navsmap-rankings-panel,
.navsmap-rankings-type-tab,
.navsmap-rankings-empty {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-rankings-hero,
.navsmap-rankings-panel,
.navsmap-rankings-empty {
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-rankings-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 24px 26px 28px;
    border-radius: var(--navsmap-home-radius-shell);
    background:
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.18), transparent 30%),
        radial-gradient(circle at left bottom, rgba(var(--navsmap-accent-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.98));
}

.navsmap-rankings-hero::after {
    content: "";
    position: absolute;
    inset: auto -120px -160px auto;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.12), transparent 68%);
    pointer-events: none;
}

.navsmap-rankings-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--navsmap-muted);
    font-size: 0.85rem;
}

.navsmap-rankings-crumbs a {
    color: var(--navsmap-muted);
}

.navsmap-rankings-crumbs strong,
.navsmap-rankings-crumbs em {
    color: var(--navsmap-text);
    font-style: normal;
    font-weight: 700;
}

.navsmap-rankings-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 22px;
    align-items: center;
}

.navsmap-rankings-hero__content {
    min-width: 0;
}

.navsmap-rankings-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.92rem;
    font-weight: 700;
}

.navsmap-rankings-hero__eyebrow-icon {
    width: 20px;
    height: 20px;
}

.navsmap-rankings-hero__title {
    margin: 0;
    color: var(--navsmap-text);
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.navsmap-rankings-hero__title span {
    display: block;
    margin-top: 8px;
    color: var(--navsmap-green);
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    letter-spacing: 0.08em;
}

.navsmap-rankings-hero__intro {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--navsmap-muted);
    font-size: 1rem;
    line-height: 1.8;
}

.navsmap-rankings-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.navsmap-rankings-hero__stat {
    min-width: 132px;
    padding: 14px 16px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-rankings-hero__stat strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.navsmap-rankings-hero__stat span {
    display: block;
    margin-top: 4px;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-rankings-hero__visual {
    position: relative;
    display: grid;
    gap: 16px;
    justify-items: end;
}

.navsmap-rankings-hero__visual-card {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    width: min(100%, 220px);
    padding: 24px 20px;
    border-radius: var(--navsmap-home-radius-shell);
    background: linear-gradient(160deg, rgba(29, 90, 255, 0.98), rgba(87, 160, 255, 0.94));
    color: #fff;
    box-shadow: 0 20px 45px rgba(28, 93, 225, 0.22);
}

.navsmap-rankings-hero__visual-card strong {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.navsmap-rankings-hero__visual-card span {
    font-size: 0.95rem;
    opacity: 0.92;
}

.navsmap-rankings-hero__visual-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.16);
}

.navsmap-rankings-hero__visual-icon .navsmap-icon {
    width: 30px;
    height: 30px;
}

.navsmap-rankings-hero__visual-mark {
    color: rgba(23, 48, 79, 0.18);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.36em;
}

.navsmap-rankings-type-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.navsmap-rankings-type-tab {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 18px 18px 16px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.88);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.navsmap-rankings-type-tab:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-rankings-type-tab.is-active {
    background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);
    border-color: rgba(var(--navsmap-accent-rgb), 0.22);
    box-shadow: 0 20px 42px rgba(28, 93, 225, 0.12);
}

.navsmap-rankings-type-tab__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: var(--navsmap-home-radius-inner);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    flex: 0 0 auto;
}

.navsmap-rankings-type-tab__icon .navsmap-icon {
    width: 24px;
    height: 24px;
}

.navsmap-rankings-type-tab__body {
    min-width: 0;
}

.navsmap-rankings-type-tab__body strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1rem;
    font-weight: 800;
}

.navsmap-rankings-type-tab__body p {
    margin: 8px 0 0;
    color: var(--navsmap-muted);
    font-size: 0.84rem;
    line-height: 1.6;
}

.navsmap-rankings-panel,
.navsmap-rankings-empty {
    padding: 20px;
    border-radius: var(--navsmap-home-radius-shell);
}

.navsmap-rankings-panel__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.navsmap-rankings-range-nav {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.navsmap-rankings-range-nav__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.04);
    color: var(--navsmap-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.navsmap-rankings-range-nav__item.is-active,
.navsmap-rankings-range-nav__item:hover {
    border-color: transparent;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
}

.navsmap-rankings-panel__hint {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--navsmap-muted);
    font-size: 0.9rem;
}

.navsmap-rankings-panel__hint strong {
    color: var(--navsmap-text);
    font-weight: 700;
}

.navsmap-rankings-list {
    display: grid;
    gap: 16px;
}

.navsmap-ranking-card {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr) 188px;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-card);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98));
    box-shadow: 0 14px 36px rgba(28, 93, 225, 0.08);
}

.navsmap-ranking-card__rank {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 12px 10px;
    border-radius: var(--navsmap-home-radius-inner);
    background: linear-gradient(160deg, rgba(var(--navsmap-accent-rgb), 0.12), rgba(var(--navsmap-warm-rgb), 0.1));
    color: var(--navsmap-green);
}

.navsmap-ranking-card__rank strong {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.navsmap-ranking-card__rank-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--navsmap-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.navsmap-ranking-card.is-top-1 .navsmap-ranking-card__rank {
    background: linear-gradient(160deg, rgba(47, 107, 255, 0.16), rgba(26, 204, 255, 0.18));
    color: #1758e6;
}

.navsmap-ranking-card.is-top-2 .navsmap-ranking-card__rank {
    background: linear-gradient(160deg, rgba(90, 144, 255, 0.16), rgba(164, 197, 255, 0.24));
    color: #2d74ff;
}

.navsmap-ranking-card.is-top-3 .navsmap-ranking-card__rank {
    background: linear-gradient(160deg, rgba(99, 166, 255, 0.18), rgba(157, 226, 255, 0.2));
    color: #3182d6;
}

.navsmap-ranking-card__main {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-width: 0;
}

.navsmap-ranking-card__logo {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border-radius: var(--navsmap-home-radius-inner);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--navsmap-warm-rgb), 0.12), rgba(var(--navsmap-accent-rgb), 0.08));
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.navsmap-ranking-card__logo .img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 16px;
}

.navsmap-ranking-card__body {
    min-width: 0;
}

.navsmap-ranking-card__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.navsmap-ranking-card__heading h2 {
    margin: 0;
    min-width: 0;
    font-size: 1.22rem;
    line-height: 1.35;
}

.navsmap-ranking-card__heading h2 a {
    color: var(--navsmap-text);
}

.navsmap-ranking-card__type {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: var(--navsmap-home-radius-mini);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.76rem;
    font-weight: 800;
}

.navsmap-ranking-card__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.navsmap-ranking-card__excerpt {
    margin: 12px 0 0;
    color: var(--navsmap-muted);
    font-size: 0.92rem;
    line-height: 1.75;
}

.navsmap-ranking-card__side {
    display: grid;
    justify-items: end;
    gap: 12px;
}

.navsmap-ranking-card__metric {
    display: grid;
    justify-items: end;
    gap: 4px;
}

.navsmap-ranking-card__metric-label {
    color: var(--navsmap-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.navsmap-ranking-card__metric strong {
    color: var(--navsmap-text);
    font-size: 1.56rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.navsmap-ranking-card__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.navsmap-ranking-card__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.navsmap-ranking-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: var(--navsmap-home-radius-mini);
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
    font-size: 0.92rem;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(28, 93, 225, 0.16);
}

body.page-template-template-rankings .navsmap-ranking-card__action,
body.page-template-template-rankings .navsmap-ranking-card__action:hover,
body.page-template-template-rankings .navsmap-ranking-card__action:focus,
body.page-template-template-rankings .navsmap-ranking-card__action:visited,
body.page-template-template-rankings-php .navsmap-ranking-card__action,
body.page-template-template-rankings-php .navsmap-ranking-card__action:hover,
body.page-template-template-rankings-php .navsmap-ranking-card__action:focus,
body.page-template-template-rankings-php .navsmap-ranking-card__action:visited {
    color: #fff;
}

.navsmap-rankings-empty {
    display: grid;
    place-items: center;
    min-height: 240px;
    text-align: center;
}

.navsmap-rankings-empty h2 {
    margin: 0;
    color: var(--navsmap-text);
    font-size: 1.4rem;
}

.navsmap-rankings-empty p {
    max-width: 520px;
    margin: 12px auto 0;
    color: var(--navsmap-muted);
    line-height: 1.8;
}

.navsmap-app--links {
    padding: 14px 0 38px;
}

.navsmap-page-frame--links {
    align-items: start;
}

.navsmap-page-main--links {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.navsmap-links-hero,
.navsmap-links-guide,
.navsmap-links-content-card,
.navsmap-links-directory,
.navsmap-links-submit,
.navsmap-links-comments {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: var(--navsmap-home-radius-shell);
    box-shadow: var(--navsmap-shadow-soft);
    background: rgba(255, 255, 255, 0.94);
}

.navsmap-links-hero {
    position: relative;
    overflow: hidden;
    padding: 24px 26px 28px;
    background:
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.18), transparent 30%),
        radial-gradient(circle at left bottom, rgba(var(--navsmap-accent-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.98));
}

.navsmap-links-hero::after {
    content: "";
    position: absolute;
    inset: auto -120px -160px auto;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.12), transparent 68%);
    pointer-events: none;
}

.navsmap-links-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--navsmap-muted);
    font-size: 0.85rem;
}

.navsmap-links-crumbs a {
    color: var(--navsmap-muted);
}

.navsmap-links-crumbs strong,
.navsmap-links-crumbs em {
    color: var(--navsmap-text);
    font-style: normal;
    font-weight: 700;
}

.navsmap-links-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 22px;
    align-items: center;
}

.navsmap-links-hero__content {
    min-width: 0;
}

.navsmap-links-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 14px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.92rem;
    font-weight: 700;
}

.navsmap-links-hero__eyebrow small {
    color: var(--navsmap-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.navsmap-links-hero__eyebrow-icon {
    width: 20px;
    height: 20px;
}

.navsmap-links-hero__title {
    margin: 0;
    color: var(--navsmap-text);
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.navsmap-links-hero__intro {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--navsmap-muted);
    font-size: 1rem;
    line-height: 1.8;
}

.navsmap-links-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.navsmap-links-hero__stat {
    min-width: 132px;
    padding: 14px 16px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-links-hero__stat strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.navsmap-links-hero__stat span {
    display: block;
    margin-top: 4px;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-links-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.navsmap-links-hero__tag {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    color: var(--navsmap-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.navsmap-links-hero__visual {
    position: relative;
    display: grid;
    gap: 16px;
    justify-items: end;
}

.navsmap-links-hero__visual-card {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    width: min(100%, 220px);
    padding: 24px 20px;
    border-radius: var(--navsmap-home-radius-shell);
    background: linear-gradient(160deg, rgba(29, 90, 255, 0.98), rgba(87, 160, 255, 0.94));
    color: #fff;
    box-shadow: 0 20px 45px rgba(28, 93, 225, 0.22);
    text-align: center;
}

.navsmap-links-hero__visual-card strong {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.navsmap-links-hero__visual-card span {
    font-size: 0.95rem;
    opacity: 0.92;
}

.navsmap-links-hero__visual-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.16);
}

.navsmap-links-hero__visual-icon .navsmap-icon {
    width: 30px;
    height: 30px;
}

.navsmap-links-hero__visual-mark {
    color: rgba(23, 48, 79, 0.18);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.36em;
}

.navsmap-links-guide,
.navsmap-links-content-card,
.navsmap-links-directory,
.navsmap-links-submit,
.navsmap-links-comments {
    padding: 20px;
}

.navsmap-links-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.navsmap-links-section-head__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-links-section-head h2 {
    margin: 12px 0 6px;
    color: var(--navsmap-text);
    font-size: 1.4rem;
    line-height: 1.2;
}

.navsmap-links-section-head p {
    margin: 0;
    color: var(--navsmap-muted);
    line-height: 1.8;
}

.navsmap-links-section-head__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    border-radius: var(--navsmap-radius-mini);
    background: rgba(255, 255, 255, 0.86);
    color: var(--navsmap-green);
    white-space: nowrap;
}

.navsmap-links-guide__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
    gap: 18px;
}

.navsmap-links-guide__main p {
    margin: 0 0 14px;
    color: var(--navsmap-muted);
    line-height: 1.9;
}

.navsmap-links-guide__list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.navsmap-links-guide__list li {
    position: relative;
    padding-left: 18px;
    color: var(--navsmap-text);
    line-height: 1.8;
}

.navsmap-links-guide__list li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-orange-strong));
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-links-guide__example {
    padding: 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: var(--navsmap-home-radius-panel);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(238, 244, 255, 0.96));
}

.navsmap-links-guide__example-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green);
    font-size: 0.74rem;
    font-weight: 800;
}

.navsmap-links-guide__example h3 {
    margin: 14px 0 10px;
    color: var(--navsmap-text);
    font-size: 1.1rem;
}

.navsmap-links-guide__example p {
    margin: 0;
    color: var(--navsmap-muted);
    line-height: 1.8;
    word-break: break-all;
}

.navsmap-links-guide__example p + p {
    margin-top: 6px;
}

.navsmap-links-richtext {
    color: var(--navsmap-muted);
    line-height: 1.9;
}

.navsmap-links-richtext > :first-child {
    margin-top: 0;
}

.navsmap-links-richtext > :last-child {
    margin-bottom: 0;
}

.navsmap-links-richtext h2,
.navsmap-links-richtext h3,
.navsmap-links-richtext h4 {
    color: var(--navsmap-text);
}

.navsmap-links-richtext ul,
.navsmap-links-richtext ol {
    padding-left: 1.2em;
}

.navsmap-links-list-shell .link-title {
    margin-bottom: 12px;
}

.navsmap-links-list-shell .link-title:not(:first-child) {
    margin-top: 24px;
}

.navsmap-links-list-shell .link-cat {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--navsmap-text);
    font-size: 1.1rem;
    font-weight: 800;
}

.navsmap-links-list-shell .posts-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin: 0 !important;
}

.navsmap-links-list-shell .posts-row > * {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: none !important;
}

.navsmap-links-list-shell .link-card {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 94px;
    padding: 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: var(--navsmap-home-radius-card);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--navsmap-shadow-soft);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.navsmap-links-list-shell .link-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    box-shadow: 0 18px 38px rgba(var(--navsmap-accent-rgb), 0.14);
}

.navsmap-links-list-shell .link-img {
    width: 56px;
    height: 56px;
    margin-right: 14px;
    overflow: hidden;
    border-radius: var(--navsmap-home-radius-inner) !important;
    background: linear-gradient(180deg, #f8fbff, #edf4ff);
    flex: 0 0 auto;
}

.navsmap-links-list-shell .link-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-links-list-shell .link-info {
    min-width: 0;
}

.navsmap-links-list-shell .link-info .text-sm,
.navsmap-links-list-shell .link-info .line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navsmap-links-list-shell .link-info a {
    color: var(--navsmap-text);
}

.navsmap-links-list-shell .link-info strong {
    font-size: 0.96rem;
}

.navsmap-links-list-shell .link-info .text-muted {
    margin-top: 6px;
    color: var(--navsmap-muted) !important;
    font-size: 0.82rem;
}

.navsmap-links-submit__panel {
    padding: 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-panel);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(238, 244, 255, 0.96));
}

.navsmap-links-submit__panel .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 14px;
}

.navsmap-links-submit__panel .form-group {
    margin: 0;
}

.navsmap-links-submit__panel label {
    display: block;
    margin-bottom: 8px;
    color: var(--navsmap-text);
    font-weight: 700;
}

.navsmap-links-submit__panel .form-control {
    min-height: 48px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: none;
}

.navsmap-links-submit__panel .form-control:focus {
    border-color: var(--navsmap-green);
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-links-submit__panel .btn {
    min-height: 46px;
    padding: 0 18px;
    border-radius: var(--navsmap-home-radius-panel);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    box-shadow: none;
}

.navsmap-links-submit__panel .btn.vc-theme {
    border-color: transparent;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff;
}

.navsmap-links-submit__panel .btn.vc-l-gray {
    background: rgba(255, 255, 255, 0.82);
    color: var(--navsmap-text);
}

.navsmap-links-comments .comments-area,
.navsmap-links-comments .comment-respond,
.navsmap-links-comments .comment-body {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-panel);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: none;
}

.navsmap-links-comments .comments-area,
.navsmap-links-comments .comment-respond {
    padding: 20px 22px;
}

.navsmap-app--contribute {
    padding-bottom: 44px;
}

.navsmap-page-frame--contribute {
    align-items: start;
}

.navsmap-page-main--contribute {
    min-width: 0;
}

.navsmap-contribute-shell {
    display: grid;
    gap: 20px;
}

.navsmap-contribute-shell .text-muted {
    color: var(--navsmap-muted) !important;
}

.navsmap-contribute-shell .card,
.navsmap-contribute-shell .panel,
.navsmap-contribute-shell .fx-header-bg {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.10);
    border-radius: var(--navsmap-home-radius-shell);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-contribute-shell .card > .card-body,
.navsmap-contribute-shell .panel > .card-body,
.navsmap-contribute-shell .panel > .panel-body {
    padding: 22px;
}

.navsmap-contribute-shell .post-tg.tougao-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 24px;
    margin: 0;
}

.navsmap-contribute-shell .post-tg.tougao-form > .content-wrap {
    grid-column: 1;
}

.navsmap-contribute-shell .post-tg.tougao-form > .sidebar {
    grid-column: 2;
    align-self: start;
}

.navsmap-contribute-shell .content-wrap,
.navsmap-contribute-shell .content-layout,
.navsmap-contribute-shell .sidebar,
.navsmap-contribute-shell .posts-cover-box,
.navsmap-contribute-shell .sites-meta,
.navsmap-contribute-shell .book-meta,
.navsmap-contribute-shell .app-meta {
    min-width: 0;
}

.navsmap-contribute-shell .content-layout,
.navsmap-contribute-shell .sidebar {
    width: 100%;
}

body.page-template-template-contribute.sidebar_left .navsmap-contribute-shell .content-wrap,
body.page-template-template-contribute.sidebar_right .navsmap-contribute-shell .content-wrap,
body.page-template-template-contribute-php.sidebar_left .navsmap-contribute-shell .content-wrap,
body.page-template-template-contribute-php.sidebar_right .navsmap-contribute-shell .content-wrap {
    float: none !important;
    width: auto !important;
}

body.page-template-template-contribute.sidebar_left .navsmap-contribute-shell .content-layout,
body.page-template-template-contribute.sidebar_right .navsmap-contribute-shell .content-layout,
body.page-template-template-contribute-php.sidebar_left .navsmap-contribute-shell .content-layout,
body.page-template-template-contribute-php.sidebar_right .navsmap-contribute-shell .content-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page-template-template-contribute.sidebar_left .navsmap-contribute-shell .sidebar:not(.col-12),
body.page-template-template-contribute.sidebar_right .navsmap-contribute-shell .sidebar:not(.col-12),
body.page-template-template-contribute-php.sidebar_left .navsmap-contribute-shell .sidebar:not(.col-12),
body.page-template-template-contribute-php.sidebar_right .navsmap-contribute-shell .sidebar:not(.col-12) {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
}

.navsmap-contribute-shell .contribute-header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 18px;
    margin: 0;
    padding: 0;
}

.navsmap-contribute-shell .contribute-title,
.navsmap-contribute-shell .contribute-body {
    min-width: 0;
}

.navsmap-contribute-shell .contribute-title .modal-header-bg {
    position: relative;
    min-height: 224px;
    padding: 30px 30px 28px;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--navsmap-home-radius-shell);
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.24), transparent 30%),
        linear-gradient(135deg, #2f6bff 0%, #63a6ff 100%);
    box-shadow: 0 22px 44px rgba(var(--navsmap-accent-rgb), 0.18);
    color: #fff;
}

.navsmap-contribute-shell .contribute-title .modal-header-bg::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -56px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    filter: blur(2px);
}

.navsmap-contribute-shell .contribute-title img {
    top: 20px;
    right: 22px;
    left: auto;
    width: 86px;
    opacity: 0.95;
}

.navsmap-contribute-shell .contribute-title h1,
.navsmap-contribute-shell .contribute-title .text-xl,
.navsmap-contribute-shell .contribute-title .text-md-lg {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.7rem, 2vw, 2.2rem);
    font-weight: 800;
    line-height: 1.15;
}

.navsmap-contribute-shell .contribute-title p,
.navsmap-contribute-shell .contribute-title .text-xs {
    position: relative;
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.95rem;
    line-height: 1.85;
}

.navsmap-contribute-shell .contribute-body {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    align-items: stretch;
    gap: 12px;
    padding: 12px;
    margin: 0 !important;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-shell);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(20px);
}

.navsmap-contribute-shell .contribute-body > * {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

.navsmap-contribute-shell .contribute-item {
    display: flex !important;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-panel);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 245, 255, 0.94));
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.navsmap-contribute-shell .contribute-item:hover,
.navsmap-contribute-shell .contribute-item.active {
    transform: translateY(-2px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.16);
    box-shadow: 0 18px 36px rgba(var(--navsmap-accent-rgb), 0.12);
}

.navsmap-contribute-shell .contribute-item .item-title {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 !important;
    padding: 0;
    color: var(--navsmap-green-strong);
    background: transparent;
    border: 0;
    font-weight: 800;
}

.navsmap-contribute-shell .contribute-item .item-title i,
.navsmap-contribute-shell .contribute-item.active .item-title i {
    position: static;
    top: auto;
    left: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    transform: none;
}

.navsmap-contribute-shell .contribute-item .item-btn {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
}

.navsmap-contribute-shell .badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
    font-weight: 700;
    line-height: 1;
}

.navsmap-contribute-shell .badge.vc-j-yellow,
.navsmap-contribute-shell .badge.vc-l-yellow {
    border-color: rgba(255, 183, 77, 0.2);
    background: rgba(255, 183, 77, 0.14);
    color: #b76a00;
}

.navsmap-contribute-shell .badge.vc-j-gray {
    border-color: rgba(23, 48, 79, 0.08);
    background: rgba(23, 48, 79, 0.06);
    color: var(--navsmap-muted);
}

.navsmap-contribute-shell .item-new-btn,
.navsmap-contribute-shell .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 14px;
    font-weight: 700;
    box-shadow: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.navsmap-contribute-shell .item-new-btn:hover,
.navsmap-contribute-shell .btn:hover {
    transform: translateY(-1px);
}

.navsmap-contribute-shell .item-new-btn,
.navsmap-contribute-shell .btn.vc-l-blue,
.navsmap-contribute-shell .btn.vc-j-blue {
    border-color: transparent;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-green-strong));
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-contribute-shell .btn.vc-l-green,
.navsmap-contribute-shell .btn.btn-outline,
.navsmap-contribute-shell .meta-item-add {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong) !important;
}

.navsmap-contribute-shell .btn.vc-l-yellow {
    border-color: rgba(255, 183, 77, 0.2);
    background: rgba(255, 183, 77, 0.12);
    color: #a85c00 !important;
}

.navsmap-contribute-shell .btn-group.w-100 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.navsmap-contribute-shell .btn-group.w-100 > .btn {
    flex: 1 1 180px;
}

.navsmap-contribute-shell .new-posts-submit.btn-block,
.navsmap-contribute-shell .btn.btn-block {
    width: 100%;
}

.navsmap-contribute-shell .contr-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px !important;
    color: var(--navsmap-text) !important;
    font-weight: 700;
}

.navsmap-contribute-shell .contribute-sidebar .contr-title::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--navsmap-green), var(--navsmap-orange-strong));
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-contribute-shell .form-control,
.navsmap-contribute-shell .form-select select,
.navsmap-contribute-shell .select2-selection,
.navsmap-contribute-shell .wp-editor-wrap {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    border-radius: 16px;
    background: rgba(248, 251, 255, 0.96);
    box-shadow: none;
}

.navsmap-contribute-shell .form-control,
.navsmap-contribute-shell .form-select select {
    min-height: 48px;
    padding: 0 14px;
    color: var(--navsmap-text);
}

.navsmap-contribute-shell textarea.form-control {
    min-height: 104px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.navsmap-contribute-shell .form-control::placeholder {
    color: #8ba0bd;
}

.navsmap-contribute-shell .form-control:focus,
.navsmap-contribute-shell .form-select select:focus {
    border-color: var(--navsmap-green);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.10);
}

.navsmap-contribute-shell .wp-editor-wrap {
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
}

.navsmap-contribute-shell .wp-editor-wrap .wp-editor-tools {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    padding: 0 14px;
    background: transparent;
    position: relative;
    z-index: 2;
}

.navsmap-contribute-shell .wp-editor-wrap .wp-editor-tabs {
    display: flex;
    gap: 8px;
    padding: 0;
}

.navsmap-contribute-shell div .wp-editor-tabs > button {
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12) !important;
    border-bottom: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    background: rgba(var(--navsmap-accent-rgb), 0.06) !important;
    color: var(--navsmap-muted) !important;
    box-shadow: none !important;
}

.navsmap-contribute-shell div .html-active .switch-html,
.navsmap-contribute-shell div .tmce-active .switch-tmce {
    background: #fff !important;
    color: var(--navsmap-text) !important;
    border-color: rgba(var(--navsmap-accent-rgb), 0.14) !important;
}

.navsmap-contribute-shell .wp-editor-container {
    margin: 0;
    margin-top: -1px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 1;
}

.navsmap-contribute-shell .mce-top-part::before {
    box-shadow: none;
}

.navsmap-contribute-shell div.mce-toolbar-grp {
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(var(--navsmap-accent-rgb), 0.10) !important;
    background: rgba(248, 251, 255, 0.98) !important;
}

.navsmap-contribute-shell .mce-flow-layout {
    padding: 0 !important;
    opacity: 1;
}

.navsmap-contribute-shell .mce-toolbar .mce-btn-group {
    padding: 0 !important;
}

.navsmap-contribute-shell .mce-toolbar .mce-btn-group .mce-btn,
.navsmap-contribute-shell .qt-dfw {
    margin: 4px !important;
    border-radius: 10px !important;
}

.navsmap-contribute-shell div.mce-edit-area.mce-panel,
.navsmap-contribute-shell #tinymce,
.navsmap-contribute-shell .wp-editor-container textarea.wp-editor-area {
    background: #fff !important;
}

.navsmap-contribute-shell .input-box {
    position: relative;
}

.navsmap-contribute-shell .tg-sites-url {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.navsmap-contribute-shell .tg-sites-url .sites-link {
    padding-right: 14px;
}

.navsmap-contribute-shell .tg-sites-url .get-info {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-width: 108px;
    height: 48px;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px;
    border-radius: 16px;
    line-height: 1;
    white-space: nowrap;
    transform: none !important;
}

.navsmap-contribute-shell .tg-sites-url .get-info:hover {
    transform: none !important;
}

.navsmap-contribute-shell .posts-cover-box {
    flex: 0 0 112px;
    margin-right: 14px !important;
}

.navsmap-contribute-shell .posts-cover-img {
    position: relative;
    width: 112px;
    height: 112px;
    overflow: hidden;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fbff, #edf4ff);
}

.navsmap-contribute-shell .posts-cover-img .show-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-contribute-shell .navsmap-sites-preview-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: center;
    padding: 16px 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(238, 244, 255, 0.94));
}

.navsmap-contribute-shell .navsmap-sites-preview-field__title {
    font-size: 15px;
    font-weight: 700;
    color: var(--navsmap-text);
}

.navsmap-contribute-shell .navsmap-sites-preview-field__desc {
    margin-top: 4px;
    line-height: 1.6;
}

.navsmap-contribute-shell .navsmap-sites-preview-upload {
    width: 100%;
}

.navsmap-contribute-shell .navsmap-sites-preview-upload .posts-cover-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
}

.navsmap-contribute-shell .cover-delete {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(13, 24, 44, 0.66);
    color: #fff;
}

.navsmap-contribute-shell .label-group,
.navsmap-contribute-shell .screenshot-body {
    padding: 10px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: var(--navsmap-home-radius-panel);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(238, 244, 255, 0.96));
}

.navsmap-contribute-shell .label-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.navsmap-contribute-shell .label-group label,
.navsmap-contribute-shell .label-group .m-1 {
    margin: 0 !important;
}

.navsmap-contribute-shell .form-radio.multiple {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px 0 34px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--navsmap-text);
}

.navsmap-contribute-shell .meta-data-box {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.10);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
}

.navsmap-contribute-shell .meta-item-group .meta-item-body {
    display: grid;
    gap: 10px;
    max-height: 280px;
    margin: 10px 0 0;
}

.navsmap-contribute-shell .meta-data-box .form-control {
    min-height: 38px;
    padding: 0 10px;
    border-radius: 12px;
    background: #f8fbff;
}

.navsmap-contribute-shell .meta-helper-box {
    gap: 6px;
}

.navsmap-contribute-shell .meta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
}

.navsmap-contribute-shell .meta-value-box {
    color: var(--navsmap-text) !important;
}

.navsmap-contribute-shell .screenshot-body .row-a {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    gap: 10px;
    max-height: 280px;
}

.navsmap-contribute-shell .screenshot-item {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.10);
    border-radius: 14px;
}

.navsmap-contribute-shell .screenshot-item-img {
    background: #eef4ff;
}

.navsmap-contribute-shell .screenshot-item-delete {
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(13, 24, 44, 0.64);
}

.navsmap-contribute-shell .tips-box {
    padding: 12px 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.10);
    border-radius: 14px;
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-green-strong);
}

.navsmap-contribute-shell .tips-box.vc-l-yellow {
    border-color: rgba(255, 183, 77, 0.18);
    background: rgba(255, 183, 77, 0.10);
    color: #9a6208;
}

.navsmap-contribute-shell .tips-box.vc-l-red {
    border-color: rgba(255, 105, 105, 0.18);
    background: rgba(255, 105, 105, 0.10);
    color: #b23e4b;
}

.navsmap-contribute-shell .tips-box i {
    margin-right: 6px;
}

.navsmap-contribute-shell .modified-time {
    margin-left: auto;
}

.navsmap-contribute-shell .card.fx-header-bg {
    background: linear-gradient(180deg, rgba(242, 247, 255, 0.98), rgba(232, 241, 255, 0.96));
}

.navsmap-contribute-shell .panel-body.single {
    line-height: 1.9;
}

.navsmap-contribute-shell .comments-title {
    margin-bottom: 14px !important;
    color: var(--navsmap-text);
}

.navsmap-contribute-shell .edit-link a {
    color: var(--navsmap-green-strong);
}

body.page-template-template-contribute .navsmap-side-menu__aux-link[href*="/contribute"],
body.page-template-template-contribute-php .navsmap-side-menu__aux-link[href*="/contribute"] {
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
}

body.page-template-template-contribute .navsmap-side-menu__aux-link[href*="/contribute"] .navsmap-side-menu__aux-icon,
body.page-template-template-contribute-php .navsmap-side-menu__aux-link[href*="/contribute"] .navsmap-side-menu__aux-icon {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(227, 237, 255, 0.95));
}

body.page-template-template-contribute .navsmap-header-btn.is-submit,
body.page-template-template-contribute-php .navsmap-header-btn.is-submit {
    box-shadow: 0 14px 28px rgba(var(--navsmap-accent-rgb), 0.22);
}

/* Sidebar refinement aligned to the Kimi reference */
.navsmap-header-logo a {
    gap: 12px;
}

.navsmap-header-logo__mark {
    min-width: 40px;
    min-height: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-header-logo__text {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
}

.navsmap-side-menu {
    padding: 14px 12px 16px;
    border-color: rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(255, 255, 255, 0.95));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.05);
}

.navsmap-side-menu__nav {
    gap: 0.25rem;
}

.navsmap-side-menu__link,
.navsmap-side-menu__aux-link {
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid transparent;
    background: transparent;
    color: #5d6b82;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.navsmap-side-menu__link::before {
    display: none;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__link:hover,
.navsmap-side-menu__aux-link:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.10);
    background: rgba(var(--navsmap-accent-rgb), 0.075);
    color: var(--navsmap-green-strong);
    box-shadow: none;
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #97a6ba;
}

.navsmap-side-menu__icon svg,
.navsmap-side-menu__aux-icon svg {
    width: 18px;
    height: 18px;
}

.navsmap-side-menu__icon svg path,
.navsmap-side-menu__icon svg circle,
.navsmap-side-menu__icon svg rect,
.navsmap-side-menu__icon svg ellipse,
.navsmap-side-menu__aux-icon svg path,
.navsmap-side-menu__aux-icon svg circle,
.navsmap-side-menu__aux-icon svg rect,
.navsmap-side-menu__aux-icon svg ellipse {
    stroke-width: 1.75;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__link:hover .navsmap-side-menu__icon,
.navsmap-side-menu__aux-link:hover .navsmap-side-menu__aux-icon {
    color: var(--navsmap-green);
}

.navsmap-side-menu__text,
.navsmap-side-menu__aux-link span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
}

.navsmap-side-menu__section {
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.navsmap-side-menu__section-title {
    margin: 0 0 8px;
    padding: 0 14px;
    color: #9aa8bb;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.navsmap-side-menu__aux-links {
    gap: 0.25rem;
}

.navsmap-side-menu__aux-badge {
    min-height: 18px;
    padding: 0 6px;
    border-radius: 6px;
    background: linear-gradient(135deg, #fb7185, #ef4444);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    box-shadow: none;
}

@media (max-width: 1360px) {
    .navsmap-rankings-type-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-ranking-card {
        grid-template-columns: 76px minmax(0, 1fr) 164px;
    }
}

@media (max-width: 1480px) {
    .navsmap-card-grid--posts {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1280px) {
    :root {
        --navsmap-side-width: 228px;
    }

    .navsmap-contribute-shell .contribute-header {
        grid-template-columns: 1fr;
    }

    .navsmap-card-grid--posts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .navsmap-card-grid--robots {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .navsmap-rankings-hero__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-rankings-hero__visual {
        justify-items: start;
    }

    .navsmap-links-hero__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-links-hero__visual {
        justify-items: start;
    }

    .navsmap-ranking-card {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .navsmap-ranking-card__side {
        grid-column: 2;
        justify-items: start;
    }

}

@media (max-width: 1100px) {
    .navsmap-shell-header,
    .navsmap-page-frame {
        grid-template-columns: 1fr;
    }

    .navsmap-contribute-shell .post-tg.tougao-form {
        grid-template-columns: 1fr;
    }

    .navsmap-header-main,
    .navsmap-header-side,
    .navsmap-page-main,
    .navsmap-side-menu {
        grid-column: auto;
    }

    .navsmap-side-menu {
        position: static;
        order: -1;
    }

    .navsmap-home-header {
        grid-template-columns: 1fr;
    }

    .navsmap-footer-top__grid {
        grid-template-columns: 1fr;
    }

    .navsmap-footer-side {
        padding-left: 0;
    }

    .navsmap-footer-shortcuts,
    .navsmap-footer-honour__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-search-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .navsmap-search-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-links-guide__grid {
        grid-template-columns: 1fr;
    }

    .navsmap-news-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .navsmap-rankings-type-tabs {
        grid-template-columns: 1fr;
    }

    .navsmap-taxonomy-hero__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-taxonomy-hero__visual {
        justify-items: start;
    }

    .navsmap-taxonomy-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-card-grid--products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 380px;
    }

    .navsmap-ranking-card {
        grid-template-columns: 1fr;
    }

    .navsmap-ranking-card__rank {
        justify-self: start;
        min-width: 96px;
    }

    .navsmap-ranking-card__main,
    .navsmap-ranking-card__side {
        grid-column: auto;
    }

    .navsmap-ranking-card__side {
        justify-items: start;
    }

    .navsmap-ranking-card__meta {
        justify-content: flex-start;
    }
}

@media (max-width: 860px) {
    .navsmap-header-main__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-contribute-shell {
        gap: 16px;
    }

    .navsmap-contribute-shell .card > .card-body,
    .navsmap-contribute-shell .panel > .card-body,
    .navsmap-contribute-shell .panel > .panel-body {
        padding: 18px;
    }

    .navsmap-contribute-shell .contribute-title .modal-header-bg {
        min-height: 208px;
        padding: 22px 22px 24px;
    }

    .navsmap-contribute-shell .contribute-title img {
        width: 70px;
        right: 18px;
    }

    .navsmap-contribute-shell .contribute-body {
        grid-template-columns: 1fr;
    }

    .navsmap-footer-socials {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-footer-metric {
        justify-items: start;
        text-align: left;
    }

    .navsmap-footer-inline-menu {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .navsmap-news-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-search-form-main {
        display: block;
        min-height: 50px;
    }

    .navsmap-header-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .navsmap-card-grid--posts,
    .navsmap-card-grid--robots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-taxonomy-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .navsmap-links-list-shell .posts-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-card-grid--products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 372px;
    }

    .navsmap-robot-card.is-lead {
        grid-column: span 1;
    }

    .navsmap-search-card {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .navsmap-search-card__cover {
        grid-column: 1 / -1;
    }

    .navsmap-search-card__cover-inner {
        height: 180px;
    }

    .navsmap-search-sidebar {
        grid-template-columns: 1fr;
    }

    .navsmap-home-actions {
        flex-direction: column;
        align-items: center;
    }

    .navsmap-rankings-hero {
        padding: 20px 18px 22px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-links-hero {
        padding: 20px 18px 22px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-taxonomy-hero {
        padding: 20px 18px 22px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-links-guide,
    .navsmap-links-content-card,
    .navsmap-links-directory,
    .navsmap-links-submit,
    .navsmap-links-comments {
        padding: 16px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-taxonomy-panel,
    .navsmap-taxonomy-empty {
        padding: 16px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-links-hero__stats {
        display: grid;
        grid-template-columns: 1fr;
    }

    .navsmap-taxonomy-hero__stats {
        display: grid;
        grid-template-columns: 1fr;
    }

    .navsmap-rankings-panel,
    .navsmap-rankings-empty {
        padding: 16px;
        border-radius: var(--navsmap-home-radius-shell);
    }

    .navsmap-rankings-hero__stats {
        display: grid;
        grid-template-columns: 1fr;
    }

    .navsmap-ranking-card {
        padding: 16px;
        border-radius: var(--navsmap-home-radius-card);
    }

    .navsmap-ranking-card__main {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .navsmap-ranking-card__logo {
        width: 76px;
        height: 76px;
        border-radius: var(--navsmap-home-radius-inner);
    }

    .navsmap-ranking-card__heading h2 {
        font-size: 1.08rem;
    }

    .navsmap-ranking-card__metric strong {
        font-size: 1.32rem;
    }
}

@media (max-width: 640px) {
    :root {
        --navsmap-shell-width: calc(100% - 16px);
    }

    .navsmap-app {
        padding-top: 10px;
    }

    .navsmap-header-main__inner,
    .navsmap-home-news,
    .navsmap-allcats,
    .navsmap-home-actions,
    .navsmap-search-header,
    .navsmap-search-widget,
    .navsmap-search-card,
    .navsmap-footer-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .navsmap-contribute-shell .card > .card-body,
    .navsmap-contribute-shell .panel > .card-body,
    .navsmap-contribute-shell .panel > .panel-body {
        padding: 16px;
    }

    .navsmap-contribute-shell .posts-cover-box {
        flex-basis: 96px;
        margin-right: 12px !important;
    }

    .navsmap-contribute-shell .posts-cover-img {
        width: 96px;
        height: 96px;
        border-radius: 16px;
    }

    .navsmap-contribute-shell .navsmap-sites-preview-field {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .navsmap-contribute-shell .contribute-title .modal-header-bg {
        min-height: 196px;
    }

    .navsmap-contribute-shell .item-new-btn,
    .navsmap-contribute-shell .btn,
    .navsmap-contribute-shell .form-control,
    .navsmap-contribute-shell .form-select select {
        min-height: 44px;
    }

    .navsmap-contribute-shell .tg-sites-url {
        gap: 8px;
    }

    .navsmap-contribute-shell .tg-sites-url .get-info {
        min-width: 92px;
        height: 44px;
        min-height: 44px;
        padding: 0 12px;
        border-radius: 14px;
    }

    .navsmap-news-strip {
        grid-template-columns: 1fr;
    }

    .navsmap-card-grid--products,
    .navsmap-card-grid--posts,
    .navsmap-card-grid--robots,
    .navsmap-footer-honour__grid,
    .navsmap-footer-shortcuts {
        grid-template-columns: 1fr;
    }

    .navsmap-links-list-shell .posts-row,
    .navsmap-links-submit__panel .form-row {
        grid-template-columns: 1fr;
    }

    .navsmap-taxonomy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-card-grid--products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 360px;
    }

    .navsmap-product-card__cover-inner,
    .navsmap-post-card__cover,
    .navsmap-robot-card__cover {
        height: 200px;
    }

    .navsmap-robot-feature__wrap,
    .navsmap-search-header__hero,
    .navsmap-taxonomy-hero__inner,
    .navsmap-links-hero__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-side-menu {
        padding-left: 14px;
        padding-right: 14px;
    }

    .navsmap-search-form-main__input {
        padding-left: 14px;
        padding-right: 110px;
    }

    .navsmap-search-form-main__button,
    .navsmap-header-btn {
        min-height: 50px;
    }

    .navsmap-search-form-main__button {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: 96px;
        min-height: 50px;
        height: 50px;
    }

    .navsmap-header-btn {
        width: auto;
        min-width: 112px;
        height: 50px;
    }

    .navsmap-side-menu__sublist {
        margin-left: 2.9rem;
        padding-left: 0.75rem;
    }
}

@media (max-width: 480px) {
    .navsmap-home-products .navsmap-card-grid--products,
    .navsmap-taxonomy-grid {
        grid-template-columns: 1fr;
    }

    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 348px;
    }
}

/* Global neutral palette */
body.home.blog,
body.search,
body.archive[class*="tax-"],
body.page-template-template-rankings,
body.page-template-template-rankings-php,
body.page-template-template-links,
body.page-template-template-links-php,
body.page-template-template-contribute,
body.page-template-template-contribute-php {
    background:
        radial-gradient(circle at 0 0, rgba(var(--navsmap-accent-rgb), 0.05), transparent 22%),
        radial-gradient(circle at 100% 0, rgba(var(--navsmap-warm-rgb), 0.06), transparent 28%),
        linear-gradient(180deg, #f8fafc 0%, var(--navsmap-bg) 100%);
}

.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-side-menu,
.navsmap-home-slide,
.navsmap-robot-feature__wrap,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-search-card,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom,
.navsmap-rankings-hero,
.navsmap-rankings-panel,
.navsmap-rankings-type-tab,
.navsmap-rankings-empty,
.navsmap-links-hero,
.navsmap-links-guide,
.navsmap-links-content-card,
.navsmap-links-directory,
.navsmap-links-submit,
.navsmap-links-comments {
    border-color: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.navsmap-search-form-main,
.navsmap-side-menu__aux-link,
.navsmap-news-strip__item,
.navsmap-allcats__item,
.navsmap-allcats__more,
.navsmap-robot-feature__eyebrow span,
.navsmap-robot-feature__avatar,
.navsmap-robot-feature__btn,
.navsmap-search-menu__item,
.navsmap-grade-pill,
.navsmap-meta-pill,
.navsmap-term-pill,
.navsmap-search-chip,
.navsmap-search-tag,
.navsmap-history-chip,
.navsmap-search-action:not(.is-primary),
.navsmap-search-pagination a,
.navsmap-search-pagination span:not(.current),
.navsmap-app .feedback-ewm .ewm-in,
.navsmap-app .footer-section-data .ewm-btn .ewm-icon,
.navsmap-app .footer-fixed-right .go-top,
.navsmap-rankings-range-nav__item,
.navsmap-links-hero__tag,
.navsmap-links-section-head__action,
.navsmap-links-guide__example,
.navsmap-ranking-card__type {
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.14);
    color: var(--navsmap-text);
}

.navsmap-search-form-main,
.navsmap-side-menu__aux-link,
.navsmap-header-btn,
.navsmap-ranking-card,
.navsmap-links-list-shell .url-card,
.navsmap-links-submit__panel,
.navsmap-links-submit__panel .form-control,
.navsmap-links-submit__panel .form-select select,
.navsmap-contribute-shell .form-control,
.navsmap-contribute-shell .form-select select,
.navsmap-contribute-shell .item-new-btn,
.navsmap-contribute-shell .btn,
.navsmap-contribute-shell .card,
.navsmap-contribute-shell .modal-content,
.navsmap-contribute-shell .fixed-body,
.navsmap-contribute-shell .panel-body.single {
    border-color: rgba(148, 163, 184, 0.16);
    background-color: rgba(255, 255, 255, 0.96);
}

.navsmap-home-slide::before,
.navsmap-rankings-hero::after,
.navsmap-links-hero::after,
.navsmap-news-strip__item::before,
.navsmap-news-strip__item::after {
    opacity: 0.45;
}

.navsmap-news-strip__type,
.navsmap-hot-pill,
.navsmap-grade-pill.is-grade-s,
.navsmap-grade-pill.is-grade-a,
.navsmap-grade-pill.is-grade-b,
.navsmap-side-menu__aux-badge,
.navsmap-search-card__hot,
.navsmap-ranking-card__action,
.navsmap-links-guide__example-badge {
    background: rgba(var(--navsmap-accent-rgb), 0.10);
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    color: var(--navsmap-green-strong);
}

body.page-template-template-rankings .navsmap-ranking-card__action,
body.page-template-template-rankings .navsmap-ranking-card__action:hover,
body.page-template-template-rankings .navsmap-ranking-card__action:focus,
body.page-template-template-rankings .navsmap-ranking-card__action:visited,
body.page-template-template-rankings-php .navsmap-ranking-card__action,
body.page-template-template-rankings-php .navsmap-ranking-card__action:hover,
body.page-template-template-rankings-php .navsmap-ranking-card__action:focus,
body.page-template-template-rankings-php .navsmap-ranking-card__action:visited {
    background: #3b82f6;
    color: #fff;
}

.navsmap-rankings-type-tab.is-active,
.navsmap-rankings-range-nav__item.is-active,
.navsmap-rankings-range-nav__item:hover,
.navsmap-links-section-head__action:hover,
.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__link:hover,
.navsmap-side-menu__aux-link:hover {
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    color: var(--navsmap-green-strong);
}

.navsmap-robot-feature__cover,
.navsmap-rankings-hero__visual-card,
.navsmap-links-hero__visual-card,
.navsmap-search-header__art,
.navsmap-contribute-shell .card.fx-header-bg,
.navsmap-contribute-shell .contribute-title .modal-header-bg {
    background: linear-gradient(180deg, #f8fafc, #eef2f7);
    border-color: rgba(148, 163, 184, 0.14);
}

.navsmap-product-card__index,
.navsmap-robot-feature__quote,
.navsmap-ranking-card__rank,
.navsmap-ranking-card__logo,
.navsmap-links-hero__visual-icon,
.navsmap-rankings-hero__visual-icon {
    background: rgba(248, 250, 252, 0.96);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.navsmap-slide-dot {
    background: rgba(148, 163, 184, 0.32);
}

.navsmap-slide-dot.is-active,
.navsmap-slide-dot.swiper-pagination-bullet-active {
    background: var(--navsmap-green);
}

/* Hot AI strip */
.navsmap-home-news {
    --navsmap-news-columns: 4;
    padding-top: 10px;
    padding-bottom: 14px;
}

.navsmap-home-news__head {
    align-items: flex-start;
    margin-bottom: 10px;
}

.navsmap-home-news__headline {
    align-content: start;
    gap: 2px;
}

.navsmap-home-news__head .navsmap-block-title {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.06;
}

.navsmap-home-news__head .navsmap-block-title a::before {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 5px rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-home-news__controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.navsmap-home-news__arrow {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 12px;
    background: #f1f5f9;
    color: #94a3b8;
    box-shadow: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navsmap-home-news__arrow:hover:not(:disabled) {
    border-color: rgba(148, 163, 184, 0.22);
    background: #e5e7eb;
    color: #475569;
}

.navsmap-home-news__arrow:disabled {
    background: #f8fafc;
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.12);
    opacity: 1;
    cursor: default;
}

.navsmap-home-news__arrow-icon {
    width: 16px;
    height: 16px;
}

.navsmap-home-news__arrow.is-prev .navsmap-home-news__arrow-icon {
    transform: rotate(180deg);
}

.navsmap-home-news__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
}

.navsmap-home-news__viewport::-webkit-scrollbar {
    display: none;
}

.navsmap-home-news .navsmap-news-strip {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    width: 100%;
    padding: 0;
}

.navsmap-home-news .navsmap-news-strip__item {
    flex: 0 0 calc((100% - (16px * (var(--navsmap-news-columns) - 1))) / var(--navsmap-news-columns));
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    min-height: 102px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.045);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    scroll-snap-align: start;
}

.navsmap-home-news .navsmap-news-strip__item::after {
    width: 78px;
    height: 78px;
    inset: -24px -18px auto auto;
    background: radial-gradient(circle, rgba(148, 163, 184, 0.12), transparent 68%);
}

.navsmap-home-news .navsmap-news-strip__item:hover,
.navsmap-home-news .navsmap-news-strip__item:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(148, 163, 184, 0.2);
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.06);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(246, 249, 252, 0.98));
}

.navsmap-news-strip__thumb {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: linear-gradient(180deg, #ffffff, #f1f5f9);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.035);
}

.navsmap-news-strip__thumb::after {
    inset: 7px;
    border-radius: 12px;
}

.navsmap-news-strip__thumb .img {
    padding: 10px;
}

.navsmap-news-strip__content {
    gap: 8px;
}

.navsmap-news-strip__type {
    min-height: 22px;
    padding: 0 9px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.navsmap-news-strip__title {
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.34;
}

@media (max-width: 1280px) {
    .navsmap-home-news {
        --navsmap-news-columns: 3;
    }
}

@media (max-width: 920px) {
    .navsmap-home-news {
        --navsmap-news-columns: 2;
    }
}

@media (max-width: 640px) {
    .navsmap-home-news {
        --navsmap-news-columns: 1;
    }

    .navsmap-home-news__head {
        align-items: flex-start;
    }

    .navsmap-home-news__controls {
        margin-left: auto;
    }

    .navsmap-home-news .navsmap-news-strip__item {
        min-height: 98px;
    }
}

/* Product card refresh */
.navsmap-home-products .navsmap-product-card,
.navsmap-taxonomy-grid .navsmap-product-card {
    min-height: 382px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(247, 250, 252, 0.97));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.045);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.navsmap-home-products .navsmap-product-card:hover,
.navsmap-home-products .navsmap-product-card:focus-within,
.navsmap-taxonomy-grid .navsmap-product-card:hover,
.navsmap-taxonomy-grid .navsmap-product-card:focus-within {
    border-color: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(239, 246, 255, 0.92));
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
}

.navsmap-home-products .navsmap-product-card__wrap,
.navsmap-taxonomy-grid .navsmap-product-card__wrap {
    color: inherit;
}

.navsmap-home-products .navsmap-product-card__cover,
.navsmap-taxonomy-grid .navsmap-product-card__cover {
    padding: 14px 14px 0;
}

.navsmap-home-products .navsmap-product-card__cover-inner,
.navsmap-taxonomy-grid .navsmap-product-card__cover-inner {
    height: 154px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: linear-gradient(180deg, #f8fafc, #eef2f7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.navsmap-home-products .navsmap-product-card__cover .img,
.navsmap-taxonomy-grid .navsmap-product-card__cover .img {
    object-fit: cover;
    padding: 0;
}

.navsmap-home-products .navsmap-product-card__index,
.navsmap-taxonomy-grid .navsmap-product-card__index {
    top: 24px;
    left: 24px;
    min-height: 23px;
    padding: 0 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    color: #475569;
    font-size: 0.68rem;
    letter-spacing: 0.02em;
}

.navsmap-home-products .navsmap-product-card__content,
.navsmap-taxonomy-grid .navsmap-product-card__content {
    gap: 14px;
    padding: 16px 16px 18px;
}

.navsmap-home-products .navsmap-product-card__title,
.navsmap-taxonomy-grid .navsmap-product-card__title {
    align-items: flex-start;
    gap: 12px;
}

.navsmap-home-products .navsmap-product-card__logo,
.navsmap-taxonomy-grid .navsmap-product-card__logo {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.navsmap-home-products .navsmap-product-card__heading,
.navsmap-taxonomy-grid .navsmap-product-card__heading {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.navsmap-home-products .navsmap-product-card__heading h2,
.navsmap-taxonomy-grid .navsmap-product-card__heading h2 {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.34;
    transition: color 0.2s ease;
}

.navsmap-home-products .navsmap-product-card:hover .navsmap-product-card__heading h2,
.navsmap-home-products .navsmap-product-card:focus-within .navsmap-product-card__heading h2,
.navsmap-taxonomy-grid .navsmap-product-card:hover .navsmap-product-card__heading h2,
.navsmap-taxonomy-grid .navsmap-product-card:focus-within .navsmap-product-card__heading h2 {
    color: #2563eb;
}

.navsmap-home-products .navsmap-product-card__labels,
.navsmap-taxonomy-grid .navsmap-product-card__labels {
    gap: 8px;
}

.navsmap-home-products .navsmap-term-pill,
.navsmap-taxonomy-grid .navsmap-term-pill {
    min-height: 24px;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.navsmap-home-products .navsmap-product-card__description,
.navsmap-taxonomy-grid .navsmap-product-card__description {
    min-height: 4.95em;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
    color: #64748b;
    font-size: 0.83rem;
    line-height: 1.65;
    -webkit-line-clamp: 3;
}

@media (max-width: 1280px) {
    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 374px;
    }
}

@media (max-width: 860px) {
    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 364px;
    }

    .navsmap-home-products .navsmap-product-card__cover-inner,
    .navsmap-taxonomy-grid .navsmap-product-card__cover-inner {
        height: 146px;
    }
}

@media (max-width: 640px) {
    .navsmap-home-products .navsmap-product-card,
    .navsmap-taxonomy-grid .navsmap-product-card {
        min-height: 348px;
    }

    .navsmap-home-products .navsmap-product-card__cover-inner,
    .navsmap-taxonomy-grid .navsmap-product-card__cover-inner {
        height: 164px;
    }
}

@media (min-width: 1100px) {
    .navsmap-home-header {
        grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
        gap: 12px;
    }

    .navsmap-home-slide,
    .navsmap-home-slide__track {
        min-height: 336px;
    }

    .navsmap-home-slide .navsmap-slide-card__media .img,
    .navsmap-robot-feature__cover .img {
        padding: 12px;
    }

    .navsmap-slide-card__overlay {
        left: 16px;
        right: 16px;
        bottom: 16px;
        max-width: min(72%, 560px);
        padding: 0.9rem 1rem 0.95rem;
        border-radius: 16px;
        box-shadow:
            0 16px 32px rgba(16, 40, 92, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .navsmap-slide-card__badge {
        min-height: 1.8rem;
        padding: 0 0.72rem;
        font-size: 0.72rem;
    }

    .navsmap-slide-card__overlay h2 {
        margin-top: 0.62rem;
        font-size: clamp(1.5rem, 2vw, 2rem);
        line-height: 1.08;
    }

    .navsmap-slide-card__overlay p {
        display: -webkit-box;
        max-width: 92%;
        margin-top: 0.55rem;
        overflow: hidden;
        font-size: 0.88rem;
        line-height: 1.58;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .navsmap-home-slide__dots {
        right: 14px;
        bottom: 14px;
    }

    body.home .navsmap-robot-feature__wrap {
        min-height: 336px;
        padding: 18px;
    }

    body.home .navsmap-robot-feature__content {
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: 100%;
    }

    body.home .navsmap-robot-feature__footer {
        grid-template-rows: minmax(16px, 1fr) auto minmax(16px, 1fr) auto;
    }

    body.home .navsmap-robot-feature__meta {
        gap: 0.36rem;
        font-size: 0.68rem;
    }

    body.home .navsmap-robot-feature__meta-badge {
        min-height: 22px;
        padding: 0 0.58rem;
    }

    body.home .navsmap-robot-feature__title {
        margin-top: 0.34rem;
        font-size: clamp(1.14rem, 1.48vw, 1.38rem);
    }

    body.home .navsmap-robot-feature__tag {
        margin-top: 0.32rem;
        min-height: 24px;
        padding: 0 0.6rem;
        font-size: 0.66rem;
    }

    body.home .navsmap-robot-feature__item {
        gap: 15px;
        margin-top: 0;
        padding: 18px 19px;
        border-radius: 17px;
    }

    body.home .navsmap-robot-feature__item-logo {
        flex-basis: 74px;
        width: 74px;
        height: 74px;
        border-radius: 16px;
    }

    body.home .navsmap-robot-feature__item-logo .img {
        padding: 11px;
    }

    body.home .navsmap-robot-feature__item-name {
        font-size: 1.04rem;
    }

    body.home .navsmap-robot-feature__item-desc {
        margin-top: 0.18rem;
        font-size: 0.8rem;
        line-height: 1.42;
    }

    body.home .navsmap-robot-feature__btn {
        min-height: 46px;
        margin-top: 0;
        font-size: 0.74rem;
        border-radius: 12px;
    }
}

/* Site tone sync */
body.search,
body.archive[class*="tax-"],
body.single-app,
body.single-book,
body.single-sites,
body.page-template-template-rankings,
body.page-template-template-rankings-php,
body.page-template-template-links,
body.page-template-template-links-php,
body.page-template-template-contribute,
body.page-template-template-contribute-php {
    --navsmap-page-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    --navsmap-page-soft: #f8fafc;
    --navsmap-page-soft-strong: #eef2f7;
    --navsmap-page-line: rgba(148, 163, 184, 0.16);
    --navsmap-page-line-strong: rgba(148, 163, 184, 0.22);
    --navsmap-page-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.navsmap-detail-hero,
.navsmap-page-main--detail .panel.site-content.card,
.navsmap-page-main--detail .card.historic,
.navsmap-page-main--detail .card.io-chart,
.navsmap-page-main--detail .sites-default-content.card,
.navsmap-page-main--detail .comments-area,
.navsmap-page-main--detail .comment-body,
.navsmap-page-main--detail .comment-respond,
.navsmap-taxonomy-hero,
.navsmap-taxonomy-panel,
.navsmap-taxonomy-empty,
.navsmap-rankings-hero,
.navsmap-rankings-panel,
.navsmap-rankings-type-tab,
.navsmap-rankings-empty,
.navsmap-links-hero,
.navsmap-links-guide,
.navsmap-links-content-card,
.navsmap-links-directory,
.navsmap-links-submit,
.navsmap-links-comments,
.navsmap-links-list-shell .link-card,
.navsmap-contribute-shell .card,
.navsmap-contribute-shell .panel,
.navsmap-contribute-shell .fx-header-bg,
.navsmap-contribute-shell .modal-content,
.navsmap-contribute-shell .fixed-body,
.navsmap-contribute-shell .panel-body.single {
    border-color: var(--navsmap-page-line);
    background: var(--navsmap-page-surface);
    box-shadow: var(--navsmap-page-shadow);
}

.navsmap-rankings-hero__visual-card,
.navsmap-links-hero__visual-card,
.navsmap-taxonomy-hero__visual-card,
.navsmap-search-header__art,
.navsmap-contribute-shell .card.fx-header-bg,
.navsmap-contribute-shell .contribute-title .modal-header-bg {
    border: 1px solid var(--navsmap-page-line);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 242, 247, 0.96));
    box-shadow: var(--navsmap-page-shadow);
    color: var(--navsmap-text);
}

.navsmap-rankings-hero__visual-card strong,
.navsmap-links-hero__visual-card strong,
.navsmap-taxonomy-hero__visual-card strong {
    color: var(--navsmap-text);
}

.navsmap-rankings-hero__visual-card span,
.navsmap-links-hero__visual-card span,
.navsmap-taxonomy-hero__visual-card span {
    color: var(--navsmap-muted);
    opacity: 1;
}

.navsmap-rankings-hero__visual-icon,
.navsmap-links-hero__visual-icon,
.navsmap-taxonomy-hero__visual-media {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.10);
    background: rgba(var(--navsmap-accent-rgb), 0.07);
    color: var(--navsmap-green-strong);
}

.navsmap-taxonomy-hero__visual-media .navsmap-media-fallback {
    color: var(--navsmap-green-strong);
}

.navsmap-rankings-hero__visual-mark,
.navsmap-links-hero__visual-mark,
.navsmap-taxonomy-hero__visual-mark {
    color: rgba(148, 163, 184, 0.55);
}

.navsmap-page-main--detail .preview-body,
.navsmap-page-main--detail .screenshot-carousel,
.navsmap-page-main--detail .table-div,
.navsmap-page-main--detail .bg-muted,
.navsmap-page-main--detail .site-favicon,
.navsmap-page-main--detail .app-nature .badge,
.navsmap-page-main--detail .tips-box,
.navsmap-taxonomy-chip,
.navsmap-rankings-range-nav__item,
.navsmap-links-hero__tag,
.navsmap-links-section-head__action,
.navsmap-links-guide__example,
.navsmap-links-submit__panel,
.navsmap-links-submit__panel .form-control,
.navsmap-links-submit__panel .form-select select,
.navsmap-contribute-shell .form-control,
.navsmap-contribute-shell .form-select select,
.navsmap-contribute-shell .item-new-btn {
    border-color: rgba(148, 163, 184, 0.14);
    background: var(--navsmap-page-soft);
    color: var(--navsmap-text);
    box-shadow: none;
}

.navsmap-page-main--detail .app-nature .badge {
    color: var(--navsmap-text);
}

.navsmap-page-main--detail .app-nature .badge i,
.navsmap-page-main--detail .site-favicon i,
.navsmap-links-section-head__action .navsmap-icon,
.navsmap-taxonomy-chip .navsmap-icon {
    color: var(--navsmap-green-strong);
}

.navsmap-page-main--detail .btn.preview-btn,
.navsmap-page-main--detail .btn.vc-theme,
.navsmap-page-main--detail .btn.vc-blue,
.navsmap-page-main--detail .app-button .btn,
.navsmap-links-submit__panel .btn.vc-theme,
.navsmap-contribute-shell .btn.vc-theme,
.navsmap-contribute-shell .btn.vc-blue,
.navsmap-search-action.is-primary,
.navsmap-ranking-card__action {
    border-color: transparent;
    background: #3b82f6;
    color: #fff;
    box-shadow: 0 12px 24px rgba(59, 130, 246, 0.18);
}

.navsmap-page-main--detail .btn.preview-btn:hover,
.navsmap-page-main--detail .btn.vc-theme:hover,
.navsmap-page-main--detail .btn.vc-blue:hover,
.navsmap-page-main--detail .app-button .btn:hover,
.navsmap-links-submit__panel .btn.vc-theme:hover,
.navsmap-contribute-shell .btn.vc-theme:hover,
.navsmap-contribute-shell .btn.vc-blue:hover,
.navsmap-search-action.is-primary:hover,
.navsmap-ranking-card__action:hover {
    background: #2563eb;
    color: #fff;
}

.navsmap-page-main--detail .btn.btn-outline-primary,
.navsmap-rankings-range-nav__item,
.navsmap-links-hero__tag,
.navsmap-links-section-head__action,
.navsmap-taxonomy-chip {
    border-color: rgba(148, 163, 184, 0.16);
    background: var(--navsmap-page-soft);
    color: var(--navsmap-text);
}

.navsmap-page-main--detail .btn.btn-outline-primary:hover,
.navsmap-rankings-range-nav__item.is-active,
.navsmap-rankings-range-nav__item:hover,
.navsmap-links-section-head__action:hover,
.navsmap-taxonomy-chip:hover,
.navsmap-taxonomy-chip.is-active {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
    box-shadow: none;
}

.navsmap-ranking-card,
.navsmap-links-list-shell .link-card {
    border-color: rgba(148, 163, 184, 0.16);
    background: var(--navsmap-page-surface);
    box-shadow: var(--navsmap-page-shadow);
}

.navsmap-ranking-card__rank,
.navsmap-ranking-card__logo,
.navsmap-links-hero__visual-icon,
.navsmap-rankings-hero__visual-icon,
.navsmap-taxonomy-hero__visual-media {
    background: rgba(248, 250, 252, 0.96);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.navsmap-ranking-card.is-top-1 .navsmap-ranking-card__rank,
.navsmap-ranking-card.is-top-2 .navsmap-ranking-card__rank,
.navsmap-ranking-card.is-top-3 .navsmap-ranking-card__rank {
    color: var(--navsmap-green-strong);
}

.navsmap-ranking-card__type,
.navsmap-links-guide__example-badge,
.navsmap-links-section-head__eyebrow,
.navsmap-rankings-panel__hint strong,
.navsmap-taxonomy-hero__eyebrow,
.navsmap-links-hero__eyebrow {
    color: var(--navsmap-green-strong);
}

.navsmap-page-main--detail .comment-form input:not([type="submit"]),
.navsmap-page-main--detail .comment-form textarea,
.navsmap-page-main--detail .comment-form select,
.navsmap-links-comments .comment-form input:not([type="submit"]),
.navsmap-links-comments .comment-form textarea,
.navsmap-links-comments .comment-form select {
    border-color: rgba(148, 163, 184, 0.16);
    background: #fff;
    box-shadow: none;
}

.navsmap-page-main--detail .comment-form input:not([type="submit"]):focus,
.navsmap-page-main--detail .comment-form textarea:focus,
.navsmap-page-main--detail .comment-form select:focus,
.navsmap-links-comments .comment-form input:not([type="submit"]):focus,
.navsmap-links-comments .comment-form textarea:focus,
.navsmap-links-comments .comment-form select:focus {
    border-color: rgba(var(--navsmap-accent-rgb), 0.22);
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.08);
    outline: none;
}

/* 2026-03 Visual Polish: visual refinement only, no layout changes */
:root {
    --navsmap-bg: #f7f9fc;
    --navsmap-surface: #ffffff;
    --navsmap-surface-strong: #fcfdff;
    --navsmap-panel: #ffffff;
    --navsmap-panel-soft: rgba(109, 94, 252, 0.05);
    --navsmap-line: #e5eaf2;
    --navsmap-text: #0f172a;
    --navsmap-muted: #64748b;
    --navsmap-body-text: #334155;
    --navsmap-green: #6d5efc;
    --navsmap-green-strong: #5a49f5;
    --navsmap-orange: #22c7f0;
    --navsmap-orange-strong: #14b6e0;
    --navsmap-accent-rgb: 109, 94, 252;
    --navsmap-warm-rgb: 34, 199, 240;
    --navsmap-accent-ink: #ffffff;
    --navsmap-warm-ink: #0f172a;
    --navsmap-warm-text: #0f7490;
    --navsmap-accent-soft: #f0eeff;
    --navsmap-link: #6d5efc;
    --navsmap-link-hover: #5a49f5;
    --navsmap-cyan-soft: rgba(34, 199, 240, 0.08);
    --navsmap-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    --navsmap-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.045);
    --navsmap-radius-shell: 18px;
    --navsmap-radius-panel: 16px;
    --navsmap-radius-card: 16px;
    --navsmap-radius-inner: 12px;
    --navsmap-radius-mini: 10px;
    --navsmap-page-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(252, 253, 255, 0.97));
    --navsmap-page-soft: #f8fafd;
    --navsmap-page-soft-strong: #f1f5fb;
    --navsmap-page-line: #e5eaf2;
    --navsmap-page-line-strong: #dce3ed;
    --navsmap-page-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

body.wp-child-theme-navsmap-ui {
    background:
        radial-gradient(circle at top left, rgba(var(--navsmap-accent-rgb), 0.05), transparent 24%),
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.04), transparent 18%),
        linear-gradient(180deg, #fbfcff 0%, var(--navsmap-bg) 100%);
    color: var(--navsmap-body-text);
}

.navsmap-header-main__inner,
.navsmap-header-side,
.navsmap-side-menu,
.navsmap-home-news,
.navsmap-allcats,
.navsmap-search-header,
.navsmap-search-widget,
.navsmap-footer-top,
.navsmap-footer-honour,
.navsmap-footer-bottom,
.navsmap-detail-hero,
.navsmap-taxonomy-hero,
.navsmap-taxonomy-panel,
.navsmap-taxonomy-empty,
.navsmap-rankings-hero,
.navsmap-rankings-panel,
.navsmap-rankings-empty,
.navsmap-links-hero,
.navsmap-links-guide,
.navsmap-links-content-card,
.navsmap-links-directory,
.navsmap-links-submit,
.navsmap-links-comments,
.navsmap-contribute-shell .card,
.navsmap-contribute-shell .panel,
.navsmap-page-main--detail .panel.site-content.card,
.navsmap-page-main--detail .card.historic,
.navsmap-page-main--detail .card.io-chart,
.navsmap-page-main--detail .sites-default-content.card,
.navsmap-page-main--detail .comments-area,
.navsmap-page-main--detail .comment-body,
.navsmap-page-main--detail .comment-respond,
.navsmap-links-list-shell .link-card,
.navsmap-ranking-card,
.navsmap-search-card,
.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-home-news .navsmap-news-strip__item {
    border-color: var(--navsmap-line);
    background: var(--navsmap-page-surface);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-product-card,
.navsmap-robot-card,
.navsmap-post-card,
.navsmap-search-card,
.navsmap-ranking-card,
.navsmap-links-list-shell .link-card,
.navsmap-home-news .navsmap-news-strip__item {
    border-radius: 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.navsmap-home-products .navsmap-product-card:hover,
.navsmap-home-products .navsmap-product-card:focus-within,
.navsmap-taxonomy-grid .navsmap-product-card:hover,
.navsmap-taxonomy-grid .navsmap-product-card:focus-within,
.navsmap-robot-card:hover,
.navsmap-robot-card:focus-within,
.navsmap-post-card:hover,
.navsmap-post-card:focus-within,
.navsmap-search-card:hover,
.navsmap-search-card:focus-within,
.navsmap-ranking-card:hover,
.navsmap-ranking-card:focus-within,
.navsmap-links-list-shell .link-card:hover,
.navsmap-home-news .navsmap-news-strip__item:hover,
.navsmap-home-news .navsmap-news-strip__item:focus-visible {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: #ffffff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.07);
}

.navsmap-header-main__inner,
.navsmap-header-side {
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(14px);
}

.navsmap-chip-icon,
.navsmap-header-logo__mark,
.navsmap-footer-logo__mark {
    background: var(--navsmap-green);
    color: var(--navsmap-accent-ink);
    box-shadow: 0 10px 24px rgba(var(--navsmap-accent-rgb), 0.18);
}

.navsmap-search-form-main {
    border-color: var(--navsmap-line);
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.navsmap-search-form-main:focus-within {
    border-color: var(--navsmap-green-strong);
    box-shadow: 0 0 0 1px rgba(var(--navsmap-accent-rgb), 0.34);
}

.navsmap-search-form-main__input {
    color: var(--navsmap-text);
    font-weight: 500;
}

.navsmap-search-form-main__input::placeholder {
    color: var(--navsmap-muted);
}

.navsmap-search-form-main__button,
.navsmap-home-action-btn,
.navsmap-page-main--detail .btn.preview-btn,
.navsmap-page-main--detail .btn.vc-theme,
.navsmap-page-main--detail .btn.vc-blue,
.navsmap-page-main--detail .app-button .btn,
.navsmap-links-submit__panel .btn.vc-theme,
.navsmap-contribute-shell .btn.vc-theme,
.navsmap-contribute-shell .btn.vc-blue,
.navsmap-contribute-shell .btn.vc-l-blue,
.navsmap-search-action.is-primary,
.navsmap-ranking-card__action {
    border-color: transparent;
    background: var(--navsmap-green);
    color: var(--navsmap-accent-ink);
    box-shadow: 0 10px 22px rgba(var(--navsmap-accent-rgb), 0.16);
}

.navsmap-search-form-main__button:hover,
.navsmap-home-action-btn:hover,
.navsmap-page-main--detail .btn.preview-btn:hover,
.navsmap-page-main--detail .btn.vc-theme:hover,
.navsmap-page-main--detail .btn.vc-blue:hover,
.navsmap-page-main--detail .app-button .btn:hover,
.navsmap-links-submit__panel .btn.vc-theme:hover,
.navsmap-contribute-shell .btn.vc-theme:hover,
.navsmap-contribute-shell .btn.vc-blue:hover,
.navsmap-contribute-shell .btn.vc-l-blue:hover,
.navsmap-search-action.is-primary:hover,
.navsmap-ranking-card__action:hover {
    background: var(--navsmap-green-strong);
    color: var(--navsmap-accent-ink);
    box-shadow: 0 12px 24px rgba(var(--navsmap-accent-rgb), 0.2);
}

.navsmap-header-btn,
.navsmap-page-main--detail .btn.btn-outline-primary,
.navsmap-rankings-range-nav__item,
.navsmap-links-hero__tag,
.navsmap-links-section-head__action,
.navsmap-taxonomy-chip,
.navsmap-links-submit__panel .btn.vc-l-gray,
.navsmap-contribute-shell .btn.vc-l-green,
.navsmap-contribute-shell .btn.vc-l-yellow,
.navsmap-contribute-shell .item-new-btn,
.navsmap-home-news__arrow,
.navsmap-allcats__item,
.navsmap-allcats__more,
body.home.blog .content-card .slider-tab .tab-item {
    border-color: var(--navsmap-line);
    background: #ffffff;
    color: var(--navsmap-muted);
    box-shadow: none;
}

.navsmap-header-btn.is-submit {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
}

.navsmap-header-btn.is-login {
    color: var(--navsmap-text);
}

.navsmap-header-btn:hover,
.navsmap-page-main--detail .btn.btn-outline-primary:hover,
.navsmap-rankings-range-nav__item.is-active,
.navsmap-rankings-range-nav__item:hover,
.navsmap-links-hero__tag:hover,
.navsmap-links-section-head__action:hover,
.navsmap-taxonomy-chip:hover,
.navsmap-taxonomy-chip.is-active,
.navsmap-links-submit__panel .btn.vc-l-gray:hover,
.navsmap-contribute-shell .btn.vc-l-green:hover,
.navsmap-contribute-shell .btn.vc-l-yellow:hover,
.navsmap-contribute-shell .item-new-btn:hover,
.navsmap-home-news__arrow:hover:not(:disabled),
.navsmap-allcats__item.is-current,
.navsmap-allcats__item:hover,
.navsmap-allcats__more:hover,
body.home.blog .content-card .slider-tab .tab-item:not(.active):hover,
body.home.blog .content-card .slider-tab .tab-item.active {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: rgba(var(--navsmap-accent-rgb), 0.07);
    color: var(--navsmap-green-strong);
    box-shadow: none;
}

.navsmap-side-menu {
    background: var(--navsmap-page-surface);
}

.navsmap-side-menu__link,
.navsmap-side-menu__aux-link {
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--navsmap-text);
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__link:hover,
.navsmap-side-menu__aux-link:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    border-color: rgba(var(--navsmap-accent-rgb), 0.1);
    background: linear-gradient(180deg, #ffffff, #f7f9fc);
    box-shadow: none;
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu__section {
    border-top-color: var(--navsmap-line);
}

.navsmap-side-menu__section-title {
    color: var(--navsmap-muted);
}

.navsmap-home-news__headline,
.navsmap-home-news__head .navsmap-block-title a,
.navsmap-product-card__heading h2,
.navsmap-robot-card h3,
.navsmap-post-card h3,
.navsmap-search-card__title strong,
.navsmap-ranking-card__heading h2 a,
.navsmap-footer-links-panel__title,
.navsmap-page-main--detail h1,
.navsmap-page-main--detail h2,
.navsmap-page-main--detail h3,
.navsmap-links-hero__copy h1,
.navsmap-rankings-hero__copy h1,
.navsmap-taxonomy-hero__copy h1 {
    color: var(--navsmap-text);
    letter-spacing: -0.01em;
}

.navsmap-product-card__heading h2,
.navsmap-robot-card h3,
.navsmap-post-card h3,
.navsmap-search-card__title strong,
.navsmap-ranking-card__heading h2 a {
    font-weight: 700;
}

.navsmap-home-actions__info,
.navsmap-home-news__hint,
.navsmap-product-card__heading h3,
.navsmap-product-card__description,
.navsmap-robot-card p,
.navsmap-post-card p,
.navsmap-search-card__excerpt p,
.navsmap-ranking-card__excerpt,
.navsmap-app .footer-section-intro .intro,
.navsmap-app .navsmap-footer-links-empty,
.navsmap-app .navsmap-footer-contact-card__desc,
.navsmap-app .navsmap-footer-contact-card__note,
.navsmap-page-main--detail .panel-body.single,
.navsmap-page-main--detail .panel-body.single p,
.navsmap-page-main--detail .comment-content,
.navsmap-page-main--detail .table-div,
.navsmap-links-content-card p,
.navsmap-links-directory p,
.navsmap-taxonomy-panel p,
.navsmap-contribute-shell .tips-box {
    color: var(--navsmap-body-text);
    line-height: 1.72;
}

.navsmap-slide-card,
.navsmap-slide-card.is-active {
    border: 1px solid var(--navsmap-line);
    background: #ffffff;
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-slide-card__media,
.navsmap-product-card__cover-inner,
.navsmap-search-card__cover-inner,
.navsmap-search-card__logo-inner,
.navsmap-home-products .navsmap-product-card__cover-inner,
.navsmap-taxonomy-grid .navsmap-product-card__cover-inner,
.navsmap-ranking-card__rank,
.navsmap-ranking-card__logo,
.navsmap-links-hero__visual-icon,
.navsmap-rankings-hero__visual-icon,
.navsmap-taxonomy-hero__visual-media {
    border-color: var(--navsmap-line);
    background: linear-gradient(180deg, #fbfcff 0%, #f2f5fa 100%);
    box-shadow: none;
}

.navsmap-slide-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(249, 251, 255, 0.12) 0%, rgba(241, 246, 255, 0.16) 34%, rgba(246, 249, 253, 0.72) 100%),
        linear-gradient(135deg, rgba(var(--navsmap-accent-rgb), 0.05), rgba(var(--navsmap-warm-rgb), 0.08));
    pointer-events: none;
}

.navsmap-robot-card__cover::before,
.navsmap-post-card__cover::before {
    background: linear-gradient(180deg, #fbfcff 0%, #f2f5fa 100%);
    box-shadow: inset 0 0 0 1px rgba(229, 234, 242, 0.9);
}

.navsmap-slide-card__overlay {
    border: 0;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
}

.navsmap-slide-card__overlay::before {
    display: none;
}

.navsmap-slide-card__overlay h2,
.navsmap-slide-card__overlay p {
    color: var(--navsmap-text);
}

.navsmap-slide-card__overlay p {
    color: var(--navsmap-body-text);
}

.navsmap-product-card__logo,
.navsmap-home-products .navsmap-product-card__logo,
.navsmap-taxonomy-grid .navsmap-product-card__logo {
    border-color: var(--navsmap-line);
    background: linear-gradient(180deg, #ffffff, #f8fafd);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.navsmap-product-card__index,
.navsmap-home-products .navsmap-product-card__index,
.navsmap-taxonomy-grid .navsmap-product-card__index {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
    box-shadow: none;
}

.navsmap-product-card__description,
.navsmap-home-products .navsmap-product-card__description,
.navsmap-taxonomy-grid .navsmap-product-card__description {
    border-top-color: var(--navsmap-line);
}

.navsmap-grade-pill,
.navsmap-meta-pill,
.navsmap-hot-pill,
.navsmap-term-pill,
.navsmap-search-chip,
.navsmap-search-tag,
.navsmap-history-chip {
    border: 1px solid var(--navsmap-line);
    background: #f8fafd;
    color: var(--navsmap-muted);
    box-shadow: none;
    font-weight: 600;
}

.navsmap-search-card__type,
.navsmap-robot-card__badge,
.navsmap-slide-card__badge,
.navsmap-side-menu__aux-badge {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
    box-shadow: none;
}

.navsmap-grade-pill.is-grade-s,
.navsmap-grade-pill.is-grade-a {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: rgba(var(--navsmap-accent-rgb), 0.1);
    color: var(--navsmap-green-strong);
}

.navsmap-grade-pill.is-grade-b {
    border-color: rgba(var(--navsmap-warm-rgb), 0.18);
    background: var(--navsmap-cyan-soft);
    color: var(--navsmap-warm-text);
}

.navsmap-grade-pill.is-grade-c,
.navsmap-term-pill,
.navsmap-meta-pill {
    color: var(--navsmap-muted);
}

.navsmap-page-main--detail .preview-body,
.navsmap-page-main--detail .screenshot-carousel,
.navsmap-page-main--detail .table-div,
.navsmap-page-main--detail .site-favicon,
.navsmap-page-main--detail .app-nature .badge,
.navsmap-page-main--detail .tips-box,
.navsmap-links-submit__panel,
.navsmap-links-submit__panel .form-control,
.navsmap-links-submit__panel .form-select select,
.navsmap-contribute-shell .form-control,
.navsmap-contribute-shell .form-select select {
    border-color: var(--navsmap-line);
    background: #ffffff;
    color: var(--navsmap-text);
    box-shadow: none;
}

.navsmap-links-submit__panel .form-control:focus,
.navsmap-links-submit__panel .form-select select:focus,
.navsmap-contribute-shell .form-control:focus,
.navsmap-contribute-shell .form-select select:focus,
.navsmap-page-main--detail .comment-form input:not([type="submit"]):focus,
.navsmap-page-main--detail .comment-form textarea:focus,
.navsmap-page-main--detail .comment-form select:focus,
.navsmap-links-comments .comment-form input:not([type="submit"]):focus,
.navsmap-links-comments .comment-form textarea:focus,
.navsmap-links-comments .comment-form select:focus {
    border-color: rgba(var(--navsmap-accent-rgb), 0.34);
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.08);
}

.navsmap-page-main--detail .site-go .btn {
    min-height: 42px;
    border-radius: 12px;
}

.navsmap-page-main--detail .posts-item.book-item {
    border: 1px solid var(--navsmap-page-line);
    border-radius: 20px;
    background: var(--navsmap-page-surface);
    box-shadow: var(--navsmap-page-shadow);
}

.navsmap-page-main--detail .posts-item.book-item .item-media {
    border-radius: 16px;
}

.navsmap-page-main--detail .posts-item.book-item .item-media img {
    border-radius: inherit;
}

.navsmap-app .footer-section-intro .tag-fav,
.navsmap-app .footer-section-intro .tag-contact .tag-btn,
.navsmap-app .navsmap-footer-panel__more,
.navsmap-app .navsmap-footer-link-chip:hover,
.navsmap-page-main--detail .panel-body.single a:not(.btn),
.navsmap-links-content-card a:not(.btn),
.navsmap-taxonomy-panel a:not(.btn) {
    color: var(--navsmap-link);
}

.navsmap-app .footer-section-intro .tag-fav .t-r {
    background: var(--navsmap-green);
}

.navsmap-app .footer-section-intro .tag-contact .tag-btn {
    border-color: var(--navsmap-line);
    background: #ffffff;
}

.navsmap-app .navsmap-footer-quicklink {
    border-color: var(--navsmap-line);
    background: #ffffff;
    color: var(--navsmap-muted);
    box-shadow: none;
}

.navsmap-app .navsmap-footer-quicklink:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-green-strong);
}

.navsmap-app .navsmap-footer-contact-card {
    border-left-color: var(--navsmap-line);
}

.navsmap-app .navsmap-footer-contact-card__qr {
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

/* 2026-03 Footer compact refinement */
.navsmap-app .footer-top,
.navsmap-app .footer-honour,
.navsmap-app .footer-bottom {
    margin-top: 14px;
    border-radius: 26px;
}

.navsmap-app .footer-top .footer-container {
    padding: 32px 36px 24px;
}

.navsmap-app .footer-section .section-flex.navsmap-footer-top__layout {
    gap: 30px;
}

.navsmap-app .footer-section-intro {
    gap: 20px;
}

.navsmap-app .footer-section-intro .footer-logo {
    gap: 14px;
    height: 56px;
}

.navsmap-app .footer-section-intro .footer-logo .logo2 {
    padding-left: 14px;
}

.navsmap-app .footer-section-intro .footer-logo .logo2::before {
    height: 20px;
}

.navsmap-app .footer-section-intro .intro {
    max-width: 33em;
    font-size: 0.94rem;
    line-height: 1.78;
}

.navsmap-app .footer-section-intro .intro p {
    margin: 0;
}

.navsmap-app .navsmap-footer-quicklinks {
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
}

.navsmap-app .navsmap-footer-quicklink {
    width: 40px;
    height: 40px;
    border-color: rgba(var(--navsmap-accent-rgb), 0.08);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.03);
}

.navsmap-app .navsmap-footer-quicklink__icon {
    width: 18px;
    height: 18px;
}

.navsmap-app .navsmap-footer-links-panel {
    padding: 16px 18px 18px;
    border-color: rgba(var(--navsmap-accent-rgb), 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
}

.navsmap-app .navsmap-footer-panel__head {
    gap: 10px;
    margin-bottom: 12px;
}

.navsmap-app .navsmap-footer-links-panel__title,
.navsmap-app .navsmap-footer-contact-card__badge {
    font-size: 0.95rem;
    letter-spacing: 0.01em;
}

.navsmap-app .navsmap-footer-panel__more {
    font-size: 0.84rem;
}

.navsmap-app .navsmap-footer-links-list {
    gap: 8px 16px;
}

.navsmap-app .navsmap-footer-link-chip {
    min-height: 38px;
    padding: 0 12px;
    border-color: rgba(var(--navsmap-accent-rgb), 0.05);
    border-radius: 12px;
    background: rgba(247, 249, 252, 0.68);
    box-shadow: none;
}

.navsmap-app .navsmap-footer-link-chip__main {
    gap: 8px;
}

.navsmap-app .navsmap-footer-link-chip__icon {
    width: 16px;
    height: 16px;
    border-color: rgba(var(--navsmap-accent-rgb), 0.07);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: none;
}

.navsmap-app .navsmap-footer-link-chip__text {
    font-size: 0.88rem;
}

.navsmap-app .navsmap-footer-link-chip:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.11);
    background: rgba(var(--navsmap-accent-rgb), 0.05);
    box-shadow: none;
}

.navsmap-app .navsmap-footer-contact-card {
    gap: 8px;
    padding-left: 24px;
}

.navsmap-app .navsmap-footer-contact-card__qr {
    width: min(100%, 132px);
    padding: 6px;
    border-color: rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.03);
}

.navsmap-app .navsmap-footer-contact-card__copy {
    gap: 4px;
    max-width: 15.5em;
}

.navsmap-app .navsmap-footer-contact-card__desc {
    font-size: 0.84rem;
    line-height: 1.62;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.navsmap-app .navsmap-footer-contact-card__note {
    font-size: 0.81rem;
    line-height: 1.5;
    color: var(--navsmap-muted);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.navsmap-app .footer-bands {
    gap: 10px;
    margin-top: 20px;
}

.navsmap-app .footer-bands .item .btn {
    padding: 12px 0;
    border: 1px solid var(--navsmap-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--navsmap-muted);
    box-shadow: none;
}

.navsmap-app .footer-bands .item .btn:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-link);
}

.navsmap-app .footer-bands .item .btn-content {
    gap: 8px;
}

.navsmap-app .footer-band__icon {
    width: 18px;
    height: 18px;
}

.navsmap-app .footer-bands .item .txt {
    font-size: 0.84rem;
    font-weight: 600;
}

.navsmap-app .footer-bottom {
    padding: 18px 0 0;
}

.navsmap-app .footer-bottom .footer-container {
    padding: 0 36px 22px;
}

.navsmap-app .footer-copyright {
    padding-top: 10px;
}

.navsmap-app .footer-copyright p {
    font-size: 0.82rem;
    line-height: 1.68;
}

.navsmap-app .footer-fixed-right {
    right: 18px;
    bottom: 28px;
    z-index: 60;
}

.navsmap-app .footer-fixed-right .go-top {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--navsmap-muted);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navsmap-app .footer-fixed-right .go-top:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: rgba(255, 255, 255, 0.96);
    color: var(--navsmap-link);
}

@media (max-width: 1100px) {
    .navsmap-app .footer-top .footer-container {
        padding: 28px 30px 22px;
    }

    .navsmap-app .footer-section .section-flex.navsmap-footer-top__layout {
        gap: 24px;
    }

    .navsmap-app .navsmap-footer-contact-card {
        padding-left: 20px;
    }

    .navsmap-app .footer-bands {
        gap: 9px;
    }
}

@media (max-width: 860px) {
    .navsmap-app .footer-top .footer-container {
        padding: 26px 28px 20px;
    }

    .navsmap-app .footer-section-intro {
        gap: 18px;
    }

    .navsmap-app .navsmap-footer-links-panel {
        padding: 15px 16px 16px;
    }

    .navsmap-app .navsmap-footer-links-list {
        gap: 8px 12px;
    }

    .navsmap-app .navsmap-footer-contact-card {
        gap: 8px;
        padding-top: 16px;
    }

    .navsmap-app .footer-bands {
        margin-top: 16px;
    }
}

@media (max-width: 640px) {
    .navsmap-app .footer-top,
    .navsmap-app .footer-honour,
    .navsmap-app .footer-bottom {
        border-radius: 22px;
    }

    .navsmap-app .footer-top .footer-container,
    .navsmap-app .footer-bottom .footer-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .navsmap-app .navsmap-footer-links-panel {
        padding: 14px 14px 15px;
        border-radius: 16px;
    }

    .navsmap-app .navsmap-footer-quicklinks {
        gap: 10px;
    }

    .navsmap-app .navsmap-footer-quicklink {
        width: 38px;
        height: 38px;
    }

    .navsmap-app .footer-bands {
        gap: 8px;
    }
}

/* 2026-04 Sidebar UI refine */
.navsmap-side-menu {
    top: 14px;
    padding: 10px 10px 12px;
    border: 1px solid rgba(204, 216, 233, 0.62);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.navsmap-side-menu__main {
    position: relative;
}

.navsmap-side-menu__nav {
    gap: 2px;
}

.navsmap-side-menu__entry + .navsmap-side-menu__entry {
    margin-top: 1px;
}

.navsmap-side-menu__link,
.navsmap-side-menu__aux-link {
    gap: 11px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: #475569;
    box-shadow: none;
    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}

.navsmap-side-menu__link::before {
    display: block;
    top: 10px;
    bottom: 10px;
    left: 4px;
    width: 2px;
    border-radius: 999px;
    background: #4f46e5;
    opacity: 0;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link {
    border-color: rgba(79, 70, 229, 0.08);
    background: #eef2ff;
    color: #4f46e5;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link::before,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link::before {
    opacity: 1;
}

.navsmap-side-menu__link:hover,
.navsmap-side-menu__aux-link:hover {
    border-color: rgba(203, 213, 225, 0.68);
    background: #f5f7fb;
    color: #334155;
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    width: 19px;
    height: 19px;
    min-width: 19px;
    min-height: 19px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #64748b;
    box-shadow: none;
}

.navsmap-side-menu__icon svg,
.navsmap-side-menu__aux-icon svg {
    width: 19px;
    height: 19px;
}

.navsmap-side-menu__icon svg path,
.navsmap-side-menu__icon svg circle,
.navsmap-side-menu__icon svg rect,
.navsmap-side-menu__icon svg ellipse,
.navsmap-side-menu__aux-icon svg path,
.navsmap-side-menu__aux-icon svg circle,
.navsmap-side-menu__aux-icon svg rect,
.navsmap-side-menu__aux-icon svg ellipse {
    stroke-width: 1.85;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__link:hover .navsmap-side-menu__icon,
.navsmap-side-menu__aux-link:hover .navsmap-side-menu__aux-icon {
    color: #334155;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon {
    color: #4f46e5;
}

.navsmap-side-menu__text,
.navsmap-side-menu__aux-link span {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.01em;
    color: #475569;
}

.navsmap-side-menu__section {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(219, 228, 240, 0.82);
}

.navsmap-side-menu__section-title {
    margin: 0 0 7px;
    padding: 0 12px;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.navsmap-side-menu__aux-links {
    gap: 2px;
}

.navsmap-side-menu__aux-link {
    color: #475569;
}

.navsmap-side-menu__aux-badge {
    min-height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(251, 113, 133, 0.12);
    color: #e11d48;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__text {
    color: #4f46e5;
}

.navsmap-side-menu__link:hover .navsmap-side-menu__text,
.navsmap-side-menu__aux-link:hover span {
    color: #334155;
}

@media (max-width: 1024px) {
    .navsmap-side-menu {
        padding: 10px;
        border-radius: 20px;
    }

    .navsmap-side-menu__link,
    .navsmap-side-menu__aux-link {
        min-height: 38px;
        padding: 0 11px;
    }
}

/* 2026-03 Sticky top bar and sidebar refinement */
:root {
    --navsmap-sticky-top: 12px;
    --navsmap-sticky-header-height: 80px;
    --navsmap-sticky-sidebar-top: calc(var(--navsmap-sticky-top) + var(--navsmap-sticky-header-height) + 16px);
}

.navsmap-shell-header {
    display: block;
    position: sticky;
    top: var(--navsmap-sticky-top);
    z-index: 120;
    margin-bottom: 18px;
}

.navsmap-header-main {
    grid-column: auto;
    grid-row: auto;
}

.navsmap-header-side {
    display: none;
}

.navsmap-header-main__inner {
    min-height: var(--navsmap-sticky-header-height);
    padding: 10px 12px;
    border-radius: 22px;
    border-color: rgba(255, 255, 255, 0.52);
    background: rgba(255, 255, 255, 0.72);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.navsmap-header-brand {
    display: flex;
    align-items: center;
    width: 220px;
    min-width: 0;
}

.navsmap-header-logo {
    width: 100%;
}

.navsmap-header-logo a {
    width: 100%;
    gap: 12px;
}

.navsmap-header-logo__mark {
    min-width: 44px;
    min-height: 44px;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(var(--navsmap-accent-rgb), 0.16);
}

.navsmap-header-logo__text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--navsmap-text);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.navsmap-header-search {
    justify-self: center;
    width: min(100%, 760px);
}

.navsmap-search-form-main {
    min-height: 52px;
    height: 52px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 8px 18px rgba(15, 23, 42, 0.04);
}

.navsmap-search-form-main__field {
    min-height: 50px;
}

.navsmap-search-form-main__input {
    min-height: 50px;
    padding-right: 134px;
    color: var(--navsmap-text);
}

.navsmap-search-form-main__button {
    flex-basis: 116px;
    width: 116px;
    min-height: 52px;
    height: 52px;
    border-radius: 0 10px 10px 0;
}

.navsmap-header-actions {
    justify-content: flex-end;
    width: 220px;
    min-height: 52px;
    height: 52px;
    gap: 8px;
}

.navsmap-header-btn {
    min-height: 52px;
    height: 52px;
    border-radius: 14px;
    font-weight: 700;
}

.navsmap-header-btn.is-submit {
    width: 124px;
    background: rgba(var(--navsmap-accent-rgb), 0.1);
}

.navsmap-header-btn.is-login {
    width: 88px;
}

.navsmap-side-menu {
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.045);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.navsmap-side-menu__nav {
    gap: 0.3rem;
}

.navsmap-side-menu__link,
.navsmap-side-menu__aux-link {
    min-height: 42px;
    padding: 0 12px;
    border-radius: 14px;
}

.navsmap-side-menu__text,
.navsmap-side-menu__aux-link span {
    font-size: 0.92rem;
    font-weight: 600;
    color: #475569;
}

.navsmap-side-menu__icon,
.navsmap-side-menu__aux-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    color: #94a3b8;
}

.navsmap-side-menu__link:hover .navsmap-side-menu__text,
.navsmap-side-menu__aux-link:hover span,
.navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__text {
    color: var(--navsmap-green-strong);
}

.navsmap-about-page .main-header,
.navsmap-about-page .mobile-header,
.navsmap-about-page .main-footer,
.navsmap-about-page .io-footer-tools,
.navsmap-about-page .search-modal {
    display: none !important;
}

body.navsmap-about-page {
    padding-top: 0 !important;
    background:
        radial-gradient(circle at top left, rgba(var(--navsmap-accent-rgb), 0.05), transparent 24%),
        radial-gradient(circle at top right, rgba(var(--navsmap-warm-rgb), 0.04), transparent 18%),
        linear-gradient(180deg, #fbfcff 0%, var(--navsmap-bg) 100%);
    color: var(--navsmap-body-text);
    font-family: "Alibaba PuHuiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

.navsmap-about-page a {
    color: inherit;
    text-decoration: none;
}

.navsmap-about-page img {
    display: block;
    max-width: 100%;
}

.navsmap-app--about {
    padding: 14px 0 38px;
}

.navsmap-page-frame--about {
    align-items: start;
}

.navsmap-page-main--about {
    min-width: 0;
}

.navsmap-about-hero,
.navsmap-about-content-card,
.navsmap-about-panel,
.navsmap-about-comments .comments-area,
.navsmap-about-comments .comment-body,
.navsmap-about-comments .comment-respond {
    border: 1px solid var(--navsmap-line);
    border-radius: var(--navsmap-radius-shell);
    background: var(--navsmap-page-surface);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-about-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 24px 26px 28px;
}

.navsmap-about-hero::after {
    content: "";
    position: absolute;
    inset: auto -100px -140px auto;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.1), transparent 68%);
    pointer-events: none;
}

.navsmap-about-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--navsmap-muted);
    font-size: 0.85rem;
}

.navsmap-about-crumbs strong,
.navsmap-about-crumbs em {
    color: var(--navsmap-text);
    font-style: normal;
    font-weight: 700;
}

.navsmap-about-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 22px;
    align-items: center;
}

.navsmap-about-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 14px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
    font-size: 0.92rem;
    font-weight: 700;
}

.navsmap-about-hero__eyebrow small {
    color: var(--navsmap-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.navsmap-about-hero__eyebrow-icon {
    width: 20px;
    height: 20px;
}

.navsmap-about-hero__title {
    margin: 0;
    color: var(--navsmap-text);
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.navsmap-about-hero__intro {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--navsmap-muted);
    font-size: 1rem;
    line-height: 1.8;
}

.navsmap-about-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.navsmap-about-hero__stat {
    min-width: 136px;
    padding: 14px 16px;
    border-radius: var(--navsmap-radius-panel);
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    background: rgba(255, 255, 255, 0.86);
}

.navsmap-about-hero__stat strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.navsmap-about-hero__stat span {
    display: block;
    margin-top: 4px;
    color: var(--navsmap-muted);
    font-size: 0.82rem;
}

.navsmap-about-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.navsmap-about-hero__action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 12px;
    background: #ffffff;
    color: var(--navsmap-text);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.navsmap-about-hero__action:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: rgba(var(--navsmap-accent-rgb), 0.06);
    color: var(--navsmap-green-strong);
}

.navsmap-about-hero__action-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.navsmap-about-hero__visual {
    position: relative;
    display: grid;
    gap: 16px;
    justify-items: end;
}

.navsmap-about-hero__visual-card {
    display: grid;
    justify-items: center;
    gap: 10px;
    width: min(100%, 220px);
    padding: 20px 18px;
    border-radius: 20px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    background: rgba(255, 255, 255, 0.88);
    text-align: center;
}

.navsmap-about-hero__visual-media {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 22px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    background: linear-gradient(180deg, #ffffff, #f5f8ff);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.navsmap-about-hero__visual-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-about-hero__visual-media span {
    color: var(--navsmap-green-strong);
    font-size: 1.35rem;
    font-weight: 800;
}

.navsmap-about-hero__visual-card strong {
    color: var(--navsmap-text);
    font-size: 1.08rem;
    font-weight: 800;
}

.navsmap-about-hero__visual-card span {
    color: var(--navsmap-muted);
    font-size: 0.85rem;
    line-height: 1.7;
}

.navsmap-about-hero__visual-mark {
    color: rgba(148, 163, 184, 0.5);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.22em;
}

.navsmap-about-content-card,
.navsmap-about-panel,
.navsmap-about-comments {
    margin-bottom: 18px;
}

.navsmap-about-content-card,
.navsmap-about-panel {
    padding: 24px 26px;
}

.navsmap-about-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.navsmap-about-section-head__eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--navsmap-green-strong);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-about-section-head h2 {
    margin: 0;
    color: var(--navsmap-text);
    font-size: 1.28rem;
    font-weight: 800;
}

.navsmap-about-section-head p {
    margin: 8px 0 0;
    color: var(--navsmap-muted);
    font-size: 0.92rem;
    line-height: 1.7;
}

.navsmap-about-richtext {
    color: var(--navsmap-body-text);
    font-size: 0.96rem;
    line-height: 1.9;
}

.navsmap-about-richtext > :first-child {
    margin-top: 0;
}

.navsmap-about-richtext > :last-child {
    margin-bottom: 0;
}

.navsmap-about-richtext a {
    color: var(--navsmap-link);
}

.navsmap-about-grid {
    display: grid;
    gap: 18px;
}

.navsmap-about-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.navsmap-about-metric-card,
.navsmap-about-action-card {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
}

.navsmap-about-metric-card {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.navsmap-about-metric-card__icon,
.navsmap-about-action-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-green-strong);
}

.navsmap-about-metric-card strong {
    color: var(--navsmap-text);
    font-size: 1.3rem;
    font-weight: 800;
}

.navsmap-about-metric-card span {
    color: var(--navsmap-muted);
    font-size: 0.88rem;
}

.navsmap-about-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.navsmap-about-action-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.navsmap-about-action-card:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}

.navsmap-about-action-card__body {
    min-width: 0;
}

.navsmap-about-action-card__body strong {
    display: block;
    color: var(--navsmap-text);
    font-size: 1rem;
    font-weight: 800;
}

.navsmap-about-action-card__body p {
    margin: 8px 0 0;
    color: var(--navsmap-muted);
    font-size: 0.88rem;
    line-height: 1.7;
}

.navsmap-about-comments .comments-area,
.navsmap-about-comments .comment-respond,
.navsmap-about-comments .comment-body {
    box-shadow: none;
}

.navsmap-about-comments .comments-area,
.navsmap-about-comments .comment-respond {
    padding: 24px 26px;
}

@media (max-width: 1280px) {
    .navsmap-about-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .navsmap-about-hero__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-about-hero__visual {
        justify-items: start;
    }

    .navsmap-about-actions-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .navsmap-about-hero,
    .navsmap-about-content-card,
    .navsmap-about-panel,
    .navsmap-about-comments .comments-area,
    .navsmap-about-comments .comment-respond {
        padding: 18px;
    }

    .navsmap-about-hero__stats,
    .navsmap-about-hero__actions {
        gap: 10px;
    }

    .navsmap-about-hero__stat,
    .navsmap-about-hero__action {
        width: 100%;
    }

    .navsmap-about-metrics {
        grid-template-columns: 1fr;
    }
}

/* 2026-03 Home product cards: reduce vertical slack, keep divider */
.navsmap-home-products .navsmap-product-card {
    min-height: 340px;
}

.navsmap-home-products .navsmap-product-card__cover-inner {
    height: 182px;
}

.navsmap-home-products .navsmap-product-card__content {
    gap: 8px;
    padding: 13px 15px 12px;
}

.navsmap-home-products .navsmap-product-card__heading {
    gap: 5px;
}

.navsmap-home-products .navsmap-product-card__labels {
    gap: 5px;
}

.navsmap-home-products .navsmap-product-card__description {
    min-height: 0;
    margin-top: 0;
    padding-top: 8px;
    line-height: 1.6;
    -webkit-line-clamp: 2;
}

@media (max-width: 1280px) {
    .navsmap-home-products .navsmap-product-card {
        min-height: 334px;
    }
}

@media (max-width: 860px) {
    .navsmap-home-products .navsmap-product-card {
        min-height: 328px;
    }

    .navsmap-home-products .navsmap-product-card__cover-inner {
        height: 166px;
    }
}

@media (max-width: 640px) {
    .navsmap-home-products .navsmap-product-card {
        min-height: 324px;
    }

    .navsmap-home-products .navsmap-product-card__cover-inner {
        height: 170px;
    }
}

/* 2026-03 Home robot cards: standard navigation card */
body.home.blog .navsmap-home-robots .navsmap-robot-card {
    min-height: 338px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(248, 250, 252, 0.97));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.04);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__wrap {
    display: flex;
    flex-direction: column;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__cover {
    height: 156px;
    padding: 12px 12px 0;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__cover::before {
    inset: 12px 12px 0;
    border-radius: 15px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%);
    box-shadow: inset 0 0 0 1px rgba(229, 234, 242, 0.92);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__cover > .img {
    padding: 12px;
    object-fit: cover;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 9px;
    padding: 14px 14px 14px;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__title-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 13px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__logo .img {
    padding: 8px;
    object-fit: contain;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__heading {
    display: grid;
    gap: 4px;
    min-width: 0;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.34;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__category {
    overflow: hidden;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__highlight {
    overflow: hidden;
    color: var(--navsmap-link);
    font-size: 0.83rem;
    font-weight: 600;
    line-height: 1.42;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__summary {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(229, 234, 242, 0.9);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric.is-grade {
    border-color: rgba(var(--navsmap-accent-rgb), 0.12);
    background: rgba(var(--navsmap-accent-rgb), 0.07);
    color: var(--navsmap-green-strong);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric-icon {
    width: 13px;
    height: 13px;
    color: currentColor;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric-label {
    opacity: 0.82;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric-value {
    font-weight: 700;
    color: #334155;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card__metric.is-grade .navsmap-robot-card__metric-value {
    color: currentColor;
}

body.home.blog .navsmap-home-robots .navsmap-robot-card:hover,
body.home.blog .navsmap-home-robots .navsmap-robot-card:focus-within {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
}

body.home.blog .navsmap-home-robots .navsmap-robot-card:hover h3,
body.home.blog .navsmap-home-robots .navsmap-robot-card:focus-within h3 {
    color: var(--navsmap-link);
}

@media (max-width: 1280px) {
    body.home.blog .navsmap-home-robots .navsmap-robot-card {
        min-height: 332px;
    }
}

@media (max-width: 860px) {
    body.home.blog .navsmap-home-robots .navsmap-robot-card {
        min-height: 324px;
    }

    body.home.blog .navsmap-home-robots .navsmap-robot-card__cover {
        height: 148px;
    }
}

@media (max-width: 640px) {
    body.home.blog .navsmap-home-robots .navsmap-robot-card {
        min-height: 316px;
    }

    body.home.blog .navsmap-home-robots .navsmap-robot-card__cover {
        height: 152px;
    }

    body.home.blog .navsmap-home-robots .navsmap-robot-card__content {
        gap: 8px;
        padding: 13px;
    }
}

/* 2026-03 Home scenes/workflows module */
body.home.blog .navsmap-home-scenes__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

body.home.blog .navsmap-home-scenes__title-group {
    display: grid;
    gap: 3px;
    min-width: 0;
}

body.home.blog .navsmap-home-scenes .navsmap-section-title {
    margin: 0;
}

body.home.blog .navsmap-home-scenes__hint {
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.52;
}

body.home.blog .navsmap-home-scenes__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--navsmap-link);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.home.blog .navsmap-home-scenes__more::after {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: rotate(45deg);
}

body.home.blog .navsmap-card-grid--scenes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.home.blog .navsmap-scene-card {
    min-height: 158px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(248, 250, 252, 0.97));
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

body.home.blog .navsmap-scene-card__wrap {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    color: inherit;
}

body.home.blog .navsmap-scene-card__intro {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.home.blog .navsmap-scene-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 13px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-link);
}

body.home.blog .navsmap-scene-card__icon-svg {
    width: 16px;
    height: 16px;
}

body.home.blog .navsmap-scene-card h3 {
    margin: 0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
}

body.home.blog .navsmap-scene-card__desc {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #64748b;
    min-height: calc(0.82rem * 1.55 * 2);
    font-size: 0.82rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home.blog .navsmap-scene-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: var(--navsmap-link);
    font-size: 0.79rem;
    font-weight: 700;
    line-height: 1;
}

body.home.blog .navsmap-scene-card__cta::after {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: rotate(45deg);
}

body.home.blog .navsmap-scene-card:hover,
body.home.blog .navsmap-scene-card:focus-within {
    transform: translateY(-1px);
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    background: #ffffff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
}

body.home.blog .navsmap-scene-card:hover h3,
body.home.blog .navsmap-scene-card:focus-within h3 {
    color: var(--navsmap-link);
}

body.home.blog .navsmap-scene-card:hover .navsmap-scene-card__cta,
body.home.blog .navsmap-scene-card:focus-within .navsmap-scene-card__cta {
    color: #4f46e5;
}

@media (max-width: 860px) {
    body.home.blog .navsmap-home-scenes__head {
        align-items: flex-start;
        flex-direction: column;
    }

    body.home.blog .navsmap-card-grid--scenes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.home.blog .navsmap-card-grid--scenes {
        grid-template-columns: 1fr;
    }

    body.home.blog .navsmap-scene-card {
        min-height: 150px;
    }

    body.home.blog .navsmap-scene-card__wrap {
        padding: 15px;
    }
}

/* 2026-03 Home post cards: news/editorial card */
body.home.blog .navsmap-home-posts .navsmap-post-card {
    min-height: 306px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(248, 250, 252, 0.97));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.04);
}

body.home.blog .navsmap-home-posts .navsmap-post-card__wrap {
    display: flex;
    flex-direction: column;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__cover {
    height: 152px;
    padding: 12px 12px 0;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__cover::before {
    inset: 12px 12px 0;
    border-radius: 15px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%);
    box-shadow: inset 0 0 0 1px rgba(229, 234, 242, 0.92);
}

body.home.blog .navsmap-home-posts .navsmap-post-card__cover > .img {
    padding: 12px;
    object-fit: cover;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 9px;
    padding: 13px 14px 14px;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: var(--navsmap-link);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

body.home.blog .navsmap-home-posts .navsmap-post-card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.38;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__summary {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.62;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__source {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: #94a3b8;
    font-size: 0.74rem;
    line-height: 1.4;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__source-name,
body.home.blog .navsmap-home-posts .navsmap-post-card__source-time {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__source-name {
    color: #64748b;
    font-weight: 600;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__source-dot {
    width: 4px;
    height: 4px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.6);
}

body.home.blog .navsmap-home-posts .navsmap-post-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(229, 234, 242, 0.9);
}

body.home.blog .navsmap-home-posts .navsmap-post-card__stats {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__stat {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__stat-icon {
    width: 13px;
    height: 13px;
    color: #94a3b8;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--navsmap-link);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.home.blog .navsmap-home-posts .navsmap-post-card__cta::after {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: rotate(45deg);
}

body.home.blog .navsmap-home-posts .navsmap-post-card:hover,
body.home.blog .navsmap-home-posts .navsmap-post-card:focus-within {
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
}

body.home.blog .navsmap-home-posts .navsmap-post-card:hover h3,
body.home.blog .navsmap-home-posts .navsmap-post-card:focus-within h3 {
    color: var(--navsmap-link);
}

@media (max-width: 1280px) {
    body.home.blog .navsmap-home-posts .navsmap-post-card {
        min-height: 300px;
    }
}

@media (max-width: 860px) {
    body.home.blog .navsmap-home-posts .navsmap-post-card {
        min-height: 294px;
    }

    body.home.blog .navsmap-home-posts .navsmap-post-card__cover {
        height: 146px;
    }
}

@media (max-width: 640px) {
    body.home.blog .navsmap-home-posts .navsmap-post-card {
        min-height: 290px;
    }

    body.home.blog .navsmap-home-posts .navsmap-post-card__cover {
        height: 150px;
    }

    body.home.blog .navsmap-home-posts .navsmap-post-card__content {
        gap: 8px;
        padding: 13px;
    }
}

body.home.blog .navsmap-app section[id] {
    scroll-margin-top: calc(var(--navsmap-sticky-sidebar-top) - 8px);
}

@media (min-width: 1101px) {
    .navsmap-header-main__inner {
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr) 220px;
        align-items: center;
        gap: 14px;
    }

    .navsmap-side-menu {
        position: sticky;
        top: var(--navsmap-sticky-sidebar-top);
        max-height: calc(100vh - var(--navsmap-sticky-sidebar-top) - 12px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(148, 163, 184, 0.48) transparent;
    }

    .navsmap-side-menu::-webkit-scrollbar {
        width: 6px;
    }

    .navsmap-side-menu::-webkit-scrollbar-track {
        background: transparent;
    }

    .navsmap-side-menu::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(148, 163, 184, 0.46);
    }

    .navsmap-side-menu:hover::-webkit-scrollbar-thumb {
        background: rgba(100, 116, 139, 0.58);
    }
}

@media (max-width: 1100px) {
    :root {
        --navsmap-sticky-top: 8px;
        --navsmap-sticky-header-height: auto;
    }

    .navsmap-shell-header {
        top: var(--navsmap-sticky-top);
    }

    .navsmap-header-main__inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
    }

    .navsmap-header-brand,
    .navsmap-header-search,
    .navsmap-header-actions {
        width: 100%;
    }

    .navsmap-header-actions {
        justify-content: flex-start;
    }

    .navsmap-header-btn {
        flex: 0 0 auto;
    }

    .navsmap-side-menu {
        max-height: none;
        overflow: visible;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (max-width: 640px) {
    .navsmap-header-logo__text {
        font-size: 0.96rem;
    }

    .navsmap-search-form-main__button {
        flex-basis: 96px;
        width: 96px;
    }

    .navsmap-search-form-main__input {
        padding-right: 110px;
    }

    .navsmap-header-actions {
        flex-wrap: wrap;
    }

    .navsmap-header-btn.is-submit,
    .navsmap-header-btn.is-login {
        width: auto;
        flex: 1 1 0;
    }
}

.navsmap-page-frame--scenarios {
    align-items: start;
}

.navsmap-page-main--scenarios {
    display: grid;
    gap: 18px;
}

.navsmap-scenarios-hero,
.navsmap-scenarios-filter,
.navsmap-scenarios-section,
.navsmap-scenarios-cta {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-scenarios-hero {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background:
        radial-gradient(circle at right top, rgba(var(--navsmap-accent-rgb), 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.95));
}

.navsmap-scenarios-hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -80px auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.12), transparent 70%);
    pointer-events: none;
}

.navsmap-scenarios-crumbs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #7c8aa5;
    font-size: 0.82rem;
}

.navsmap-scenarios-crumbs a {
    color: #64748b;
}

.navsmap-scenarios-crumbs strong,
.navsmap-scenarios-crumbs em {
    color: #0f172a;
    font-style: normal;
    font-weight: 700;
}

.navsmap-scenarios-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
    gap: 24px;
    align-items: stretch;
}

.navsmap-scenarios-hero__content {
    display: grid;
    gap: 14px;
}

.navsmap-scenarios-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.82rem;
    font-weight: 700;
}

.navsmap-scenarios-hero__eyebrow small {
    color: #6b7280;
    font-size: 0.76rem;
    font-weight: 600;
}

.navsmap-scenarios-hero__eyebrow-icon {
    width: 16px;
    height: 16px;
}

.navsmap-scenarios-hero__title {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.9rem, 2.6vw, 2.35rem);
    font-weight: 700;
    line-height: 1.16;
}

.navsmap-scenarios-hero__subtitle {
    margin: 0;
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.55;
}

.navsmap-scenarios-hero__intro {
    max-width: 720px;
    margin: 0;
    color: #64748b;
    font-size: 0.94rem;
    line-height: 1.72;
}

.navsmap-scenarios-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 6px;
}

.navsmap-scenarios-hero__stat {
    display: grid;
    gap: 6px;
    padding: 16px 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.78);
}

.navsmap-scenarios-hero__stat strong {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1;
}

.navsmap-scenarios-hero__stat span {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.4;
}

.navsmap-scenarios-hero__visual {
    display: grid;
    gap: 14px;
}

.navsmap-scenarios-hero__visual-card,
.navsmap-scenarios-hero__visual-note {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 22px;
    background: rgba(249, 251, 255, 0.88);
}

.navsmap-scenarios-hero__visual-card {
    display: grid;
    gap: 10px;
    padding: 22px;
}

.navsmap-scenarios-hero__visual-label {
    color: #6366f1;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.navsmap-scenarios-hero__visual-card strong {
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.4;
}

.navsmap-scenarios-hero__visual-card p,
.navsmap-scenarios-hero__visual-note span {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.7;
}

.navsmap-scenarios-hero__visual-note {
    padding: 16px 18px;
}

.navsmap-scenarios-filter,
.navsmap-scenarios-section,
.navsmap-scenarios-cta {
    padding: 24px;
}

.navsmap-scenarios-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.navsmap-scenarios-section-head__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-scenarios-section-head h2 {
    margin: 0;
    color: #0f172a;
    font-size: 1.34rem;
    font-weight: 700;
}

.navsmap-scenarios-section-head p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.68;
}

.navsmap-scenarios-section-head__meta {
    display: grid;
    gap: 4px;
    min-width: 112px;
    padding: 14px 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.74);
    text-align: right;
}

.navsmap-scenarios-section-head__meta strong {
    color: #0f172a;
    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1;
}

.navsmap-scenarios-section-head__meta span {
    color: #64748b;
    font-size: 0.8rem;
}

.navsmap-scenarios-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-bottom: 16px;
}

.navsmap-scenarios-search__field {
    position: relative;
    display: block;
}

.navsmap-scenarios-search__field input {
    width: 100%;
    height: 54px;
    padding: 0 18px 0 48px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 18px;
    background: #f8fbff;
    color: #0f172a;
    font-size: 0.92rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.navsmap-scenarios-search__field input:focus {
    outline: none;
    border-color: rgba(var(--navsmap-accent-rgb), 0.3);
    box-shadow: 0 0 0 4px rgba(var(--navsmap-accent-rgb), 0.08);
    background: #ffffff;
}

.navsmap-scenarios-search__icon {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 18px;
    height: 18px;
    color: #94a3b8;
    transform: translateY(-50%);
}

.navsmap-scenarios-search__button,
.navsmap-scenarios-featured-card__action,
.navsmap-scenarios-empty__action,
.navsmap-scenarios-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 20px;
    border-radius: 16px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.14);
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.navsmap-scenarios-search__button:hover,
.navsmap-scenarios-featured-card__action:hover,
.navsmap-scenarios-empty__action:hover,
.navsmap-scenarios-cta__button:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.22);
    background: rgba(var(--navsmap-accent-rgb), 0.12);
    color: #4338ca;
    transform: translateY(-1px);
}

.navsmap-scenarios-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.navsmap-scenarios-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.84);
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 600;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.navsmap-scenarios-chip:hover,
.navsmap-scenarios-chip.is-active {
    border-color: rgba(var(--navsmap-accent-rgb), 0.2);
    background: rgba(var(--navsmap-accent-rgb), 0.1);
    color: #4f46e5;
}

.navsmap-scenarios-featured-grid,
.navsmap-scenarios-grid,
.navsmap-scenarios-digest-grid {
    display: grid;
    gap: 16px;
}

.navsmap-scenarios-featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.navsmap-scenarios-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.navsmap-scenarios-digest-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.navsmap-scenarios-featured-card,
.navsmap-scenarios-card,
.navsmap-scenarios-digest-card {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 22px;
    background: rgba(249, 251, 255, 0.84);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.navsmap-scenarios-featured-card,
.navsmap-scenarios-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 244px;
    padding: 20px;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.navsmap-scenarios-featured-card:hover,
.navsmap-scenarios-card:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.16);
    background: #ffffff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.navsmap-scenarios-featured-card__top,
.navsmap-scenarios-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.navsmap-scenarios-featured-card__icon,
.navsmap-scenarios-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 14px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
}

.navsmap-scenarios-featured-card__icon-svg,
.navsmap-scenarios-card__icon-svg,
.navsmap-scenarios-digest-item__icon-svg {
    width: 18px;
    height: 18px;
}

.navsmap-scenarios-featured-card__tag,
.navsmap-scenarios-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.76rem;
    font-weight: 700;
}

.navsmap-scenarios-featured-card h3,
.navsmap-scenarios-card h3,
.navsmap-scenarios-digest-card h3,
.navsmap-scenarios-empty h3,
.navsmap-scenarios-cta h2 {
    margin: 0;
    color: #0f172a;
}

.navsmap-scenarios-featured-card h3,
.navsmap-scenarios-card h3 {
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}

.navsmap-scenarios-featured-card__desc,
.navsmap-scenarios-card__desc {
    margin: 0;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.7;
}

.navsmap-scenarios-featured-card__audience,
.navsmap-scenarios-card__audience {
    margin: 0;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.65;
}

.navsmap-scenarios-featured-card__action {
    align-self: flex-start;
    min-height: 44px;
    padding: 0 18px;
    margin-top: auto;
}

.navsmap-scenarios-card__action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    margin-top: auto;
    color: #4f46e5;
    font-size: 0.84rem;
    font-weight: 700;
}

.navsmap-scenarios-card__action::after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: rotate(45deg);
}

.navsmap-scenarios-empty {
    display: grid;
    gap: 16px;
    place-items: center;
    padding: 34px 24px;
    border: 1px dashed rgba(var(--navsmap-accent-rgb), 0.18);
    border-radius: 22px;
    background: rgba(248, 250, 252, 0.68);
    text-align: center;
}

.navsmap-scenarios-empty p,
.navsmap-scenarios-cta p {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.72;
}

.navsmap-scenarios-empty__action {
    min-height: 44px;
}

.navsmap-scenarios-digest-card {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.navsmap-scenarios-digest-card__head {
    display: grid;
    gap: 6px;
}

.navsmap-scenarios-digest-card__head p {
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.66;
}

.navsmap-scenarios-digest-list {
    display: grid;
    gap: 10px;
}

.navsmap-scenarios-digest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.82);
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.navsmap-scenarios-digest-item:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    background: #ffffff;
    transform: translateY(-1px);
}

.navsmap-scenarios-digest-item__main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.navsmap-scenarios-digest-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
}

.navsmap-scenarios-digest-item__body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.navsmap-scenarios-digest-item__body strong {
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.4;
}

.navsmap-scenarios-digest-item__body small {
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.4;
}

.navsmap-scenarios-digest-item__arrow {
    width: 14px;
    height: 14px;
    color: #94a3b8;
    flex: 0 0 auto;
}

.navsmap-scenarios-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.navsmap-scenarios-cta__content {
    display: grid;
    gap: 10px;
    max-width: 620px;
}

.navsmap-scenarios-cta__eyebrow {
    color: #4f46e5;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-scenarios-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.navsmap-scenarios-cta__button {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.92);
    color: #475569;
}

.navsmap-scenarios-cta__button.is-primary {
    background: rgba(var(--navsmap-accent-rgb), 0.1);
    color: #4f46e5;
}

@media (max-width: 1260px) {
    .navsmap-scenarios-hero__inner,
    .navsmap-scenarios-featured-grid,
    .navsmap-scenarios-grid,
    .navsmap-scenarios-digest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .navsmap-scenarios-hero,
    .navsmap-scenarios-filter,
    .navsmap-scenarios-section,
    .navsmap-scenarios-cta {
        padding: 20px;
        border-radius: 24px;
    }

    .navsmap-scenarios-section-head,
    .navsmap-scenarios-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .navsmap-scenarios-section-head__meta {
        text-align: left;
    }

    .navsmap-scenarios-search {
        grid-template-columns: 1fr;
    }

    .navsmap-scenarios-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-scenarios-cta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .navsmap-scenarios-hero__inner,
    .navsmap-scenarios-featured-grid,
    .navsmap-scenarios-grid,
    .navsmap-scenarios-digest-grid,
    .navsmap-scenarios-hero__stats {
        grid-template-columns: 1fr;
    }

    .navsmap-scenarios-hero,
    .navsmap-scenarios-filter,
    .navsmap-scenarios-section,
    .navsmap-scenarios-cta {
        padding: 18px;
        border-radius: 22px;
    }

    .navsmap-scenarios-featured-card,
    .navsmap-scenarios-card {
        min-height: 0;
        padding: 18px;
    }

    .navsmap-scenarios-search__button,
    .navsmap-scenarios-featured-card__action,
    .navsmap-scenarios-empty__action,
    .navsmap-scenarios-cta__button {
        width: 100%;
    }
}

.navsmap-page-frame--scene {
    align-items: start;
}

.navsmap-page-main--scene {
    display: grid;
    gap: 18px;
}

.navsmap-scene-hero,
.navsmap-scene-section,
.navsmap-scene-cta {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.93);
    box-shadow: var(--navsmap-shadow-soft);
}

.navsmap-scene-hero {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background:
        radial-gradient(circle at right top, rgba(var(--navsmap-accent-rgb), 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.95));
}

.navsmap-scene-hero::after {
    content: "";
    position: absolute;
    right: -72px;
    bottom: -88px;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(var(--navsmap-accent-rgb), 0.1), transparent 70%);
    pointer-events: none;
}

.navsmap-scene-crumbs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #7c8aa5;
    font-size: 0.82rem;
}

.navsmap-scene-crumbs a {
    color: #64748b;
}

.navsmap-scene-crumbs strong {
    color: #0f172a;
    font-weight: 700;
}

.navsmap-scene-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.9fr);
    gap: 24px;
    align-items: stretch;
}

.navsmap-scene-hero__content {
    display: grid;
    gap: 14px;
}

.navsmap-scene-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.82rem;
    font-weight: 700;
}

.navsmap-scene-hero__eyebrow small {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 600;
}

.navsmap-scene-hero__eyebrow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.navsmap-scene-hero__eyebrow-svg {
    width: 18px;
    height: 18px;
}

.navsmap-scene-hero__title {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.85rem, 2.4vw, 2.28rem);
    font-weight: 700;
    line-height: 1.14;
}

.navsmap-scene-hero__subtitle {
    max-width: 760px;
    margin: 0;
    color: #334155;
    font-size: 0.98rem;
    line-height: 1.72;
}

.navsmap-scene-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.navsmap-scene-hero__meta-item {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.1);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.88);
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.navsmap-scene-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 2px;
}

.navsmap-scene-hero__button,
.navsmap-scene-tool-card__action,
.navsmap-scene-reading-card__action,
.navsmap-scene-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.12);
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.92);
    color: #475569;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.navsmap-scene-hero__button.is-primary,
.navsmap-scene-cta__button.is-primary {
    background: rgba(var(--navsmap-accent-rgb), 0.1);
    color: #4f46e5;
}

.navsmap-scene-hero__button:hover,
.navsmap-scene-tool-card__action:hover,
.navsmap-scene-reading-card__action:hover,
.navsmap-scene-cta__button:hover {
    border-color: rgba(var(--navsmap-accent-rgb), 0.2);
    background: rgba(var(--navsmap-accent-rgb), 0.12);
    color: #4338ca;
    transform: translateY(-1px);
}

.navsmap-scene-hero__visual {
    display: grid;
    gap: 14px;
}

.navsmap-scene-hero__panel,
.navsmap-scene-hero__stats {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 22px;
    background: rgba(249, 251, 255, 0.86);
}

.navsmap-scene-hero__panel {
    display: grid;
    gap: 10px;
    padding: 22px;
}

.navsmap-scene-hero__panel-label,
.navsmap-scene-section__eyebrow,
.navsmap-scene-cta__eyebrow {
    color: #4f46e5;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navsmap-scene-hero__panel strong {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 700;
}

.navsmap-scene-hero__panel p {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.68;
}

.navsmap-scene-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.navsmap-scene-hero__stat {
    display: grid;
    gap: 5px;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
}

.navsmap-scene-hero__stat strong {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.navsmap-scene-hero__stat span {
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.4;
}

.navsmap-scene-section,
.navsmap-scene-cta {
    padding: 24px;
}

.navsmap-scene-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.navsmap-scene-section__head h2,
.navsmap-scene-cta h2 {
    margin: 0;
    color: #0f172a;
    font-size: 1.32rem;
    font-weight: 700;
}

.navsmap-scene-section__head p,
.navsmap-scene-cta p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.68;
}

.navsmap-scene-tools-grid,
.navsmap-scene-tasks-grid,
.navsmap-scene-reading-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.navsmap-scene-tool-card,
.navsmap-scene-task-card,
.navsmap-scene-reading-card {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 20px;
    background: rgba(249, 251, 255, 0.86);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.navsmap-scene-tool-card,
.navsmap-scene-reading-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 222px;
    padding: 20px;
}

.navsmap-scene-task-card {
    display: grid;
    gap: 12px;
    min-height: 196px;
    padding: 20px;
}

.navsmap-scene-tool-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.navsmap-scene-tool-card__badge-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.navsmap-scene-tool-card__badge,
.navsmap-scene-task-card__tool,
.navsmap-scene-workflow-step__tool {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    color: #4f46e5;
    font-size: 0.74rem;
    font-weight: 700;
}

.navsmap-scene-tool-card__badge.is-strong {
    background: rgba(var(--navsmap-accent-rgb), 0.14);
}

.navsmap-scene-tool-card h3,
.navsmap-scene-task-card h3,
.navsmap-scene-reading-card h3,
.navsmap-scene-workflow-step h3,
.navsmap-scene-faq-item summary {
    margin: 0;
    color: #0f172a;
}

.navsmap-scene-tool-card h3,
.navsmap-scene-task-card h3,
.navsmap-scene-reading-card h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.46;
}

.navsmap-scene-tool-card p,
.navsmap-scene-task-card p,
.navsmap-scene-reading-card p,
.navsmap-scene-workflow-step p,
.navsmap-scene-faq-item__answer p {
    margin: 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.7;
}

.navsmap-scene-tool-card__action {
    align-self: flex-start;
    min-height: 42px;
    padding: 0 16px;
    margin-top: auto;
}

.navsmap-scene-task-card__tools,
.navsmap-scene-workflow-step__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.navsmap-scene-workflow {
    display: grid;
    gap: 14px;
}

.navsmap-scene-workflow-step {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
    padding: 18px;
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 22px;
    background: rgba(249, 251, 255, 0.86);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.navsmap-scene-workflow-step__index {
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(var(--navsmap-accent-rgb), 0.1);
    color: #4f46e5;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.navsmap-scene-workflow-step__body {
    display: grid;
    gap: 10px;
}

.navsmap-scene-reading-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: #94a3b8;
    font-size: 0.76rem;
    font-weight: 600;
}

.navsmap-scene-reading-card__action {
    align-self: flex-start;
    min-height: 40px;
    padding: 0 16px;
    margin-top: auto;
}

.navsmap-scene-faq-list {
    display: grid;
    gap: 12px;
}

.navsmap-scene-faq-item {
    border: 1px solid rgba(var(--navsmap-accent-rgb), 0.08);
    border-radius: 18px;
    background: rgba(249, 251, 255, 0.82);
    overflow: hidden;
}

.navsmap-scene-faq-item summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 18px 50px 18px 18px;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.58;
}

.navsmap-scene-faq-item summary::-webkit-details-marker {
    display: none;
}

.navsmap-scene-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 18px;
    color: #94a3b8;
    font-size: 1.2rem;
    font-weight: 500;
    transform: translateY(-50%);
}

.navsmap-scene-faq-item[open] summary::after {
    content: "-";
}

.navsmap-scene-faq-item__answer {
    padding: 0 18px 18px;
}

.navsmap-scene-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.navsmap-scene-cta__content {
    display: grid;
    gap: 10px;
    max-width: 640px;
}

.navsmap-scene-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 1260px) {
    .navsmap-scene-hero__inner,
    .navsmap-scene-tools-grid,
    .navsmap-scene-tasks-grid,
    .navsmap-scene-reading-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .navsmap-scene-hero,
    .navsmap-scene-section,
    .navsmap-scene-cta {
        padding: 20px;
        border-radius: 24px;
    }

    .navsmap-scene-section__head,
    .navsmap-scene-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .navsmap-scene-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-scene-cta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .navsmap-scene-hero__inner,
    .navsmap-scene-tools-grid,
    .navsmap-scene-tasks-grid,
    .navsmap-scene-reading-grid,
    .navsmap-scene-hero__stats {
        grid-template-columns: 1fr;
    }

    .navsmap-scene-hero,
    .navsmap-scene-section,
    .navsmap-scene-cta {
        padding: 18px;
        border-radius: 22px;
    }

    .navsmap-scene-workflow-step {
        grid-template-columns: 1fr;
    }

    .navsmap-scene-hero__actions,
    .navsmap-scene-cta__actions {
        width: 100%;
    }

    .navsmap-scene-hero__button,
    .navsmap-scene-tool-card__action,
    .navsmap-scene-reading-card__action,
    .navsmap-scene-cta__button {
        width: 100%;
    }
}

/* 2026-04 Sidebar color hierarchy final override */
.navsmap-app .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__aux-link {
    color: #475569;
}

.navsmap-app .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__aux-link span {
    font-size: 15px;
    font-weight: 500;
    color: #475569;
}

.navsmap-app .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__aux-icon {
    width: 19px;
    height: 19px;
    min-width: 19px;
    min-height: 19px;
    color: #64748b;
}

.navsmap-app .navsmap-side-menu__section-title {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.navsmap-app .navsmap-side-menu__link:hover,
.navsmap-app .navsmap-side-menu__aux-link:hover {
    background: #f5f7fb;
    color: #334155;
}

.navsmap-app .navsmap-side-menu__link:hover .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__aux-link:hover span {
    color: #334155;
}

.navsmap-app .navsmap-side-menu__link:hover .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__aux-link:hover .navsmap-side-menu__aux-icon {
    color: #334155;
}

.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link {
    background: #eef2ff;
    color: #4f46e5;
    border-color: rgba(79, 70, 229, 0.08);
}

.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon {
    color: #4f46e5;
}

/* 2026-04 Homepage chrome refine final override */
.navsmap-app .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__aux-link span {
    font-size: 15px;
    font-weight: 500;
    color: #475569;
}

.navsmap-app .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__aux-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    color: #64748b;
}

.navsmap-app .navsmap-side-menu__section {
    border-top-color: #e2e8f0;
}

.navsmap-app .navsmap-side-menu__section-title {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.navsmap-app .navsmap-side-menu__link:hover,
.navsmap-app .navsmap-side-menu__aux-link:hover {
    background: #f5f7fb;
    color: #334155;
}

.navsmap-app .navsmap-side-menu__link:hover .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__aux-link:hover span,
.navsmap-app .navsmap-side-menu__link:hover .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__aux-link:hover .navsmap-side-menu__aux-icon {
    color: #334155;
}

.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link {
    background: #eef2ff;
    border-color: #c7d2fe;
}

.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-app .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-app .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon {
    color: #4f46e5;
}

.navsmap-app .navsmap-header-actions {
    min-height: 44px;
    height: 44px;
    gap: 6px;
}

.navsmap-app .navsmap-header-btn {
    min-height: 44px;
    height: 44px;
    padding: 0 14px;
    border-radius: 10px;
    border-color: #e2e8f0;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
}

.navsmap-app .navsmap-header-btn.is-submit {
    border-color: #dbe4f0;
    background: rgba(var(--navsmap-accent-rgb), 0.05);
    color: #475569;
}

.navsmap-app .navsmap-header-btn.is-login {
    border-color: #e2e8f0;
    background: rgba(255, 255, 255, 0.92);
    color: #64748b;
}

.navsmap-app .navsmap-header-btn:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.navsmap-app .navsmap-header-button__icon {
    width: 17px;
    height: 17px;
}

.navsmap-app .navsmap-allcats__item,
.navsmap-app .navsmap-allcats__more {
    min-height: 40px;
    padding: 0 17px;
    border-color: #e2e8f0;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.94);
    color: #64748b;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
}

.navsmap-app .navsmap-allcats__item:hover,
.navsmap-app .navsmap-allcats__more:hover {
    border-color: #dbe4f0;
    background: #f8fafc;
    color: #475569;
}

.navsmap-app .navsmap-allcats__item.is-current {
    border-color: #c7d2fe;
    background: #eef2ff;
    color: #4f46e5;
}

/* 2026-04 Sidebar state tone tune */
.navsmap-side-menu .navsmap-side-menu__link:hover,
.navsmap-side-menu .navsmap-side-menu__aux-link:hover {
    background: rgba(var(--navsmap-accent-rgb), 0.08);
    border-color: rgba(var(--navsmap-accent-rgb), 0.14);
    color: #334155;
}

.navsmap-side-menu .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link {
    background: rgba(var(--navsmap-accent-rgb), 0.12);
    border-color: rgba(var(--navsmap-accent-rgb), 0.18);
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon {
    color: var(--navsmap-green-strong);
}

.navsmap-side-menu .navsmap-side-menu__entry.is-current > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current-menu-ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_item > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__entry.current_page_ancestor > .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__link:hover .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__aux-link:hover .navsmap-side-menu__aux-icon {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

/* 2026-06 Sidebar auxiliary link alignment */
.navsmap-side-menu .navsmap-side-menu__link,
.navsmap-side-menu .navsmap-side-menu__aux-link {
    justify-content: flex-start;
    gap: 11px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
}

.navsmap-side-menu .navsmap-side-menu__link .navsmap-side-menu__text,
.navsmap-side-menu .navsmap-side-menu__aux-link > span:not(.navsmap-side-menu__aux-icon) {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.navsmap-side-menu .navsmap-side-menu__link .navsmap-side-menu__icon,
.navsmap-side-menu .navsmap-side-menu__aux-link .navsmap-side-menu__aux-icon {
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 2026-06 Global AI Discovery homepage */
body.home .main-header,
body.home .mobile-header,
body.home .main-footer,
body.home .io-footer-tools,
body.home .search-modal {
    display: none !important;
}

body.home {
    padding-top: 0 !important;
    background: #ffffff !important;
}

body.home.blog {
    background: #ffffff !important;
}

.navsmap-discovery {
    --discovery-primary: #111111;
    --discovery-accent: #2563eb;
    --discovery-bg: #ffffff;
    --discovery-bg-secondary: #f7f8fa;
    --discovery-border: #e5e7eb;
    --discovery-text: #111111;
    --discovery-muted: #525866;
    --discovery-soft: #6b7280;
    --discovery-radius: 8px;
    --discovery-content: 1280px;
    min-height: 100vh;
    background: var(--discovery-bg);
    color: var(--discovery-text);
    font-family: "Geist", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}

.navsmap-discovery *,
.navsmap-discovery *::before,
.navsmap-discovery *::after {
    box-sizing: border-box;
}

.navsmap-discovery a {
    color: inherit;
    text-decoration: none;
}

.navsmap-discovery img {
    max-width: 100%;
    display: block;
}

.navsmap-discovery-container {
    width: min(var(--discovery-content), calc(100% - 64px));
    margin: 0 auto;
}

.navsmap-discovery-header {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--discovery-border);
    background: #ffffff;
}

.navsmap-discovery-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    gap: 32px;
}

.navsmap-discovery-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--discovery-primary);
    font-weight: 700;
}

.navsmap-discovery-logo__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--discovery-primary);
    border-radius: var(--discovery-radius);
    color: var(--discovery-primary);
    font-size: 13px;
    font-weight: 800;
}

.navsmap-discovery-logo__text {
    overflow: hidden;
    color: var(--discovery-primary);
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-discovery-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    color: var(--discovery-muted);
    font-size: 14px;
    font-weight: 500;
}

.navsmap-discovery-nav a {
    transition: color 0.18s ease;
}

.navsmap-discovery-nav a:hover {
    color: var(--discovery-accent);
}

.navsmap-discovery-hero {
    padding: 96px 0 80px;
    text-align: center;
}

.navsmap-discovery-eyebrow,
.navsmap-discovery-section__label {
    margin: 0 0 16px;
    color: var(--discovery-accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.navsmap-discovery-hero h1 {
    max-width: 900px;
    margin: 0 auto;
    color: var(--discovery-primary);
    font-size: 56px;
    font-weight: 800;
    line-height: 1.08;
}

.navsmap-discovery-hero__subtitle {
    max-width: 660px;
    margin: 24px auto 0;
    color: var(--discovery-muted);
    font-size: 16px;
    line-height: 1.6;
}

.navsmap-discovery-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: min(860px, 100%);
    height: 64px;
    margin: 48px auto 0;
    padding: 7px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
}

.navsmap-discovery-search:focus-within {
    border-color: var(--discovery-accent);
}

.navsmap-discovery-search__field {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: 12px;
    min-width: 0;
    overflow: hidden;
    height: 48px;
    padding: 0 16px;
}

.navsmap-discovery-search__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: var(--discovery-soft);
}

.navsmap-discovery-search input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--discovery-primary);
    font: inherit;
    font-size: 16px;
}

.navsmap-discovery-search input::placeholder {
    color: var(--discovery-soft);
}

.navsmap-discovery-search button,
.navsmap-discovery-newsletter__form button,
.navsmap-discovery-button,
.navsmap-discovery-ranking-item__visit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    border: 1px solid var(--discovery-primary);
    border-radius: var(--discovery-radius);
    background: var(--discovery-primary);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.navsmap-discovery-search button:hover,
.navsmap-discovery-newsletter__form button:hover,
.navsmap-discovery-button:hover,
.navsmap-discovery-ranking-item__visit:hover {
    border-color: var(--discovery-accent);
    background: var(--discovery-accent);
    color: #ffffff !important;
    transform: translateY(-4px);
}

.navsmap-discovery-search__button-icon {
    display: none;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #ffffff;
}

.navsmap-discovery-search__button-icon svg {
    width: 18px;
    height: 18px;
}

.navsmap-discovery-keywords {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 24px auto 0;
}

.navsmap-discovery-keywords a,
.navsmap-discovery-pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    color: var(--discovery-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.navsmap-discovery-keywords a {
    transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.navsmap-discovery-keywords a:hover {
    border-color: var(--discovery-accent);
    color: var(--discovery-accent);
    transform: translateY(-4px);
}

.navsmap-discovery-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin: 32px auto 0;
    color: var(--discovery-muted);
    font-size: 14px;
}

.navsmap-discovery-stats strong {
    color: var(--discovery-primary);
    font-weight: 800;
}

.navsmap-discovery-section {
    padding: 96px 0;
    background: #ffffff;
}

.navsmap-discovery-section.is-muted,
.navsmap-discovery-newsletter {
    background: var(--discovery-bg-secondary);
}

.navsmap-discovery-section__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}

.navsmap-discovery-section__head h2,
.navsmap-discovery-newsletter h2 {
    margin: 0;
    color: var(--discovery-primary);
    font-size: 40px;
    font-weight: 800;
    line-height: 1.15;
}

.navsmap-discovery-section__head > a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    color: var(--discovery-muted);
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.navsmap-discovery-section__head > a:hover {
    border-color: var(--discovery-accent);
    color: var(--discovery-accent);
    transform: translateY(-4px);
}

.navsmap-discovery-tool-grid,
.navsmap-discovery-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.navsmap-discovery-tool-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 260px;
    padding: 20px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.navsmap-discovery-tool-card:hover {
    border-color: var(--discovery-accent);
    transform: translateY(-4px);
}

.navsmap-discovery-tool-card__main {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
}

.navsmap-discovery-tool-card__logo,
.navsmap-discovery-ranking-item__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    color: var(--discovery-primary);
    font-size: 13px;
    font-weight: 800;
}

.navsmap-discovery-tool-card__logo img,
.navsmap-discovery-ranking-item__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navsmap-discovery-tool-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.navsmap-discovery-tool-card__title {
    overflow: hidden;
    color: var(--discovery-primary);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-discovery-tool-card__desc {
    display: -webkit-box;
    min-height: 46px;
    margin-top: 8px;
    overflow: hidden;
    color: var(--discovery-muted);
    font-size: 14px;
    line-height: 1.6;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.navsmap-discovery-tool-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.navsmap-discovery-pill.is-price {
    color: var(--discovery-primary);
}

.navsmap-discovery-tool-card__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 24px;
}

.navsmap-discovery-button.is-compact {
    flex: 1 1 auto;
    min-height: 40px;
}

.navsmap-discovery-favorite {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    color: var(--discovery-muted);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.navsmap-discovery-favorite:hover {
    border-color: var(--discovery-accent);
    color: var(--discovery-accent);
    transform: translateY(-4px);
}

.navsmap-discovery-favorite__icon,
.navsmap-discovery-category-card__icon {
    width: 18px;
    height: 18px;
}

.navsmap-discovery-category-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 20px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.navsmap-discovery-category-card:hover {
    border-color: var(--discovery-accent);
    transform: translateY(-4px);
}

.navsmap-discovery-category-card__icon {
    flex: 0 0 20px;
    color: var(--discovery-accent);
}

.navsmap-discovery-category-card span {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.navsmap-discovery-category-card strong {
    color: var(--discovery-primary);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
}

.navsmap-discovery-category-card small {
    margin-top: 4px;
    color: var(--discovery-muted);
    font-size: 14px;
}

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

.navsmap-discovery-pick-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.navsmap-discovery-tool-card.is-flat {
    min-height: 250px;
}

.navsmap-discovery-pick-card > p {
    margin: 0;
    padding: 16px 20px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
    color: var(--discovery-muted);
    font-size: 14px;
    line-height: 1.6;
}

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

.navsmap-discovery-ranking-list {
    padding: 20px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    background: #ffffff;
}

.navsmap-discovery-ranking-list h3 {
    margin: 0 0 16px;
    color: var(--discovery-primary);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
}

.navsmap-discovery-ranking-list__items {
    display: grid;
    gap: 8px;
}

.navsmap-discovery-ranking-item {
    display: grid;
    grid-template-columns: 28px 40px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 64px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: var(--discovery-radius);
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.navsmap-discovery-ranking-item:hover {
    border-color: var(--discovery-border);
    transform: translateY(-4px);
}

.navsmap-discovery-ranking-item__index {
    color: var(--discovery-soft);
    font-size: 12px;
    font-weight: 800;
}

.navsmap-discovery-ranking-item__logo {
    width: 40px;
    height: 40px;
    font-size: 12px;
}

.navsmap-discovery-ranking-item__main {
    min-width: 0;
}

.navsmap-discovery-ranking-item__main strong,
.navsmap-discovery-ranking-item__main small {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navsmap-discovery-ranking-item__main strong {
    color: var(--discovery-primary);
    font-size: 14px;
    font-weight: 800;
}

.navsmap-discovery-ranking-item__main small,
.navsmap-discovery-ranking-item__metric {
    color: var(--discovery-muted);
    font-size: 12px;
    font-weight: 600;
}

.navsmap-discovery-ranking-item__visit {
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
}

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

.navsmap-discovery-tool-card.is-compact-card {
    min-height: 230px;
}

.navsmap-discovery-newsletter {
    padding: 96px 0;
}

.navsmap-discovery-newsletter__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
    align-items: center;
    gap: 48px;
}

.navsmap-discovery-newsletter__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.navsmap-discovery-newsletter__form label {
    min-width: 0;
}

.navsmap-discovery-newsletter__form input {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid var(--discovery-border);
    border-radius: var(--discovery-radius);
    outline: 0;
    background: #ffffff;
    color: var(--discovery-primary);
    font: inherit;
    font-size: 16px;
}

.navsmap-discovery-newsletter__form input:focus {
    border-color: var(--discovery-accent);
}

.navsmap-discovery-footer {
    padding: 48px 0;
    border-top: 1px solid var(--discovery-border);
    background: #ffffff;
}

.navsmap-discovery-footer__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 48px;
}

.navsmap-discovery-footer p {
    max-width: 460px;
    margin: 16px 0 0;
    color: var(--discovery-muted);
    font-size: 14px;
    line-height: 1.6;
}

.navsmap-discovery-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 16px 24px;
    color: var(--discovery-muted);
    font-size: 14px;
    font-weight: 600;
}

.navsmap-discovery-footer nav a:hover {
    color: var(--discovery-accent);
}

@media (max-width: 1199px) {
    .navsmap-discovery-container {
        width: calc(100% - 64px);
    }

    .navsmap-discovery-tool-grid,
    .navsmap-discovery-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .navsmap-discovery-ranking-grid,
    .navsmap-discovery-latest-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .navsmap-discovery-header__inner {
        min-height: 64px;
    }

    .navsmap-discovery-nav {
        display: none;
    }

    .navsmap-discovery-hero {
        padding: 64px 0;
    }

    .navsmap-discovery-hero h1 {
        font-size: 40px;
    }

    .navsmap-discovery-section {
        padding: 64px 0;
    }

    .navsmap-discovery-section__head {
        align-items: start;
        flex-direction: column;
    }

    .navsmap-discovery-section__head h2,
    .navsmap-discovery-newsletter h2 {
        font-size: 30px;
    }

    .navsmap-discovery-picks,
    .navsmap-discovery-newsletter__inner,
    .navsmap-discovery-footer__inner {
        grid-template-columns: 1fr;
    }

    .navsmap-discovery-newsletter__form {
        grid-template-columns: 1fr;
    }

    .navsmap-discovery-footer nav {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .navsmap-discovery-container {
        width: calc(100% - 32px);
    }

    .navsmap-discovery-search {
        grid-template-columns: minmax(0, 1fr) 56px;
        height: 64px;
        gap: 0;
        padding: 7px;
    }

    .navsmap-discovery-search__field {
        height: 48px;
        padding: 0 12px;
    }

    .navsmap-discovery-search__icon {
        display: none;
    }

    .navsmap-discovery-search input {
        flex-basis: auto;
    }

    .navsmap-discovery-search button {
        width: 56px;
        min-width: 0;
        height: 48px;
        padding: 0;
    }

    .navsmap-discovery-search button span:not(.navsmap-discovery-search__button-icon) {
        display: none;
    }

    .navsmap-discovery-search button .navsmap-discovery-search__button-icon {
        display: inline-flex;
    }

    .navsmap-discovery-tool-grid,
    .navsmap-discovery-latest-grid {
        grid-template-columns: 1fr;
    }

    .navsmap-discovery-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .navsmap-discovery-category-card {
        align-items: flex-start;
        flex-direction: column;
        min-height: 116px;
        padding: 16px;
    }

    .navsmap-discovery-ranking-item {
        grid-template-columns: 24px 40px minmax(0, 1fr) auto;
    }

    .navsmap-discovery-ranking-item__metric {
        display: none;
    }
}