@media (max-width: 1023px) and (scripting: enabled) {
	.site-header__inner:has( [data-newnav-menu-toggle][aria-expanded="false"] ) .site-header__panel {
		display: none;
	}
}

@media (max-width: 1023px) {
	.newnav-container {
		width: min(calc(100% - 32px), var(--newnav-container));
	}

	.site-header__inner {
		position: relative;
		flex-wrap: wrap;
		gap: 12px 16px;
		min-height: 64px;
		padding-block: 10px;
	}

	.site-branding {
		max-width: calc(100% - 156px);
	}

	.site-tagline {
		display: none;
	}

	.site-header__controls {
		margin-left: auto;
	}

	.header-control--menu {
		display: inline-flex;
		align-items: center;
	}

	.site-header__panel {
		width: 100%;
		align-items: stretch;
		flex: 1 0 100%;
		flex-direction: column;
		gap: 16px;
		padding-block: 8px 12px;
	}

	.site-header__panel[hidden] {
		display: none !important;
	}

	.site-header__actions {
		justify-content: space-between;
		border-top: 1px solid var(--newnav-border);
		padding-top: 16px;
	}

	.site-search-panel__inner {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		padding-block: 16px 20px;
	}

	.search-close {
		align-self: flex-start;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: 24px;
		padding-block: 32px;
	}

	.site-footer__meta {
		text-align: left;
	}

	.site-navigation ul,
	.site-footer ul {
		align-items: stretch;
		flex-direction: column;
		gap: 4px;
	}

	.site-navigation a,
	.site-footer a {
		padding-block: 8px;
	}

	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-ancestor > a {
		text-underline-offset: 5px;
	}

	.site-main {
		padding-block: 32px 48px;
	}

	.newnav-intro {
		grid-template-columns: 1fr;
		gap: 24px;
		padding-block: 32px 48px;
	}

	.newnav-intro__title {
		font-size: clamp(2.5rem, 14vw, 4rem);
	}

	.newnav-home-layout,
	.newnav-home-layout.without-categories {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.newnav-home-layout > .newnav-intro,
	.newnav-home-layout > .newnav-home-module {
		grid-column: 1;
	}

	.newnav-home-module--categories,
	.admin-bar .newnav-home-module--categories {
		position: static;
	}

	.newnav-site-detail__hero,
	.newnav-site-detail__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-site-detail__actions {
		width: min(100%, 420px);
	}

	.newnav-search__header {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.newnav-announcements__header,
	.newnav-friend-directory__header,
	.newnav-not-found__recovery {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-not-found__actions {
		border-top: 1px solid var(--newnav-border);
		border-inline-start: 0;
	}

	.newnav-redirect__handoff {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-redirect__destination {
		border-top: 1px solid var(--newnav-border);
		border-inline-start: 0;
	}

	.search-form {
		align-items: stretch;
		flex-direction: column;
	}

	.search-form__row {
		align-items: stretch;
		flex-direction: column;
	}

	.newnav-state {
		grid-template-columns: 1fr;
	}

	.newnav-state__skeleton {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.newnav-search {
		gap: 24px;
	}

	.newnav-search__header {
		gap: 20px;
		padding-block: 20px 24px;
	}

	.newnav-search__header h1 {
		font-size: clamp(2.25rem, 12vw, 3.5rem);
	}

	.newnav-search__filters ul {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.newnav-search__filters a {
		min-width: 44px;
		padding-inline: 8px;
	}

	.newnav-announcements,
	.newnav-friend-directory,
	.newnav-not-found {
		gap: 32px;
	}

	.newnav-announcements__header,
	.newnav-friend-directory__header {
		align-items: start;
		padding-block: 20px 24px;
	}

	.newnav-announcements__header h1,
	.newnav-friend-directory__header h1,
	.newnav-not-found h1 {
		font-size: clamp(2.5rem, 13vw, 3.75rem);
	}

	.newnav-announcement {
		grid-template-columns: 1fr;
		gap: 8px;
		padding-block: 20px;
	}

	.newnav-announcement time {
		padding-top: 0;
	}

	.newnav-friend-directory__list li {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-block: 20px;
	}

	.newnav-friend-directory__target {
		justify-items: stretch;
	}

	.newnav-friend-directory__target span {
		max-width: 100%;
	}

	.newnav-friend-directory__target a {
		width: 100%;
	}

	.newnav-not-found__recovery > div {
		padding: 28px 24px;
	}

	.newnav-not-found__actions .search-form__row {
		flex-direction: column;
	}

	.newnav-not-found__actions > .newnav-button {
		width: 100%;
	}

	.newnav-not-found__sites > header {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.newnav-redirect {
		min-height: auto;
		padding-block: 28px 48px;
	}

	.newnav-redirect__copy,
	.newnav-redirect__destination,
	.newnav-redirect__failure {
		padding: 28px 24px;
	}

	.newnav-redirect h1 {
		font-size: clamp(2.5rem, 13vw, 3.75rem);
	}

	.newnav-redirect__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.newnav-redirect__actions .newnav-button,
	.newnav-redirect__return {
		width: 100%;
		text-align: center;
	}

	.newnav-post-detail {
		gap: 32px;
	}

	.newnav-post-detail__header {
		gap: 14px;
		padding-block: 20px 0;
		text-align: left;
	}

	.newnav-post-detail__header h1,
	.newnav-post-detail__summary {
		margin-inline: 0;
	}

	.newnav-post-detail__header h1 {
		font-size: clamp(2.35rem, 13vw, 3.7rem);
	}

	.newnav-post-detail__meta {
		justify-content: flex-start;
	}

	.newnav-post-detail__featured img {
		aspect-ratio: 4 / 3;
	}

	.newnav-post-detail__content {
		font-size: 1rem;
	}

	.newnav-post-detail__content .alignwide,
	.newnav-post-detail__content .alignfull {
		width: calc(100vw - 32px);
	}

	.newnav-post-detail__content .wp-block-columns {
		flex-direction: column;
	}

	.newnav-post-detail__content .wp-block-gallery {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-post-detail__terms > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
	}

	.newnav-post-related__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.newnav-post-detail .post-navigation .nav-links {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-post-detail .post-navigation .nav-next {
		text-align: left;
	}

	.newnav-site-detail {
		gap: 32px;
	}

	.newnav-site-detail__hero {
		gap: 24px;
		padding-block: 20px 28px;
	}

	.newnav-site-detail__identity {
		grid-template-columns: 72px minmax(0, 1fr);
		align-items: start;
		gap: 16px;
	}

	.newnav-site-detail__icon,
	.newnav-site-detail__icon-image {
		width: 72px;
		height: 72px;
	}

	.newnav-site-detail__fallback {
		font-size: 1.75rem;
	}

	.newnav-site-detail__heading h1 {
		font-size: clamp(2.1rem, 12vw, 3.5rem);
	}

	.newnav-site-detail__actions {
		width: 100%;
	}

	.newnav-site-detail__preview img {
		aspect-ratio: 4 / 3;
	}

	.newnav-site-detail__facts {
		padding: 18px;
	}

	.newnav-site-related__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.newnav-taxonomy-header {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-block: 20px 12px;
	}

	.newnav-taxonomy-toolbar {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}

	.newnav-taxonomy-sort {
		align-items: flex-start;
		flex-direction: column;
	}

	.newnav-taxonomy-sort ul {
		width: 100%;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
	}

	.newnav-taxonomy-sort li {
		flex: 1 0 auto;
	}

	.newnav-taxonomy-sort a {
		justify-content: center;
		width: 100%;
		border: 1px solid var(--newnav-border);
	}

	.newnav-term-tree .newnav-term-tree {
		padding-left: 10px;
	}

	.newnav-home-search {
		grid-template-columns: minmax(0, 1fr);
	}

	.newnav-home-module--categories {
		padding: 18px;
	}

	.newnav-category-list {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scrollbar-color: var(--newnav-border) transparent;
	}

	.newnav-category-list li {
		flex: 0 0 auto;
	}

	.newnav-category-list a {
		min-width: 132px;
		border: 1px solid var(--newnav-border);
	}

	.newnav-bulletin-item {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.newnav-friend-list {
		grid-template-columns: 1fr;
	}

	.newnav-friend-list li:nth-child(odd) {
		border-right: 0;
	}

	.newnav-friend-list li:nth-last-child(-n + 2) {
		border-bottom: 1px solid var(--newnav-border);
	}

	.newnav-friend-list li:last-child {
		border-bottom: 0;
	}

	.newnav-card-grid {
		grid-template-columns: 1fr;
	}

	.newnav-site-card,
	.newnav-post-card__body {
		padding: 18px;
	}

	.newnav-card__footer {
		align-items: flex-end;
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar .site-header {
		top: 0;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.site-header {
		background: var(--newnav-surface);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

@media (max-width: 1023px) {
	.newnav-submission-layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.newnav-submission {
		gap: 28px;
	}

	.newnav-submission-form-card,
	.newnav-submission-guidance,
	.newnav-submission__unavailable {
		padding: 22px;
	}

	.newnav-submission-group + .newnav-submission-group {
		margin-top: 28px;
		padding-top: 26px;
	}

	.newnav-submission-actions .newnav-button,
	.newnav-submission-status .newnav-button {
		width: 100%;
		white-space: normal;
	}
}

@media (max-width: 420px) {
	.newnav-submission-form-card,
	.newnav-submission-guidance,
	.newnav-submission__unavailable {
		padding: 18px;
	}

	.newnav-submission-tags label {
		width: 100%;
	}
}