.np-component,
.np-ui,
.np-panel,
.np-surface,
.np-box,
.np-frame,
.np-block {
    position: relative;
    min-width: 0;
    color: var(--np-color-text, #334155);
}

.np-component,
.np-panel,
.np-surface,
.np-box,
.np-frame {
    background: var(--np-color-surface, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: var(--np-radius-xl, 1.25rem);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-component.is-soft,
.np-panel.is-soft,
.np-surface.is-soft,
.np-box.is-soft,
.np-frame.is-soft {
    background: var(--np-color-surface-muted, #f1f5f9);
}

.np-component.is-white,
.np-panel.is-white,
.np-surface.is-white,
.np-box.is-white,
.np-frame.is-white {
    background: var(--np-color-white, #ffffff);
}

.np-component.is-transparent,
.np-panel.is-transparent,
.np-surface.is-transparent,
.np-box.is-transparent,
.np-frame.is-transparent {
    background: transparent;
}

.np-component.is-glass,
.np-panel.is-glass,
.np-surface.is-glass,
.np-box.is-glass,
.np-frame.is-glass {
    background: var(--np-glass-background, rgba(255, 255, 255, 0.76));
    border-color: var(--np-glass-border-color, rgba(203, 213, 225, 0.62));
    box-shadow: var(--np-glass-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    backdrop-filter: var(--np-glass-backdrop-filter, blur(16px));
}

.np-component.is-dark,
.np-panel.is-dark,
.np-surface.is-dark,
.np-box.is-dark,
.np-frame.is-dark {
    background: var(--np-color-heading, #0f172a);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

.np-component.is-borderless,
.np-panel.is-borderless,
.np-surface.is-borderless,
.np-box.is-borderless,
.np-frame.is-borderless {
    border-color: transparent;
}

.np-component.is-flat,
.np-panel.is-flat,
.np-surface.is-flat,
.np-box.is-flat,
.np-frame.is-flat {
    box-shadow: none;
}

.np-component.is-raised,
.np-panel.is-raised,
.np-surface.is-raised,
.np-box.is-raised,
.np-frame.is-raised {
    box-shadow: var(--np-shadow-md, 0 14px 38px rgba(15, 23, 42, 0.1));
}

.np-component.is-rounded-sm,
.np-panel.is-rounded-sm,
.np-surface.is-rounded-sm,
.np-box.is-rounded-sm,
.np-frame.is-rounded-sm {
    border-radius: var(--np-radius-md, 0.75rem);
}

.np-component.is-rounded-lg,
.np-panel.is-rounded-lg,
.np-surface.is-rounded-lg,
.np-box.is-rounded-lg,
.np-frame.is-rounded-lg {
    border-radius: var(--np-radius-2xl, 1.5rem);
}

.np-component.is-rounded-full,
.np-panel.is-rounded-full,
.np-surface.is-rounded-full,
.np-box.is-rounded-full,
.np-frame.is-rounded-full {
    border-radius: var(--np-radius-pill, 999px);
}

.np-component.is-clickable,
.np-panel.is-clickable,
.np-surface.is-clickable,
.np-box.is-clickable,
.np-frame.is-clickable,
a.np-component,
a.np-panel,
a.np-surface,
a.np-box,
a.np-frame,
button.np-component,
button.np-panel,
button.np-surface,
button.np-box,
button.np-frame {
    cursor: pointer;
    transition:
        transform var(--np-transition-fast, 160ms ease),
        border-color var(--np-transition-fast, 160ms ease),
        box-shadow var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        color var(--np-transition-fast, 160ms ease);
}

a.np-component,
a.np-panel,
a.np-surface,
a.np-box,
a.np-frame {
    color: inherit;
    text-decoration: none;
}

button.np-component,
button.np-panel,
button.np-surface,
button.np-box,
button.np-frame {
    width: 100%;
    padding: 0;
    appearance: none;
    font: inherit;
    text-align: inherit;
}

.np-component.is-clickable:hover,
.np-component.is-clickable:focus,
.np-panel.is-clickable:hover,
.np-panel.is-clickable:focus,
.np-surface.is-clickable:hover,
.np-surface.is-clickable:focus,
.np-box.is-clickable:hover,
.np-box.is-clickable:focus,
.np-frame.is-clickable:hover,
.np-frame.is-clickable:focus,
a.np-component:hover,
a.np-component:focus,
a.np-panel:hover,
a.np-panel:focus,
a.np-surface:hover,
a.np-surface:focus,
a.np-box:hover,
a.np-box:focus,
a.np-frame:hover,
a.np-frame:focus,
button.np-component:hover,
button.np-component:focus,
button.np-panel:hover,
button.np-panel:focus,
button.np-surface:hover,
button.np-surface:focus,
button.np-box:hover,
button.np-box:focus,
button.np-frame:hover,
button.np-frame:focus {
    transform: translateY(-3px);
    border-color: var(--np-color-primary-subtle, #e0e7ff);
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
    text-decoration: none;
}

.np-component.is-clickable:active,
.np-panel.is-clickable:active,
.np-surface.is-clickable:active,
.np-box.is-clickable:active,
.np-frame.is-clickable:active,
a.np-component:active,
a.np-panel:active,
a.np-surface:active,
a.np-box:active,
a.np-frame:active,
button.np-component:active,
button.np-panel:active,
button.np-surface:active,
button.np-box:active,
button.np-frame:active {
    transform: translateY(0);
}

.np-component-inner,
.np-panel-inner,
.np-surface-inner,
.np-box-inner,
.np-frame-inner {
    position: relative;
    z-index: var(--np-z-index-content, 10);
    min-width: 0;
}

.np-component-header,
.np-panel-header,
.np-surface-header,
.np-box-header,
.np-frame-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--np-spacing-md, 1rem);
    min-width: 0;
    padding: var(--np-component-header-padding, 1.25rem 1.25rem 0);
}

.np-component-body,
.np-panel-body,
.np-surface-body,
.np-box-body,
.np-frame-body {
    display: grid;
    gap: var(--np-component-body-gap, 1rem);
    min-width: 0;
    padding: var(--np-component-body-padding, 1.25rem);
}

.np-component-footer,
.np-panel-footer,
.np-surface-footer,
.np-box-footer,
.np-frame-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--np-spacing-sm, 0.75rem);
    min-width: 0;
    padding: var(--np-component-footer-padding, 0 1.25rem 1.25rem);
}

.np-component-header.is-border,
.np-panel-header.is-border,
.np-surface-header.is-border,
.np-box-header.is-border,
.np-frame-header.is-border {
    padding-block-end: var(--np-spacing-md, 1rem);
    border-block-end: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-component-footer.is-border,
.np-panel-footer.is-border,
.np-surface-footer.is-border,
.np-box-footer.is-border,
.np-frame-footer.is-border {
    padding-block-start: var(--np-spacing-md, 1rem);
    border-block-start: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-component-title,
.np-panel-title,
.np-surface-title,
.np-box-title,
.np-frame-title,
.np-section-title,
.np-block-title {
    margin: 0;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-component-title-size, 1.25rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
    letter-spacing: var(--np-letter-spacing-tight, -0.02em);
}

.np-component-description,
.np-panel-description,
.np-surface-description,
.np-box-description,
.np-frame-description,
.np-section-description,
.np-block-description {
    margin: var(--np-spacing-xs, 0.5rem) 0 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-component-actions,
.np-panel-actions,
.np-surface-actions,
.np-box-actions,
.np-frame-actions,
.np-section-actions,
.np-block-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--np-spacing-sm, 0.75rem);
    min-width: 0;
}

.np-component-actions.is-start,
.np-panel-actions.is-start,
.np-surface-actions.is-start,
.np-box-actions.is-start,
.np-frame-actions.is-start,
.np-section-actions.is-start,
.np-block-actions.is-start {
    justify-content: flex-start;
}

.np-component-actions.is-center,
.np-panel-actions.is-center,
.np-surface-actions.is-center,
.np-box-actions.is-center,
.np-frame-actions.is-center,
.np-section-actions.is-center,
.np-block-actions.is-center {
    justify-content: center;
}

.np-component-actions.is-between,
.np-panel-actions.is-between,
.np-surface-actions.is-between,
.np-box-actions.is-between,
.np-frame-actions.is-between,
.np-section-actions.is-between,
.np-block-actions.is-between {
    justify-content: space-between;
}

.np-component-actions.is-stack,
.np-panel-actions.is-stack,
.np-surface-actions.is-stack,
.np-box-actions.is-stack,
.np-frame-actions.is-stack,
.np-section-actions.is-stack,
.np-block-actions.is-stack {
    align-items: stretch;
    flex-direction: column;
}

.np-component-actions.is-stack > *,
.np-panel-actions.is-stack > *,
.np-surface-actions.is-stack > *,
.np-box-actions.is-stack > *,
.np-frame-actions.is-stack > *,
.np-section-actions.is-stack > *,
.np-block-actions.is-stack > * {
    width: 100%;
}

.np-stack {
    display: grid;
    gap: var(--np-stack-gap, 1rem);
    min-width: 0;
}

.np-stack.is-xs {
    --np-stack-gap: var(--np-spacing-xs, 0.5rem);
}

.np-stack.is-sm {
    --np-stack-gap: var(--np-spacing-sm, 0.75rem);
}

.np-stack.is-md {
    --np-stack-gap: var(--np-spacing-md, 1rem);
}

.np-stack.is-lg {
    --np-stack-gap: var(--np-spacing-lg, 1.5rem);
}

.np-stack.is-xl {
    --np-stack-gap: var(--np-spacing-xl, 2rem);
}

.np-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-cluster-gap, 0.75rem);
    min-width: 0;
}

.np-cluster.is-start {
    justify-content: flex-start;
}

.np-cluster.is-center {
    justify-content: center;
}

.np-cluster.is-end {
    justify-content: flex-end;
}

.np-cluster.is-between {
    justify-content: space-between;
}

.np-cluster.is-nowrap {
    flex-wrap: nowrap;
}

.np-cluster.is-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: var(--np-container-padding, 1rem);
    -webkit-overflow-scrolling: touch;
}

.np-cluster.is-scroll > * {
    flex: 0 0 auto;
}

.np-sidebar-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, var(--np-sidebar-width, 320px));
    gap: var(--np-sidebar-layout-gap, 2rem);
    align-items: start;
    min-width: 0;
}

[dir="rtl"] .np-sidebar-layout,
.rtl .np-sidebar-layout {
    grid-template-columns: minmax(260px, var(--np-sidebar-width, 320px)) minmax(0, 1fr);
}

.np-sidebar-layout.is-reverse {
    grid-template-columns: minmax(260px, var(--np-sidebar-width, 320px)) minmax(0, 1fr);
}

[dir="rtl"] .np-sidebar-layout.is-reverse,
.rtl .np-sidebar-layout.is-reverse {
    grid-template-columns: minmax(0, 1fr) minmax(260px, var(--np-sidebar-width, 320px));
}

.np-sidebar-main,
.np-sidebar-aside {
    min-width: 0;
}

.np-sidebar-aside.is-sticky {
    position: sticky;
    inset-block-start: calc(var(--np-admin-offset, 0px) + var(--np-sticky-offset, 6rem));
}

.np-media,
.np-media-frame,
.np-image-frame,
.np-video-frame,
.np-embed-frame {
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 0;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-xl, 1.25rem);
}

.np-media img,
.np-media-frame img,
.np-image-frame img,
.np-video-frame img,
.np-embed-frame img,
.np-media video,
.np-media-frame video,
.np-video-frame video,
.np-media iframe,
.np-embed-frame iframe {
    display: block;
    width: 100%;
}

.np-media img,
.np-media-frame img,
.np-image-frame img,
.np-video-frame img,
.np-embed-frame img {
    height: auto;
}

.np-media.is-cover,
.np-media-frame.is-cover,
.np-image-frame.is-cover,
.np-video-frame.is-cover,
.np-embed-frame.is-cover {
    aspect-ratio: var(--np-media-aspect-ratio, 16 / 10);
}

.np-media.is-cover img,
.np-media-frame.is-cover img,
.np-image-frame.is-cover img,
.np-video-frame.is-cover img,
.np-embed-frame.is-cover img,
.np-media.is-cover video,
.np-media-frame.is-cover video,
.np-video-frame.is-cover video,
.np-media.is-cover iframe,
.np-embed-frame.is-cover iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.np-media.is-contain img,
.np-media-frame.is-contain img,
.np-image-frame.is-contain img,
.np-video-frame.is-contain img,
.np-embed-frame.is-contain img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.np-ratio {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.np-ratio::before {
    display: block;
    padding-block-start: var(--np-ratio-value, 56.25%);
    content: "";
}

.np-ratio > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.np-ratio.is-1x1 {
    --np-ratio-value: 100%;
}

.np-ratio.is-4x3 {
    --np-ratio-value: 75%;
}

.np-ratio.is-3x2 {
    --np-ratio-value: 66.6667%;
}

.np-ratio.is-16x9 {
    --np-ratio-value: 56.25%;
}

.np-ratio.is-21x9 {
    --np-ratio-value: 42.8571%;
}

.np-overlay,
.np-media-overlay,
.np-content-overlay {
    position: absolute;
    inset: 0;
    z-index: var(--np-z-index-content, 10);
    pointer-events: none;
}

.np-overlay.is-gradient,
.np-media-overlay.is-gradient,
.np-content-overlay.is-gradient {
    background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.68) 100%);
}

.np-overlay.is-soft,
.np-media-overlay.is-soft,
.np-content-overlay.is-soft {
    background: rgba(15, 23, 42, 0.24);
}

.np-overlay-content {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: calc(var(--np-z-index-content, 10) + 1);
    padding: var(--np-overlay-content-padding, 1.25rem);
    color: var(--np-color-white, #ffffff);
    pointer-events: auto;
}

.np-divider,
.np-separator {
    display: block;
    width: 100%;
    height: var(--np-divider-size, 1px);
    margin-block: var(--np-divider-margin, 1.5rem);
    background: var(--np-color-border-soft, #e2e8f0);
    border: 0;
}

.np-divider.is-vertical,
.np-separator.is-vertical {
    width: var(--np-divider-size, 1px);
    height: auto;
    min-height: var(--np-divider-vertical-height, 2rem);
    margin-block: 0;
    margin-inline: var(--np-divider-margin, 1.5rem);
}

.np-divider.is-gradient,
.np-separator.is-gradient {
    height: var(--np-divider-gradient-size, 2px);
    background: var(--np-gradient-primary, linear-gradient(135deg, #4f46e5 0%, #38bdf8 100%));
    border-radius: var(--np-radius-pill, 999px);
}

.np-icon-box,
.np-icon-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-icon-box-size, 3rem);
    min-width: var(--np-icon-box-size, 3rem);
    height: var(--np-icon-box-size, 3rem);
    background: var(--np-icon-box-background, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-icon-box-border-color, #e0e7ff);
    border-radius: var(--np-icon-box-radius, 1rem);
    color: var(--np-icon-box-color, #4f46e5);
    font-size: var(--np-icon-box-font-size, 1.25rem);
    line-height: 1;
}

.np-icon-box svg,
.np-icon-frame svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-icon-box.is-circle,
.np-icon-frame.is-circle {
    border-radius: var(--np-radius-circle, 50%);
}

.np-icon-box.is-primary,
.np-icon-frame.is-primary {
    background: var(--np-color-primary-soft, #eef2ff);
    border-color: var(--np-color-primary-subtle, #e0e7ff);
    color: var(--np-color-primary, #4f46e5);
}

.np-icon-box.is-sky,
.np-icon-frame.is-sky {
    background: var(--np-color-sky-soft, #e0f2fe);
    border-color: var(--np-color-sky-subtle, #bae6fd);
    color: var(--np-color-sky-active, #0284c7);
}

.np-icon-box.is-teal,
.np-icon-frame.is-teal {
    background: var(--np-color-teal-soft, #ccfbf1);
    border-color: var(--np-color-teal-subtle, #99f6e4);
    color: var(--np-color-teal-active, #0f766e);
}

.np-icon-box.is-lime,
.np-icon-frame.is-lime {
    background: var(--np-color-lime-soft, #ecfccb);
    border-color: var(--np-color-lime-subtle, #d9f99d);
    color: var(--np-color-lime-active, #65a30d);
}

.np-icon-box.is-success,
.np-icon-frame.is-success {
    background: var(--np-color-success-soft, #dcfce7);
    border-color: rgba(22, 163, 74, 0.22);
    color: var(--np-color-success, #16a34a);
}

.np-icon-box.is-danger,
.np-icon-frame.is-danger {
    background: var(--np-color-danger-soft, #fee2e2);
    border-color: rgba(220, 38, 38, 0.22);
    color: var(--np-color-danger, #dc2626);
}

.np-icon-box.is-warning,
.np-icon-frame.is-warning {
    background: var(--np-color-warning-soft, #fef3c7);
    border-color: rgba(245, 158, 11, 0.22);
    color: var(--np-color-warning-hover, #d97706);
}

.np-icon-box.is-info,
.np-icon-frame.is-info {
    background: var(--np-color-info-soft, #dbeafe);
    border-color: rgba(37, 99, 235, 0.22);
    color: var(--np-color-info, #2563eb);
}

.np-icon-box.is-gradient,
.np-icon-frame.is-gradient {
    background: var(--np-gradient-primary, linear-gradient(135deg, #4f46e5 0%, #38bdf8 100%));
    border-color: transparent;
    color: var(--np-color-white, #ffffff);
}

.np-meta,
.np-post-meta,
.np-entry-meta,
.np-card-meta,
.np-product-meta,
.np-author-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-meta-gap-y, 0.375rem) var(--np-meta-gap-x, 0.75rem);
    min-width: 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-meta-font-size, 0.875rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-meta-item,
.np-post-meta-item,
.np-entry-meta-item,
.np-card-meta-item,
.np-product-meta-item,
.np-author-meta-item {
    display: inline-flex;
    align-items: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: 0;
}

.np-meta-item svg,
.np-post-meta-item svg,
.np-entry-meta-item svg,
.np-card-meta-item svg,
.np-product-meta-item svg,
.np-author-meta-item svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-meta a,
.np-post-meta a,
.np-entry-meta a,
.np-card-meta a,
.np-product-meta a,
.np-author-meta a {
    color: inherit;
    text-decoration: none;
}

.np-meta a:hover,
.np-meta a:focus,
.np-post-meta a:hover,
.np-post-meta a:focus,
.np-entry-meta a:hover,
.np-entry-meta a:focus,
.np-card-meta a:hover,
.np-card-meta a:focus,
.np-product-meta a:hover,
.np-product-meta a:focus,
.np-author-meta a:hover,
.np-author-meta a:focus {
    color: var(--np-color-primary, #4f46e5);
    text-decoration: none;
}

.np-meta.is-separated .np-meta-item:not(:last-child)::after,
.np-post-meta.is-separated .np-post-meta-item:not(:last-child)::after,
.np-entry-meta.is-separated .np-entry-meta-item:not(:last-child)::after,
.np-card-meta.is-separated .np-card-meta-item:not(:last-child)::after,
.np-product-meta.is-separated .np-product-meta-item:not(:last-child)::after,
.np-author-meta.is-separated .np-author-meta-item:not(:last-child)::after {
    display: inline-flex;
    width: 0.25rem;
    min-width: 0.25rem;
    height: 0.25rem;
    margin-inline-start: var(--np-spacing-xs, 0.5rem);
    background: currentColor;
    border-radius: var(--np-radius-circle, 50%);
    opacity: 0.38;
    content: "";
}

.np-inline-list,
.np-term-list,
.np-link-list,
.np-action-list,
.np-social-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-inline-list-gap, 0.5rem);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-inline-list li,
.np-term-list li,
.np-link-list li,
.np-action-list li,
.np-social-list li {
    margin: 0;
    padding: 0;
}

.np-term-list-label,
.np-link-list-label,
.np-action-list-label,
.np-social-list-label {
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-term-list-inner,
.np-link-list-inner,
.np-action-list-inner,
.np-social-list-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-inline-list-gap, 0.5rem);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-share-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-share-links-gap, 0.75rem);
    min-width: 0;
}

.np-share-links-title {
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-share-links-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-share-links-item {
    margin: 0;
    padding: 0;
}

.np-share-links-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: var(--np-share-link-size, 2.25rem);
    min-height: var(--np-share-link-size, 2.25rem);
    padding-inline: var(--np-spacing-sm, 0.75rem);
    background: var(--np-color-surface, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-color-text, #334155);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: 1;
    text-decoration: none;
    transition:
        transform var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        border-color var(--np-transition-fast, 160ms ease),
        color var(--np-transition-fast, 160ms ease);
}

.np-share-links-link:hover,
.np-share-links-link:focus {
    transform: translateY(-2px);
    background: var(--np-color-primary, #4f46e5);
    border-color: var(--np-color-primary, #4f46e5);
    color: var(--np-color-white, #ffffff);
    text-decoration: none;
}

.np-share-links-link svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-page-header,
.np-archive-header,
.np-search-header,
.np-entry-header-main,
.np-section-header {
    position: relative;
    display: grid;
    gap: var(--np-page-header-gap, 0.75rem);
    min-width: 0;
}

.np-page-header.is-center,
.np-archive-header.is-center,
.np-search-header.is-center,
.np-entry-header-main.is-center,
.np-section-header.is-center {
    justify-items: center;
    text-align: center;
}

.np-page-header.is-end,
.np-archive-header.is-end,
.np-search-header.is-end,
.np-entry-header-main.is-end,
.np-section-header.is-end {
    justify-items: end;
    text-align: end;
}

.np-page-kicker,
.np-section-kicker,
.np-archive-kicker,
.np-search-kicker {
    display: inline-flex;
    align-items: center;
    gap: var(--np-spacing-xs, 0.5rem);
    width: fit-content;
    max-width: 100%;
    min-height: 1.75rem;
    padding-inline: var(--np-spacing-sm, 0.75rem);
    background: var(--np-color-primary-soft, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-color-primary-subtle, #e0e7ff);
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-color-primary, #4f46e5);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-xs, 0.75rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-page-title,
.np-archive-title,
.np-search-title,
.np-entry-title-main,
.np-section-heading {
    margin: 0;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-display, var(--np-font-heading, Tahoma, Arial, sans-serif));
    font-size: var(--np-page-title-size, clamp(2rem, 5vw, 4rem));
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.15);
    letter-spacing: var(--np-letter-spacing-tight, -0.04em);
}

.np-page-description,
.np-archive-description,
.np-search-description,
.np-entry-description-main,
.np-section-lead {
    max-width: var(--np-readable-width, 720px);
    margin: 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-page-description-size, 1.125rem);
    line-height: var(--np-line-height-relaxed, 1.9);
}

.np-empty-state,
.np-content-none,
.np-content-404,
.np-no-results,
.np-placeholder-state {
    display: grid;
    justify-items: center;
    gap: var(--np-empty-state-gap, 1rem);
    width: 100%;
    max-width: var(--np-empty-state-width, 720px);
    margin-inline: auto;
    padding: var(--np-empty-state-padding, clamp(2rem, 5vw, 4rem));
    background: var(--np-color-surface, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: var(--np-radius-2xl, 1.5rem);
    color: var(--np-color-text, #334155);
    text-align: center;
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.np-empty-state-icon,
.np-content-none-icon,
.np-content-404-icon,
.np-no-results-icon,
.np-placeholder-state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-empty-state-icon-size, 4rem);
    min-width: var(--np-empty-state-icon-size, 4rem);
    height: var(--np-empty-state-icon-size, 4rem);
    background: var(--np-color-primary-soft, #eef2ff);
    border-radius: var(--np-radius-2xl, 1.5rem);
    color: var(--np-color-primary, #4f46e5);
    font-size: 1.75rem;
    line-height: 1;
}

.np-empty-state-icon svg,
.np-content-none-icon svg,
.np-content-404-icon svg,
.np-no-results-icon svg,
.np-placeholder-state-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-empty-state-title,
.np-content-none-title,
.np-content-404-title,
.np-no-results-title,
.np-placeholder-state-title {
    margin: 0;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-empty-state-title-size, 1.5rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.np-empty-state-description,
.np-content-none-description,
.np-content-404-description,
.np-no-results-description,
.np-placeholder-state-description {
    max-width: 56ch;
    margin: 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-empty-state-description-size, 1rem);
    line-height: var(--np-line-height-relaxed, 1.9);
}

.np-empty-state-actions,
.np-content-none-actions,
.np-content-404-actions,
.np-no-results-actions,
.np-placeholder-state-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--np-spacing-sm, 0.75rem);
    margin-block-start: var(--np-spacing-sm, 0.75rem);
}

.np-scroll-area {
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.np-scroll-area.is-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.np-scroll-area.is-y {
    overflow-x: hidden;
    overflow-y: auto;
}

.np-scroll-shadow {
    position: relative;
}

.np-scroll-shadow::before,
.np-scroll-shadow::after {
    position: sticky;
    z-index: var(--np-z-index-content, 10);
    display: block;
    height: 1px;
    pointer-events: none;
    content: "";
}

.np-scroll-shadow::before {
    inset-block-start: 0;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.np-scroll-shadow::after {
    inset-block-end: 0;
    box-shadow: 0 -12px 24px rgba(15, 23, 42, 0.08);
}

.np-kbd,
kbd.np-kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.5rem;
    padding-inline: 0.375rem;
    background: var(--np-color-surface-muted, #f1f5f9);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-block-end-color: var(--np-color-border, #cbd5e1);
    border-radius: var(--np-radius-sm, 0.5rem);
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-mono, Consolas, Monaco, monospace);
    font-size: 0.75em;
    font-weight: var(--np-font-weight-bold, 700);
    line-height: 1;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.08);
}

.np-code-inline,
code.np-code-inline {
    display: inline;
    padding: 0.125rem 0.375rem;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-sm, 0.5rem);
    color: var(--np-color-primary, #4f46e5);
    font-family: var(--np-font-mono, Consolas, Monaco, monospace);
    font-size: 0.875em;
    line-height: inherit;
}

.np-mark,
mark.np-mark {
    padding: 0.125em 0.25em;
    background: var(--np-color-lime-soft, #ecfccb);
    border-radius: var(--np-radius-sm, 0.5rem);
    color: var(--np-color-heading, #0f172a);
}

.np-back-to-top {
    position: fixed;
    z-index: var(--np-z-index-floating, 900);
    inset-inline-end: var(--np-back-to-top-offset, 1.5rem);
    inset-block-end: var(--np-back-to-top-offset, 1.5rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: var(--np-back-to-top-size, 3rem);
    min-height: var(--np-back-to-top-size, 3rem);
    padding-inline: var(--np-back-to-top-padding-x, 1rem);
    background: var(--np-back-to-top-background, #0f172a);
    border: 0;
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-back-to-top-color, #ffffff);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: 1;
    text-decoration: none;
    box-shadow: var(--np-shadow-md, 0 14px 38px rgba(15, 23, 42, 0.1));
    cursor: pointer;
    transition:
        transform var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        color var(--np-transition-fast, 160ms ease),
        opacity var(--np-transition-fast, 160ms ease),
        visibility var(--np-transition-fast, 160ms ease);
}

[dir="rtl"] .np-back-to-top,
.rtl .np-back-to-top {
    inset-inline-end: auto;
    inset-inline-start: var(--np-back-to-top-offset, 1.5rem);
}

.np-back-to-top:hover,
.np-back-to-top:focus {
    transform: translateY(-3px);
    background: var(--np-color-primary, #4f46e5);
    color: var(--np-color-white, #ffffff);
    text-decoration: none;
}

.np-back-to-top.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.np-back-to-top-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    min-width: 1em;
    height: 1em;
}

.np-back-to-top-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.np-loading-placeholder {
    display: grid;
    place-items: center;
    min-height: var(--np-loading-placeholder-height, 12rem);
    padding: var(--np-spacing-xl, 2rem);
    color: var(--np-color-text-muted, #64748b);
    text-align: center;
}

.np-skip-target {
    scroll-margin-block-start: calc(var(--np-admin-offset, 0px) + var(--np-sticky-offset, 6rem));
}

.np-focus-ring:focus-visible,
.np-component:focus-visible,
.np-panel:focus-visible,
.np-surface:focus-visible,
.np-box:focus-visible,
.np-frame:focus-visible,
.np-back-to-top:focus-visible {
    outline: var(--np-focus-outline-width, 3px) solid var(--np-focus-outline-color, #2dd4bf);
    outline-offset: var(--np-focus-outline-offset, 3px);
}

.widget,
.wp-block-widget,
.np-widget {
    display: grid;
    gap: var(--np-widget-gap, 1rem);
    min-width: 0;
    margin: 0;
    padding: var(--np-widget-padding, 1.25rem);
    background: var(--np-widget-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-widget-border-color, #e2e8f0);
    border-radius: var(--np-widget-radius, 1.25rem);
    color: var(--np-color-text, #334155);
    box-shadow: var(--np-widget-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.widget-title,
.wp-block-heading.widget-title,
.np-widget-title {
    margin: 0;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-widget-title-size, 1.125rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.widget ul,
.wp-block-widget ul,
.np-widget ul {
    display: grid;
    gap: var(--np-widget-list-gap, 0.5rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget li,
.wp-block-widget li,
.np-widget li {
    margin: 0;
    padding: 0;
}

.widget a,
.wp-block-widget a,
.np-widget a {
    color: var(--np-color-text, #334155);
    text-decoration: none;
}

.widget a:hover,
.widget a:focus,
.wp-block-widget a:hover,
.wp-block-widget a:focus,
.np-widget a:hover,
.np-widget a:focus {
    color: var(--np-color-primary, #4f46e5);
    text-decoration: none;
}

.np-section-dark .np-component,
.np-section-dark .np-panel,
.np-section-dark .np-surface,
.np-section-dark .np-box,
.np-section-dark .np-frame,
.np-section-dark .widget,
.np-section-dark .wp-block-widget,
.np-section-dark .np-widget,
.np-layout-dark .np-component,
.np-layout-dark .np-panel,
.np-layout-dark .np-surface,
.np-layout-dark .np-box,
.np-layout-dark .np-frame,
.np-layout-dark .widget,
.np-layout-dark .wp-block-widget,
.np-layout-dark .np-widget {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
    box-shadow: none;
}

.np-section-dark .np-component-title,
.np-section-dark .np-panel-title,
.np-section-dark .np-surface-title,
.np-section-dark .np-box-title,
.np-section-dark .np-frame-title,
.np-section-dark .np-section-title,
.np-section-dark .np-block-title,
.np-section-dark .np-page-title,
.np-section-dark .np-archive-title,
.np-section-dark .np-search-title,
.np-section-dark .np-entry-title-main,
.np-section-dark .np-section-heading,
.np-section-dark .np-empty-state-title,
.np-section-dark .np-content-none-title,
.np-section-dark .np-content-404-title,
.np-section-dark .np-no-results-title,
.np-section-dark .np-placeholder-state-title,
.np-section-dark .np-share-links-title,
.np-section-dark .widget-title,
.np-section-dark .np-widget-title,
.np-layout-dark .np-component-title,
.np-layout-dark .np-panel-title,
.np-layout-dark .np-surface-title,
.np-layout-dark .np-box-title,
.np-layout-dark .np-frame-title,
.np-layout-dark .np-section-title,
.np-layout-dark .np-block-title,
.np-layout-dark .np-page-title,
.np-layout-dark .np-archive-title,
.np-layout-dark .np-search-title,
.np-layout-dark .np-entry-title-main,
.np-layout-dark .np-section-heading,
.np-layout-dark .np-empty-state-title,
.np-layout-dark .np-content-none-title,
.np-layout-dark .np-content-404-title,
.np-layout-dark .np-no-results-title,
.np-layout-dark .np-placeholder-state-title,
.np-layout-dark .np-share-links-title,
.np-layout-dark .widget-title,
.np-layout-dark .np-widget-title {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-component-description,
.np-section-dark .np-panel-description,
.np-section-dark .np-surface-description,
.np-section-dark .np-box-description,
.np-section-dark .np-frame-description,
.np-section-dark .np-section-description,
.np-section-dark .np-block-description,
.np-section-dark .np-page-description,
.np-section-dark .np-archive-description,
.np-section-dark .np-search-description,
.np-section-dark .np-entry-description-main,
.np-section-dark .np-section-lead,
.np-section-dark .np-empty-state-description,
.np-section-dark .np-content-none-description,
.np-section-dark .np-content-404-description,
.np-section-dark .np-no-results-description,
.np-section-dark .np-placeholder-state-description,
.np-section-dark .np-meta,
.np-section-dark .np-post-meta,
.np-section-dark .np-entry-meta,
.np-section-dark .np-card-meta,
.np-section-dark .np-product-meta,
.np-section-dark .np-author-meta,
.np-section-dark .np-term-list-label,
.np-section-dark .np-link-list-label,
.np-section-dark .np-action-list-label,
.np-section-dark .np-social-list-label,
.np-layout-dark .np-component-description,
.np-layout-dark .np-panel-description,
.np-layout-dark .np-surface-description,
.np-layout-dark .np-box-description,
.np-layout-dark .np-frame-description,
.np-layout-dark .np-section-description,
.np-layout-dark .np-block-description,
.np-layout-dark .np-page-description,
.np-layout-dark .np-archive-description,
.np-layout-dark .np-search-description,
.np-layout-dark .np-entry-description-main,
.np-layout-dark .np-section-lead,
.np-layout-dark .np-empty-state-description,
.np-layout-dark .np-content-none-description,
.np-layout-dark .np-content-404-description,
.np-layout-dark .np-no-results-description,
.np-layout-dark .np-placeholder-state-description,
.np-layout-dark .np-meta,
.np-layout-dark .np-post-meta,
.np-layout-dark .np-entry-meta,
.np-layout-dark .np-card-meta,
.np-layout-dark .np-product-meta,
.np-layout-dark .np-author-meta,
.np-layout-dark .np-term-list-label,
.np-layout-dark .np-link-list-label,
.np-layout-dark .np-action-list-label,
.np-layout-dark .np-social-list-label {
    color: rgba(255, 255, 255, 0.68);
}

.np-section-dark .np-divider,
.np-section-dark .np-separator,
.np-section-dark .np-component-header.is-border,
.np-section-dark .np-panel-header.is-border,
.np-section-dark .np-surface-header.is-border,
.np-section-dark .np-box-header.is-border,
.np-section-dark .np-frame-header.is-border,
.np-section-dark .np-component-footer.is-border,
.np-section-dark .np-panel-footer.is-border,
.np-section-dark .np-surface-footer.is-border,
.np-section-dark .np-box-footer.is-border,
.np-section-dark .np-frame-footer.is-border,
.np-layout-dark .np-divider,
.np-layout-dark .np-separator,
.np-layout-dark .np-component-header.is-border,
.np-layout-dark .np-panel-header.is-border,
.np-layout-dark .np-surface-header.is-border,
.np-layout-dark .np-box-header.is-border,
.np-layout-dark .np-frame-header.is-border,
.np-layout-dark .np-component-footer.is-border,
.np-layout-dark .np-panel-footer.is-border,
.np-layout-dark .np-surface-footer.is-border,
.np-layout-dark .np-box-footer.is-border,
.np-layout-dark .np-frame-footer.is-border {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: rgba(255, 255, 255, 0.12);
}

.np-section-dark .np-share-links-link,
.np-section-dark .np-kbd,
.np-section-dark .np-code-inline,
.np-layout-dark .np-share-links-link,
.np-layout-dark .np-kbd,
.np-layout-dark .np-code-inline {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.82);
}

.np-section-dark .np-share-links-link:hover,
.np-section-dark .np-share-links-link:focus,
.np-layout-dark .np-share-links-link:hover,
.np-layout-dark .np-share-links-link:focus {
    background: var(--np-color-white, #ffffff);
    border-color: var(--np-color-white, #ffffff);
    color: var(--np-color-primary, #4f46e5);
}

@media (max-width: 1024px) {
    .np-sidebar-layout,
    .np-sidebar-layout.is-reverse,
    [dir="rtl"] .np-sidebar-layout,
    [dir="rtl"] .np-sidebar-layout.is-reverse,
    .rtl .np-sidebar-layout,
    .rtl .np-sidebar-layout.is-reverse {
        grid-template-columns: minmax(0, 1fr);
    }

    .np-sidebar-aside.is-sticky {
        position: relative;
        inset-block-start: auto;
    }
}

@media (max-width: 782px) {
    .np-component-header,
    .np-panel-header,
    .np-surface-header,
    .np-box-header,
    .np-frame-header {
        display: grid;
        padding: var(--np-component-header-padding-mobile, 1rem 1rem 0);
    }

    .np-component-body,
    .np-panel-body,
    .np-surface-body,
    .np-box-body,
    .np-frame-body {
        padding: var(--np-component-body-padding-mobile, 1rem);
    }

    .np-component-footer,
    .np-panel-footer,
    .np-surface-footer,
    .np-box-footer,
    .np-frame-footer {
        padding: var(--np-component-footer-padding-mobile, 0 1rem 1rem);
    }

    .np-component-actions,
    .np-panel-actions,
    .np-surface-actions,
    .np-box-actions,
    .np-frame-actions,
    .np-section-actions,
    .np-block-actions {
        justify-content: flex-start;
    }

    .np-page-title,
    .np-archive-title,
    .np-search-title,
    .np-entry-title-main,
    .np-section-heading {
        font-size: var(--np-page-title-size-mobile, clamp(1.75rem, 9vw, 3rem));
    }

    .np-page-description,
    .np-archive-description,
    .np-search-description,
    .np-entry-description-main,
    .np-section-lead {
        font-size: var(--np-page-description-size-mobile, 1rem);
    }

    .np-empty-state,
    .np-content-none,
    .np-content-404,
    .np-no-results,
    .np-placeholder-state {
        padding: var(--np-empty-state-padding-mobile, 2rem 1rem);
        border-radius: var(--np-radius-xl, 1.25rem);
    }

    .np-empty-state-icon,
    .np-content-none-icon,
    .np-content-404-icon,
    .np-no-results-icon,
    .np-placeholder-state-icon {
        width: var(--np-empty-state-icon-size-mobile, 3.25rem);
        min-width: var(--np-empty-state-icon-size-mobile, 3.25rem);
        height: var(--np-empty-state-icon-size-mobile, 3.25rem);
        border-radius: var(--np-radius-xl, 1.25rem);
        font-size: 1.5rem;
    }

    .np-empty-state-title,
    .np-content-none-title,
    .np-content-404-title,
    .np-no-results-title,
    .np-placeholder-state-title {
        font-size: var(--np-empty-state-title-size-mobile, 1.25rem);
    }

    .np-empty-state-actions,
    .np-content-none-actions,
    .np-content-404-actions,
    .np-no-results-actions,
    .np-placeholder-state-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .np-empty-state-actions > *,
    .np-content-none-actions > *,
    .np-content-404-actions > *,
    .np-no-results-actions > *,
    .np-placeholder-state-actions > * {
        width: 100%;
    }

    .np-share-links {
        align-items: flex-start;
        flex-direction: column;
    }

    .np-back-to-top {
        inset-inline-end: var(--np-back-to-top-offset-mobile, 1rem);
        inset-block-end: var(--np-back-to-top-offset-mobile, 1rem);
        min-width: var(--np-back-to-top-size-mobile, 2.75rem);
        min-height: var(--np-back-to-top-size-mobile, 2.75rem);
        padding-inline: var(--np-back-to-top-padding-x-mobile, 0.875rem);
    }

    [dir="rtl"] .np-back-to-top,
    .rtl .np-back-to-top {
        inset-inline-end: auto;
        inset-inline-start: var(--np-back-to-top-offset-mobile, 1rem);
    }

    .widget,
    .wp-block-widget,
    .np-widget {
        padding: var(--np-widget-padding-mobile, 1rem);
        border-radius: var(--np-radius-lg, 1rem);
    }
}

@media (max-width: 480px) {
    .np-component,
    .np-panel,
    .np-surface,
    .np-box,
    .np-frame {
        border-radius: var(--np-radius-lg, 1rem);
    }

    .np-component-title,
    .np-panel-title,
    .np-surface-title,
    .np-box-title,
    .np-frame-title,
    .np-section-title,
    .np-block-title {
        font-size: var(--np-component-title-size-small, 1.125rem);
    }

    .np-cluster.is-mobile-stack,
    .np-component-actions.is-mobile-stack,
    .np-panel-actions.is-mobile-stack,
    .np-surface-actions.is-mobile-stack,
    .np-box-actions.is-mobile-stack,
    .np-frame-actions.is-mobile-stack,
    .np-section-actions.is-mobile-stack,
    .np-block-actions.is-mobile-stack {
        align-items: stretch;
        flex-direction: column;
    }

    .np-cluster.is-mobile-stack > *,
    .np-component-actions.is-mobile-stack > *,
    .np-panel-actions.is-mobile-stack > *,
    .np-surface-actions.is-mobile-stack > *,
    .np-box-actions.is-mobile-stack > *,
    .np-frame-actions.is-mobile-stack > *,
    .np-section-actions.is-mobile-stack > *,
    .np-block-actions.is-mobile-stack > * {
        width: 100%;
    }

    .np-empty-state,
    .np-content-none,
    .np-content-404,
    .np-no-results,
    .np-placeholder-state {
        padding: var(--np-empty-state-padding-small, 1.5rem 0.875rem);
        border-radius: var(--np-radius-lg, 1rem);
    }

    .np-back-to-top-text {
        display: none;
    }

    .np-back-to-top {
        width: var(--np-back-to-top-size-small, 2.75rem);
        min-width: var(--np-back-to-top-size-small, 2.75rem);
        height: var(--np-back-to-top-size-small, 2.75rem);
        min-height: var(--np-back-to-top-size-small, 2.75rem);
        padding-inline: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-component,
    .np-panel,
    .np-surface,
    .np-box,
    .np-frame,
    .np-share-links-link,
    .np-back-to-top {
        transition: none !important;
    }

    .np-component.is-clickable:hover,
    .np-component.is-clickable:focus,
    .np-panel.is-clickable:hover,
    .np-panel.is-clickable:focus,
    .np-surface.is-clickable:hover,
    .np-surface.is-clickable:focus,
    .np-box.is-clickable:hover,
    .np-box.is-clickable:focus,
    .np-frame.is-clickable:hover,
    .np-frame.is-clickable:focus,
    a.np-component:hover,
    a.np-component:focus,
    a.np-panel:hover,
    a.np-panel:focus,
    a.np-surface:hover,
    a.np-surface:focus,
    a.np-box:hover,
    a.np-box:focus,
    a.np-frame:hover,
    a.np-frame:focus,
    button.np-component:hover,
    button.np-component:focus,
    button.np-panel:hover,
    button.np-panel:focus,
    button.np-surface:hover,
    button.np-surface:focus,
    button.np-box:hover,
    button.np-box:focus,
    button.np-frame:hover,
    button.np-frame:focus,
    .np-share-links-link:hover,
    .np-share-links-link:focus,
    .np-back-to-top:hover,
    .np-back-to-top:focus {
        transform: none !important;
    }
}

@media print {
    .np-component,
    .np-panel,
    .np-surface,
    .np-box,
    .np-frame,
    .np-empty-state,
    .np-content-none,
    .np-content-404,
    .np-no-results,
    .np-placeholder-state,
    .widget,
    .wp-block-widget,
    .np-widget {
        break-inside: avoid;
        background: #ffffff !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    .np-component-title,
    .np-panel-title,
    .np-surface-title,
    .np-box-title,
    .np-frame-title,
    .np-section-title,
    .np-block-title,
    .np-page-title,
    .np-archive-title,
    .np-search-title,
    .np-entry-title-main,
    .np-section-heading,
    .np-empty-state-title,
    .np-content-none-title,
    .np-content-404-title,
    .np-no-results-title,
    .np-placeholder-state-title,
    .widget-title,
    .np-widget-title {
        color: #000000 !important;
    }

    .np-back-to-top,
    .np-overlay,
    .np-media-overlay,
    .np-content-overlay {
        display: none !important;
    }

    .np-divider,
    .np-separator {
        background: #000000 !important;
    }
}