/* Tablet: 768px - 1023px. */
@media (min-width: 768px) and (max-width: 1023px) {
	.ybg-hero__inner {
		min-height: auto;
		padding-inline: clamp(20px, 3vw, 30px);
	}

	.ybg-hero__content {
		margin-left: 0;
		max-width: 590px;
	}

	.ybg-hero {
		--ybg-hero-height: max(720px, 75vw);
		background-image: url("../images/hero/hero_tablet_2.5.webp");
		background-image: image-set(url("../images/hero/hero_tablet_2.5.webp") type("image/webp") 1x);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: var(--ybg-hero-height);
		padding: 100px 0 54px;
	}

	.ybg-hero__artwork {
		display: none;
	}

	.ybg-hero h1 {
		font-size: clamp(2.22rem, 4.55vw, 2.6rem);
	}

	.ybg-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ybg-stats__grid,
	.ybg-campaign-stats__grid,
	.ybg-process__grid,
	.ybg-mission__grid,
	.ybg-card-grid--three,
	.ybg-gallery-grid,
	.ybg-principles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ybg-process-step__arrow {
		display: none;
	}

	.ybg-fields__grid,
	.ybg-fields__grid--six,
	.ybg-fields__grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ybg-activities__layout {
		display: grid;
		grid-template-columns: 1fr 1fr;
		height: auto;
	}

	.ybg-activities__layout > .ybg-card,
	.ybg-activities__layout:hover > .ybg-card,
	.ybg-activities__layout > .ybg-card:hover,
	.ybg-activities__layout > .ybg-card:focus-within {
		flex: none;
		min-height: 276px;
	}

	.ybg-activities__layout > .ybg-card .ybg-card__media img,
	.ybg-activities__layout > .ybg-card .ybg-gallery-card__image img,
	.ybg-activities__layout > .ybg-card .ybg-activity-card__media {
		height: 160px;
	}

	.ybg-digital {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.ybg-digital__artwork {
		margin: 24px auto 0;
	}

	.ybg-digital-page .ybg-digital__content h2 span:first-child {
		white-space: normal;
	}

	.ybg-impact__grid {
		gap: 24px;
		grid-template-columns: 1fr;
	}

	.ybg-impact__header {
		grid-column: 1;
	}

	.ybg-impact__dashboard {
		grid-column: 1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		order: 3;
	}

	.ybg-impact__dashboard .ybg-stat-card {
		gap: 12px;
		padding: 20px;
		text-align: center;
	}

	.ybg-impact__dashboard .ybg-stat-card__icon {
		height: 56px;
		width: 56px;
	}

	.ybg-impact__dashboard .ybg-stat-card__icon svg {
		height: 26px;
		width: 26px;
	}

	.ybg-impact__visual {
		grid-column: 1;
		min-height: 520px;
		order: 2;
	}

	.ybg-impact__visual::after {
		height: 108%;
		right: -5%;
		bottom: -190px;
		width: 66%;
	}

	.ybg-impact-info-panel {
		max-width: 460px;
		position: relative;
		top: auto;
		transform: none;
		left: auto;
		margin: 24px;
	}

	.ybg-cta h2 {
		white-space: normal;
	}

	.ybg-home-activities {
		padding-bottom: 52px;
	}

	.ybg-home-volunteer-cta {
		padding-bottom: 52px;
	}

	.ybg-helpdesk-card {
		max-width: 640px;
	}

	.ybg-domain-single__layout {
		grid-template-columns: 1fr;
	}

	.ybg-campaign-page .ybg-page-landing__header,
	.ybg-digital-page .ybg-page-landing__header,
	.ybg-highlight-page .ybg-page-landing__header,
	.ybg-gallery-page .ybg-page-landing__header {
		padding-block: 112px 54px;
	}

	.ybg-campaign-page .ybg-page-heading h1,
	.ybg-digital-page .ybg-page-heading h1,
	.ybg-highlight-page .ybg-page-heading h1,
	.ybg-gallery-page .ybg-page-heading h1 {
		font-size: clamp(2.15rem, 4.5vw, 2.65rem);
	}

	.ybg-campaign-directory__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ybg-page-hero__inner {
		padding-block: 108px 52px;
	}

	.ybg-page-hero .ybg-page-heading h1 {
		font-size: clamp(2.08rem, 4.6vw, 2.62rem);
	}

	.ybg-page-landing .ybg-section {
		padding-block: 54px;
	}
}

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

/* Large tablet / small desktop uses the tablet hero asset. Keep its full 4:3 frame visible. */
@media (min-width: 1024px) and (max-width: 1199px) {
	.ybg-hero {
		--ybg-hero-height: max(768px, 75vw);
		background-image: url("../images/hero/hero_tablet_2.5.webp");
		background-image: image-set(url("../images/hero/hero_tablet_2.5.webp") type("image/webp") 1x);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: var(--ybg-hero-height);
	}
}

/* Mobile: up to 767px. */
@media (max-width: 767px) {
	:root {
		--ybg-space-section: clamp(40px, 8vw, 56px);
	}

	.ybg-process__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.ybg-process-step {
		padding: 16px 4px 12px;
	}

	.ybg-process-step__number {
		left: -4px;
		top: -4px;
		width: 20px;
		height: 20px;
		font-size: 0.65rem;
	}

	.ybg-process-step__icon {
		width: 32px;
		height: 32px;
		margin-bottom: 8px;
	}

	.ybg-process-step__icon svg {
		width: 16px;
		height: 16px;
	}

	.ybg-process-step h3 {
		font-size: 0.75rem;
		margin-bottom: 4px;
		line-height: 1.2;
	}

	.ybg-process-step p {
		font-size: 0.85rem;
		display: none;
	}

	.ybg-process-step__arrow {
		display: none;
	}

	.ybg-process-step:last-child .ybg-process-step__arrow {
		display: none;
	}

	.ybg-container,
	.ybg-header__bar {
		padding-inline: var(--ybg-container-padding-mobile);
	}



	.ybg-header__bar {
		min-height: 68px;
		padding-block: 9px;
	}

	.ybg-header {
		left: 0;
		max-width: 100dvw;
		overflow: visible;
		right: auto;
		width: 100dvw;
		z-index: 1000;
	}

	.ybg-brand__logo,
	.ybg-brand__mark img {
		height: 44px;
		width: auto;
	}

	.ybg-brand__logo {
		max-width: min(178px, 58vw);
	}

	.ybg-brand__text strong {
		font-size: 1.08rem;
	}

	.ybg-menu-toggle {
		display: flex;
	}

	body.ybg-menu-open {
		overflow: hidden;
	}

	.ybg-navigation {
		background: rgba(255, 255, 255, 0.98);
		border-top: 1px solid var(--ybg-blue-border);
		box-shadow: 0 20px 40px rgba(16, 23, 42, 0.12);
		display: block;
		left: 0;
		opacity: 0;
		padding: 18px 18px 28px;
		pointer-events: none;
		position: fixed;
		right: 0;
		top: 68px;
		transform: translateY(-10px);
		transition: opacity 180ms ease, transform 180ms ease;
		width: 100dvw;
		z-index: 1001;
	}

	.ybg-navigation.is-open {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.ybg-navigation__list {
		align-items: stretch;
		background: var(--ybg-surface);
		border: 1px solid var(--ybg-blue-border);
		border-radius: 18px;
		box-shadow: 0 8px 24px rgba(16, 23, 42, 0.08);
		display: grid;
		gap: 4px;
		overflow: hidden;
		padding: 7px;
	}

	.ybg-navigation__list a {
		align-items: center;
		-webkit-tap-highlight-color: transparent;
		background: transparent;
		border-radius: 12px;
		color: var(--ybg-blue-navy);
		display: flex;
		font-size: 1.02rem;
		justify-content: space-between;
		min-height: 54px;
		padding: 0 14px;
		transition: background 160ms ease, color 160ms ease;
		white-space: normal;
	}

	.ybg-navigation__list a::after {
		background: currentColor;
		content: "";
		height: 18px;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
		opacity: 0.55;
		width: 18px;
	}

	.ybg-navigation__list li + li {
		border-top: 0;
	}

	.ybg-navigation__list a:hover,
	.ybg-navigation__list a:focus-visible,
	.ybg-navigation__list a:active,
	.ybg-navigation__list .current-menu-item > a,
	.ybg-navigation__list .current_page_item > a {
		background: var(--ybg-blue-soft);
		color: var(--ybg-blue-primary);
	}

	.ybg-navigation__list .current-menu-item > a::before,
	.ybg-navigation__list .current_page_item > a::before {
		display: none;
	}

	.ybg-hero {
		--ybg-hero-height: max(640px, 177.7vw);
		background-color: #0b5fca;
		background-image: url("../images/hero/hero_mobile_2.5.webp");
		background-image: image-set(url("../images/hero/hero_mobile_2.5.webp") type("image/webp") 1x);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: var(--ybg-hero-height);
		padding: 82px 0 0;
	}

	.ybg-hero__inner {
		align-items: center;
		flex-direction: column;
		justify-content: flex-start;
		min-height: auto;
		padding-inline: 18px;
	}

	.ybg-hero__content {
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-left: 0;
		max-width: 100%;
		padding-top: clamp(4px, 1.8vh, 14px);
		text-align: center;
	}

	.ybg-hero__artwork {
		display: none;
	}

	.ybg-hero__badge {
		justify-content: center;
		margin-bottom: 24px;
		max-width: 100%;
		font-size: 0.67rem;
		padding: 6px 12px 6px 7px;
		white-space: normal;
	}

	.ybg-hero__badge-logo {
		height: 19px;
		width: 18px;
	}

	.ybg-hero h1 {
		font-size: clamp(2.06rem, 9.8vw, 2.62rem);
		line-height: 1.1;
		margin-bottom: 18px;
		text-wrap: balance;
	}

	.ybg-hero__tagline {
		font-size: 1rem;
		margin-bottom: 12px;
	}

	.ybg-hero__title-line--statement {
		white-space: normal;
	}

	.ybg-hero__description {
		font-size: 0.94rem;
		margin-bottom: 24px;
		max-width: min(100%, 340px);
	}

	.ybg-hero__actions {
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 8px;
		justify-content: center;
		width: 100%;
	}

	.ybg-btn,
	.ybg-button {
		font-size: 0.92rem;
		min-height: 44px;
		padding-inline: 20px;
	}

	.ybg-hero__actions .ybg-button {
		flex: 1 1 0;
		font-size: clamp(0.72rem, 3.35vw, 0.86rem);
		justify-content: center;
		min-height: 42px;
		padding-inline: 8px;
		text-align: center;
		white-space: nowrap;
		width: auto;
	}

	.ybg-hero__actions .ybg-button span[aria-hidden="true"] {
		margin-left: 4px;
	}

	.ybg-hero__actions .ybg-button--soft {
		flex-grow: 0.9;
		justify-content: center;
	}

	.ybg-stats__grid {
		gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: -26px;
	}

	.ybg-stat-card {
		padding: 18px 10px;
	}

	.ybg-section {
		padding-block: 50px;
	}

	#tham-gia,
	#dau-an-thuc-te,
	#chien-dich,
	#thu-vien-anh,
	#guong-sang,
	#chien-dich-dang-mo {
		scroll-margin-top: 80px;
	}

	.ybg-page-landing__header {
		padding-block: 96px 38px;
	}

	.ybg-page-hero__inner {
		padding-block: 98px 42px;
	}

	.ybg-page-hero .ybg-page-heading {
		max-width: 100%;
	}

	.ybg-page-hero .ybg-page-heading h1 {
		font-size: clamp(1.5rem, 8vw, 2rem);
		line-height: 1.16;
		margin-inline: auto;
		max-width: min(100%, 320px);
		overflow-wrap: break-word;
	}

	.ybg-page-hero .ybg-page-heading__description {
		font-size: 0.85rem;
		line-height: 1.6;
		margin-inline: auto;
		margin-top: 12px;
		max-width: min(100%, 330px);
		overflow-wrap: break-word;
	}

	.ybg-page-landing__header .ybg-page-heading {
		padding: 28px 22px;
	}

	.ybg-campaign-page .ybg-page-landing__header,
	.ybg-digital-page .ybg-page-landing__header,
	.ybg-highlight-page .ybg-page-landing__header,
	.ybg-gallery-page .ybg-page-landing__header {
		padding-block: 98px 42px;
	}

	.ybg-campaign-page .ybg-page-landing__header .ybg-page-heading,
	.ybg-digital-page .ybg-page-landing__header .ybg-page-heading,
	.ybg-highlight-page .ybg-page-landing__header .ybg-page-heading,
	.ybg-gallery-page .ybg-page-landing__header .ybg-page-heading {
		padding: 0 5px;
	}

	.ybg-campaign-page .ybg-page-heading h1,
	.ybg-digital-page .ybg-page-heading h1,
	.ybg-highlight-page .ybg-page-heading h1,
	.ybg-gallery-page .ybg-page-heading h1 {
		font-size: clamp(1.78rem, 9.2vw, 2.28rem);
		line-height: 1.16;
		max-width: min(100%, 320px);
		overflow-wrap: break-word;
		text-wrap: balance;
	}

	.ybg-campaign-page .ybg-page-heading__description,
	.ybg-digital-page .ybg-page-heading__description,
	.ybg-highlight-page .ybg-page-heading__description,
	.ybg-gallery-page .ybg-page-heading__description {
		max-width: min(100%, 330px);
		overflow-wrap: break-word;
	}

	.ybg-campaign-page .ybg-filter-bar,
	.ybg-digital-page .ybg-filter-bar,
	.ybg-highlight-page .ybg-filter-bar,
	.ybg-gallery-page--listing .ybg-filter-bar {
		justify-content: center;
		max-width: 100%;
		overflow-x: hidden;
		padding-block: 22px 6px;
		width: 100%;
	}

	.ybg-filter-bar__inner {
		flex-wrap: wrap;
		justify-content: center;
		min-width: 0;
		width: 100%;
	}

	.ybg-filter-show {
		justify-content: center;
		width: 100%;
	}

	.ybg-filter-show__select {
		min-width: min(100%, 220px);
	}

	.ybg-filter-show .ybg-custom-select {
		width: min(100%, 220px);
	}

	.ybg-campaign-pagination__list {
		gap: 8px;
	}

	.ybg-campaign-pagination .page-numbers {
		font-size: 0.86rem;
		height: 40px !important;
		width: 40px !important;
	}

	.ybg-campaign-pagination .next,
	.ybg-campaign-pagination .prev {
		font-size: 1.24rem;
	}

	.ybg-campaign-page .ybg-pagination__icon,
	.ybg-digital-page .ybg-pagination__icon,
	.ybg-highlight-page .ybg-pagination__icon,
	.ybg-gallery-page--listing .ybg-pagination__icon {
		height: 28px;
		width: 28px;
	}

	.ybg-campaign-pagination__mobile-summary {
		display: none;
	}

	.ybg-filter-button {
		flex: 1 1 calc(50% - 8px);
		font-size: 0.84rem;
		min-height: 40px;
		min-width: 0;
		padding-inline: 14px;
	}

	.ybg-campaign-directory {
		padding-block: 16px 50px;
	}

	.ybg-campaign-directory .ybg-section-heading p {
		display: none;
	}

	.ybg-card-grid--three,
	.ybg-gallery-grid,
	.ybg-principles__grid {
		grid-template-columns: 1fr;
	}

	.ybg-campaign-stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ybg-fields__grid,
	.ybg-fields__grid--six,
	.ybg-fields__grid--four {
		grid-template-columns: repeat(2, 1fr);
	}

	.ybg-page-hero--campaign-landing .ybg-page-hero__inner,
	.ybg-page-hero--digital-landing .ybg-page-hero__inner,
	.ybg-page-hero--highlight-landing .ybg-page-hero__inner,
	.ybg-page-hero--gallery-landing .ybg-page-hero__inner {
		flex-direction: column;
		text-align: center;
	}
	.ybg-page-hero--campaign-landing .ybg-page-heading,
	.ybg-page-hero--digital-landing .ybg-page-heading,
	.ybg-page-hero--highlight-landing .ybg-page-heading,
	.ybg-page-hero--gallery-landing .ybg-page-heading {
		text-align: center;
	}
	.ybg-page-hero--has-artwork .ybg-page-hero__artwork {
		margin-left: 0;
		margin-top: 32px;
	}
	.ybg-page-hero__actions {
		justify-content: center;
		flex-direction: column;
	}
	.ybg-page-hero__actions .ybg-button {
		width: 100%;
	}

	.ybg-activities__layout {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.ybg-activities__layout > .ybg-card,
	.ybg-activities__layout:hover > .ybg-card,
	.ybg-activities__layout > .ybg-card:hover,
	.ybg-activities__layout > .ybg-card:focus-within {
		height: auto;
		min-height: 0;
		flex: none;
	}

	.ybg-activities__layout > .ybg-activity-card .ybg-activity-card__media,
	.ybg-activities__layout > .ybg-card .ybg-gallery-card__image,
	.ybg-activities__layout > .ybg-card .ybg-gallery-card__image img,
	.ybg-activities__layout > .ybg-card .ybg-card__media img,
	.ybg-activities__layout > .ybg-card .ybg-card__media {
		aspect-ratio: 16 / 9 !important;
		height: auto !important;
		object-fit: cover;
	}

	.ybg-home-activities {
		padding-bottom: 38px;
	}

	.ybg-home-volunteer-cta {
		padding-bottom: 38px;
	}

	.ybg-digital {
		grid-template-columns: 1fr;
		min-width: 0;
		overflow-x: hidden;
	}

	.ybg-page-landing,
	.ybg-page-landing__header,
	.ybg-page-heading,
	.ybg-section-heading,
	.ybg-empty-state,
	.ybg-digital__content,
	.ybg-helpdesk-card,
	.ybg-gallery-contribution {
		max-width: 100%;
		min-width: 0;
	}

	.ybg-page-landing .ybg-section-heading h2,
	.ybg-page-landing .ybg-section-heading p,
	.ybg-page-landing .ybg-empty-state p,
	.ybg-gallery-contribution h2,
	.ybg-gallery-contribution p {
		margin-inline: auto;
		max-width: min(100%, 330px);
		overflow-wrap: break-word;
	}

	.ybg-page-landing .ybg-section-heading--left h2,
	.ybg-page-landing .ybg-section-heading--left p {
		margin-inline: 0;
	}

	.ybg-digital-page .ybg-digital__content h2,
	.ybg-digital-page .ybg-digital__content h2 span {
		max-width: min(100%, 330px);
		overflow-wrap: break-word;
		white-space: normal;
	}

	.ybg-digital-page .ybg-digital__content h2 span:first-child {
		white-space: normal;
	}

	.ybg-digital-page .ybg-digital__content h2 {
		font-size: clamp(1.65rem, 7vw, 2.02rem);
		line-height: 1.2;
		margin-inline: auto;
		text-align: center;
	}

	.ybg-guide-directory,
	.ybg-digital-helpdesk {
		padding-block: 44px;
	}

	.ybg-page-landing .ybg-section {
		padding-block: 44px;
	}

	.ybg-page-landing .ybg-empty-state--compact {
		padding: 34px 20px;
	}

	.ybg-impact::before {
		display: none;
	}

	.ybg-impact {
		padding-block: 54px;
	}



	.ybg-impact .ybg-section-heading h2 {
		font-size: clamp(1.7rem, 8vw, 2.1rem);
	}

	.ybg-impact .ybg-section-heading > p:last-child {
		font-size: 0.96rem;
	}

	.ybg-impact__grid {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.ybg-impact__header {
		order: 1;
	}

	.ybg-impact__dashboard {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		order: 2;
	}

	.ybg-impact__dashboard .ybg-stat-card {
		gap: 10px;
		padding: 16px;
		text-align: center;
	}

	.ybg-impact__dashboard .ybg-stat-card__icon {
		height: 44px;
		width: 44px;
	}

	.ybg-impact__dashboard .ybg-stat-card__icon svg {
		height: 22px;
		width: 22px;
	}

	.ybg-impact__dashboard strong {
		font-size: 1.45rem;
		margin-bottom: 4px;
	}

	.ybg-impact__dashboard .ybg-stat-card__label {
		font-size: 0.9rem;
		line-height: 1.35;
	}

	.ybg-impact__dashboard .ybg-stat-card__meta {
		display: none;
	}

	.ybg-impact__visual {
		min-height: 460px;
		order: 3;
	}

	.ybg-impact__visual::before {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.9) 48%, rgba(238, 247, 255, 0.42) 100%);
	}

	.ybg-impact__visual::after {
		display: none;
	}
	
	.ybg-impact-info-panel {
		margin: 16px;
		padding: 20px;
	}

	.ybg-impact-info-panel h3 {
		font-size: 1.35rem;
	}

	.ybg-impact-info-panel p,
	.ybg-impact-info-panel .ybg-impact__list li {
		font-size: 0.9rem;
	}

	.ybg-impact-info-panel .ybg-button {
		align-self: flex-start;
		min-width: 0;
		padding-inline: 20px;
		width: auto;
	}

	.ybg-mission__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.ybg-mission-card {
		padding: 16px;
		min-height: 0;
		gap: 8px;
		align-items: center;
		text-align: center;
	}

	.ybg-mission-card h3 {
		font-size: 0.95rem;
		margin-top: 4px;
	}

	.ybg-mission-card__icon {
		margin-bottom: 0;
		width: 40px;
		height: 40px;
	}

	.ybg-mission-card__icon svg {
		width: 20px;
		height: 20px;
	}

	.ybg-mission-card > p:not(.ybg-mission-card__title),
	.ybg-mission-card .ybg-text-link {
		display: none;
	}

	.ybg-featured-card {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ybg-featured-card__media-wrapper {
		height: auto;
		min-height: 240px;
	}

	.ybg-featured-card__image {
		max-height: 400px;
		width: 100%;
	}

	.ybg-featured-card__top-row {
		flex-direction: column;
		gap: 16px;
	}

	.ybg-featured-card__quote-box {
		flex: none;
	}

	.ybg-featured-card__stats {
		display: none;
	}

	.ybg-gallery-featured__grid,
	.ybg-gallery-contribution {
		grid-template-columns: 1fr !important;
	}
	.ybg-gallery-contribution__artwork {
		margin-top: 32px;
	}

	.ybg-gallery-masonry {
		columns: 2 150px;
	}

	.ybg-form__grid {
		grid-template-columns: 1fr;
	}

	.ybg-field--phone,
	.ybg-field--email {
		grid-column: 1 / -1;
	}

	.ybg-modal {
		align-items: flex-end;
		padding: 12px;
	}

	.ybg-modal__dialog {
		border-radius: 24px 24px 14px 14px;
		max-height: calc(100vh - 24px);
		padding: 28px 20px 22px;
	}

	.ybg-cta {
		aspect-ratio: auto;
		background-position: center;
		min-height: 0;
	}

	.ybg-cta__content {
		align-items: flex-start;
		flex-direction: column;
		gap: 24px;
		text-align: left;
	}

	.ybg-cta--centered .ybg-cta__content {
		align-items: center;
		text-align: center;
	}

	.ybg-cta__text {
		max-width: 100%;
	}

	.ybg-cta h2 {
		white-space: normal;
	}

	.ybg-cta__actions {
		flex-direction: column;
		width: 100%;
	}

	.ybg-cta--centered .ybg-cta__actions {
		width: auto;
	}

	.ybg-cta__actions .ybg-btn,
	.ybg-cta__actions .ybg-button {
		justify-content: center;
		width: 100%;
	}

	.ybg-cta--centered .ybg-cta__actions .ybg-button {
		min-width: 176px;
		width: auto;
	}

	.ybg-highlight-stats__inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 16px 8px;
		gap: 8px;
	}

	.ybg-highlight-stats__item {
		flex-direction: column;
		padding: 0;
		gap: 6px;
	}

	.ybg-highlight-stats__item:not(:last-child)::after {
		display: none;
	}

	.ybg-highlight-stats__icon {
		width: 36px;
		height: 36px;
	}

	.ybg-highlight-stats__icon svg {
		width: 18px;
		height: 18px;
	}

	.ybg-highlight-stats__content {
		text-align: center;
	}

	.ybg-highlight-stats__content strong {
		font-size: 1.1rem;
	}

	.ybg-highlight-stats__content p {
		font-size: 0.75rem;
		white-space: normal;
		line-height: 1.2;
	}

	.ybg-fields__grid,
	.ybg-fields__grid--six,
	.ybg-fields__grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ybg-fields__grid {
		gap: 12px;
	}

	.ybg-field-card {
		padding: 12px 4px;
	}

	.ybg-field-card__icon {
		width: 32px;
		height: 32px;
		margin-bottom: 6px;
	}

	.ybg-field-card__icon svg {
		width: 16px;
		height: 16px;
	}

	.ybg-field-card h3 {
		font-size: 0.75rem;
		line-height: 1.2;
	}

	.ybg-foundation {
		padding: 42px 0;
	}

	.site-main.ybg-container {
		padding-block: 110px 45px;
	}

	.ybg-post-grid {
		grid-template-columns: 1fr;
	}

	.ybg-domain-single__layout {
		grid-template-columns: 1fr;
	}

	.ybg-domain-single {
		padding: 22px 18px;
	}

	.ybg-meta-list--inline {
		flex-direction: column;
		gap: 14px;
	}

	.ybg-footer__top {
		grid-template-columns: 1fr;
		padding-block: 32px 24px;
	}

	.ybg-footer__brand,
	.ybg-footer__contact {
		grid-column: 1;
	}

	.ybg-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}
}

@media (max-width: 390px) {
	.ybg-impact__dashboard {
		grid-template-columns: 1fr;
	}

	.ybg-process__grid,
	.ybg-highlight-stats__inner,
	.ybg-fields__grid,
	.ybg-fields__grid--six,
	.ybg-fields__grid--four {
		grid-template-columns: 1fr;
	}

	.ybg-empty-state,
	.ybg-empty-state-card,
	.ybg-campaign-directory__empty {
		min-height: 168px;
		padding: 30px 20px;
	}

	.ybg-highlights-directory,
	.ybg-gallery-cta-section {
		padding-top: 34px !important;
	}

	.ybg-gallery-contribution {
		padding: 30px 20px;
	}
}