.helpie-faq.dashboard {
	// *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html,body{height:100vh;}body{display:flex;align-items:center;justify-content:center;padding:40px;font:14px/1.5 'Open Sans',sans-serif;color:#345;background:#f0f2f4;}

	& p:not(:last-child) {
		margin: 0 0 20px;
	}

	& main {
		max-width: none;
		padding: 40px;
		background: #fff;
	}

	& section {
		display: none;
		padding: 20px 0 0;
		border-top: 1px solid #abc;
	}

	& input[type="radio"] {
		display: none;
	}

	& .faq-label {
		display: inline-block;
		margin: 0 0 -1px;
		padding: 15px 25px;
		font-weight: 600;
		text-align: center;
		color: #abc;
		border: 1px solid transparent;
	}

	& .faq-label:hover {
		color: #789;
		cursor: pointer;
	}

	& input:checked + .faq-label {
		color: #0af;
		border: 1px solid #abc;
		border-top: 2px solid #0af;
		border-bottom: 1px solid #fff;
	}

	& #tab1:checked ~ #content1,
	& #tab2:checked ~ #content2,
	& #tab3:checked ~ #content3,
	& #tab4:checked ~ #content4 {
		display: block;
	}

	@media screen and (max-width: 800px) {
		.faq-label {
			font-size: 0;
		}
	}

	@media screen and (max-width: 500px) {
		.faq-label {
			padding: 15px;
		}
	}
}