/* Media values mirror the breakpoint tokens; CSS var() cannot be used in media conditions. */
@media (max-width: 1200px) {
	.xnk-header-inner { gap: 20px; }
	.xnk-brand { font-size: 20px; }
	.primary-menu { gap: 16px; }
	.xnk-header-actions { gap: 8px; }
	.xnk-desktop-compose { padding-inline: 10px; }
}
@media (max-width: 1100px) {
	:root { --xnk-gutter: 20px; --xnk-header-height: 68px; }
	.xnk-header-inner { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; padding-block: 10px; }
	.site-branding { grid-column: 1; grid-row: 1; min-width: 0; }
	.xnk-brand { font-size: 20px; letter-spacing: -0.6px; gap: 8px; }
	.xnk-logo { width: 42px; height: 42px; }
	.xnk-header-actions { grid-column: 2; grid-row: 1; }
	.js .xnk-menu-toggle { display: inline-flex; grid-column: 3; grid-row: 1; }
	.xnk-header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; }
	.xnk-desktop-compose, .xnk-login { display: none; }
	.xnk-navigation { grid-column: 1 / -1; }
	.primary-menu { display: block; }
	.primary-menu a { padding: 14px 12px; }
	.primary-menu ul { display: block; position: static; box-shadow: none; border: 0; padding: 0 0 0 16px; min-width: 0; }
	.xnk-mobile-account { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
	.js .xnk-navigation { display: none; }
	.js .xnk-navigation.is-open {
		display: block; position: fixed; top: 0; bottom: 0; right: 0; z-index: 1002;
		width: min(360px, 100%); max-width: 100vw; padding: 24px;
		background: white; overflow-y: auto; overscroll-behavior: contain; box-shadow: var(--xnk-shadow-popover);
	}
	.js .xnk-menu-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; font-weight: 700; }
	.xnk-menu-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1001; background: rgb(16 36 67 / 30%); }
	body.xnk-menu-open { overflow: hidden; }
	.admin-bar .xnk-navigation.is-open { top: 32px; }
	.xnk-profile { display: none; }
	.xnk-notifications .xnk-dropdown-panel { right: -44px; }
}
@media (max-width: 800px) {
	.site-layout.has-sidebar { grid-template-columns: minmax(0,1fr); }
	.site-layout { gap: 20px; padding-block: 24px; }
}
@media (max-width: 782px) {
	.admin-bar .xnk-navigation.is-open { top: 46px; }
}
@media (max-width: 480px) {
	:root { --xnk-gutter: 16px; }
	.xnk-header-inner { gap: 8px; }
	.xnk-brand { font-size: 18px; }
	.xnk-logo { width: 38px; height: 42px; }
	.xnk-menu-toggle .xnk-icon { width: 28px; height: 28px; }
	.custom-logo { max-width: 220px; max-height: 42px; }
	.xnk-header-actions { gap: 0; }
	.content-entry, .widget, .no-results, .error-404, .xnk-card { padding: 16px; }
	.xnk-tabs { gap: 8px; font-size: 14px; }
	.alignleft, .alignright { float: none; margin-inline: 0; }
}
@media (max-width: 360px) {
	.xnk-brand { font-size: 16px; gap: 4px; }
	.xnk-logo { width: 32px; }
	.xnk-header-inner { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}