@media (min-width: 640px) {
	.np-container { padding-inline: 1.25rem; }
	.np-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.post-card { grid-template-columns: minmax(13rem, 0.8fr) minmax(0, 1.2fr); align-items: start; }
	.site-footer__inner { grid-template-columns: 1.2fr .8fr; align-items: start; }
}

@media (min-width: 768px) {
	.np-container { padding-inline: 1.25rem; }
	.np-theme-logo { width: 18rem; }
	.np-top-navigation { display: block; }
	.np-main-header__inner { min-height: 4.25rem; }
	.custom-logo { max-width: 17rem; max-height: 3.75rem; }
	.np-header-ad { display: block; }
	.np-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.site-main { padding-block-start: var(--np-space-10); }
}

@media (min-width: 1024px) {
	.np-container { padding-inline: 1.5rem; }
	.np-sticky-header { position: sticky; top: 0; }
	.np-main-header__inner { min-height: 5rem; }
	.custom-logo { max-height: 3.75rem; }
	.np-mobile-actions { display: none; }
	.np-primary-nav__inner { min-height: 2.875rem; }
	.np-sticky-brand { display: block; width: 0; flex: 0 0 auto; align-self: center; margin-right: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: width .18s ease, margin .18s ease, opacity .18s ease; }
	.np-sticky-brand img { display: block; width: 8rem; max-width: none; height: auto; }
	.np-sticky-header.is-stuck .np-sticky-brand { width: 8rem; margin-right: 1rem; opacity: 1; visibility: visible; }
	.np-primary-nav { position: static; display: block; flex: 1; width: auto; max-height: none; overflow: visible; border: 0; box-shadow: none; }
	.np-primary-menu { display: flex; width: max-content; min-width: 100%; height: 100%; gap: clamp(var(--np-space-3), 1.5vw, var(--np-space-5)); padding: 0; }
	.np-primary-menu > li { position: relative; display: flex; align-items: stretch; border: 0; }
	.np-primary-menu > li > a { display: flex; align-items: center; padding: 0; border-bottom: 3px solid transparent; font-size: clamp(0.75rem, 1vw, 0.875rem); white-space: nowrap; }
	.np-primary-menu > li:hover > a, .np-primary-menu > li:focus-within > a, .np-primary-menu > .current-menu-item > a, .np-primary-menu > .current-menu-parent > a, .np-primary-menu > .current-category-ancestor > a { border-bottom-color: var(--np-nav-active,var(--np-color-primary)); color: var(--np-nav-active,var(--np-color-primary)); }
	.np-primary-menu .sub-menu { position: absolute; z-index: 120; top: 100%; left: 0; display: block; min-width: 13rem; max-width: min(20rem, calc(100vw - 2rem)); margin: 0; padding: var(--np-space-2) 0; border: 1px solid var(--np-color-border); border-radius: 0 0 var(--np-radius-md) var(--np-radius-md); background: var(--np-color-background); box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 10%); opacity: 0; visibility: hidden; transform: translateY(0.35rem); transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease; }
	.np-primary-menu .sub-menu { color: var(--np-color-text); }
	.np-primary-menu > li:last-child .sub-menu, .np-primary-menu > li:nth-last-child(2) .sub-menu { right: 0; left: auto; }
	.np-primary-menu li:hover > .sub-menu, .np-primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
	.np-primary-menu .sub-menu a { padding: var(--np-space-2) var(--np-space-4); white-space: normal; }
	.np-primary-menu .sub-menu a:hover, .np-primary-menu .sub-menu a:focus-visible { background: var(--np-color-surface); }
	.np-submenu-toggle { display: none; }
	.np-desktop-search-toggle { display: grid; align-self: center; margin-left: var(--np-space-3); }
	.np-primary-nav__inner > .np-desktop-search-toggle { color: var(--np-nav-text,#171717); }
	.np-search-panel__inner { padding-block: var(--np-space-4); }
	.np-search-form { max-width: 48rem; margin-inline: auto 0; }
	.post-card { grid-template-columns: 20rem minmax(0, 1fr); }
	.site-footer__inner { grid-template-columns: 1.2fr .8fr 1fr; gap: 3.5rem; }
}

@media (max-width: 767px) {
	.np-topbar__inner { justify-content: center; }
	.np-header-ad { display: none; }
	.site-description { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}