.section {
				margin-top: 14px;
				padding: 16px;
				border-radius: var(--radius);
				border: 1px solid var(--line);
				background: rgba(255, 255, 255, .03);
			}

			.section h2 {
				margin: 0 0 10px;
				font-size: 18px
			}

			.section p {
				margin: 8px 0;
				color: var(--muted);
				font-size: 14px;
				line-height: 1.5
			}

			
	
			/* Compact FAQ */
			.faqSelectWrap {
				margin-top: 12px
			}

			#faqSelect {
				width: 100%;
				padding: 14px 14px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .16);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .95);
				font-weight: 700;
				outline: none;
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 900;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}


			/* Hybrid FAQ */
			.faqTop {
				display: flex;
				flex-direction: column;
				gap: 12px;
				margin-top: 12px
			}

			.faqAcc {
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				overflow: hidden;
				background: rgba(0, 0, 0, .18)
			}

			.faqAcc>summary {
				list-style: none;
				cursor: pointer;
				padding: 14px 14px;
				font-weight: 900;
				color: rgba(234, 240, 255, .95)
			}

			.faqAcc>summary::-webkit-details-marker {
				display: none
			}

			.faqAcc>summary:after {
				content: "▾";
				float: right;
				opacity: .75
			}

			.faqAcc[open]>summary:after {
				content: "▴"
			}

			.faqBody {
				padding: 0 14px 14px;
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqMore {
				margin-top: 14px
			}

			.faqMoreTitle {
				font-weight: 900;
				color: rgba(234, 240, 255, .9);
				margin-bottom: 8px
			}

			.faqSelectWrap {
				margin-top: 0
			}

			#faqSelect {
				width: 100%;
				padding: 14px 14px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .16);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .95);
				font-weight: 800;
				outline: none;
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 900;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}



			/* Quick FAQ (tap-to-answer) */
			.faqSwitch {
				display: flex;
				gap: 10px;
				margin-top: 12px
			}

			.faqTab {
				flex: 1;
				padding: 12px 10px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .14);
				background: transparent;
				color: rgba(234, 240, 255, .85);
				font-weight: 900;
			}

			.faqTab.isActive {
				background: rgba(255, 59, 59, .18);
				border-color: rgba(255, 59, 59, .45);
				color: rgba(234, 240, 255, .95);
			}

			.faqList {
				margin-top: 12px;
				display: flex;
				flex-direction: column;
				gap: 10px
			}

			.faqRow {
				width: 100%;
				text-align: left;
				padding: 12px 12px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .88);
				font-weight: 850;
				line-height: 1.25;
			}

			.faqRow small {
				display: block;
				margin-top: 4px;
				color: rgba(234, 240, 255, .55);
				font-weight: 700
			}

			.faqRow.isActive {
				border-color: rgba(255, 255, 255, .26);
				background: rgba(255, 255, 255, .06);
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 950;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}


			.faqBottomRow {
				margin-top: 12px;
				display: flex;
				justify-content: center
			}

			.faqToggleBtn {
				width: 100%;
				max-width: 420px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(255, 255, 255, .04);
				color: #cfd6e6;
				border-radius: 14px;
				padding: 14px 16px;
				font-weight: 700
			}


			/* --- Quick FAQ: compact "More" toggle (no pill shape) --- */
			.faqMorePlain {
				width: fit-content;
				max-width: 220px;
				margin: 14px auto 0;
				padding: 8px 14px;
				background: transparent !important;
				border: none !important;
				box-shadow: none !important;
				border-radius: 0 !important;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 6px;
				cursor: pointer;
			}

			.faqMorePlain:active {
				transform: scale(0.98);
			}

			.faqMoreText {
				font-size: 18px;
				font-weight: 800;
				color: #111;
			}

			.faqMoreChev {
				color: #111;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				margin-top: 2px;
			}

			.faqMoreChev span {
				display: inline-block;
				font-size: 22px;
				line-height: 1;
				color: #111;
				transform: rotate(90deg);
				/* make ">>" point down */
			}




			/* FAQ contrast fix */
			.faq-item {
				background: #f3f4f6 !important;
			}

			.faq-question {
				color: #111827 !important;
				font-weight: 600;
			}

			/* === FAQ contrast fix (mobile readability) === */
			.faqRow {
				background: #d7d7d9 !important;
				border: 1px solid #c8c8cf !important;
				color: #2d3340 !important;
				font-size:12px
			}

			.faqRow small {
				color: rgba(45, 51, 64, .72) !important;
			}

			.faqRow.isActive {
				background: #ececee !important;
				border-color: #b9b9c2 !important;
			}

			.faqAnswerCard {
				background: #e9e9ec !important;
				border-color: #d2d2d8 !important;
			}

			.faqQ {
				color: #2d3340 !important;
			}

			.faqA {
				color: rgba(45, 51, 64, .84) !important;
			}






			/* FAQ pills: readable, consistent with other light text */
			.faqQ {
				color: #2b3443 !important;
				font-weight: 800;
			}

			.faqA {
				color: #2b3443 !important;
			}