.ielts-listening-test-shell.ielts-listening-layout-mobile,
.ielts-listening-test-shell.ielts-listening-layout-mobile * {
	box-sizing: border-box;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-x: hidden !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile.is-test-visible {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-test-form,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-panel,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-main,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-topbar,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-test-main,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-pane-left,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-pane-right,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-footer {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-test-form {
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-topbar {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"brand parts"
		"actions actions";
	gap: 5px 6px;
	align-items: center;
	padding: 4px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-top-brand {
	grid-area: brand;
	grid-template-columns: 46px minmax(0, 1fr);
	width: auto;
	min-width: 0;
	gap: 5px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-top-logo {
	width: 46px;
	min-width: 46px;
	height: 32px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-top-title {
	width: 100%;
	max-width: calc(100vw - 242px);
	height: 34px;
	padding: 0 10px;
	font-size: 15px;
	justify-content: center;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-part-tabs {
	grid-area: parts;
	flex-wrap: nowrap;
	justify-content: flex-end;
	gap: 4px;
	min-width: 0;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-part-btn {
	min-width: 50px;
	height: 34px;
	min-height: 34px;
	padding: 0 6px;
	font-size: 12px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-top-actions {
	grid-area: actions;
	display: grid !important;
	grid-template-columns: minmax(84px, .72fr) minmax(100px, 1fr) minmax(114px, 1.16fr);
	gap: 5px;
	justify-content: stretch;
	justify-self: stretch;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-top-actions .ielts-lms-btn,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-timer-box {
	width: 100%;
	min-width: 0;
	height: 36px;
	padding: 0 8px;
	font-size: 13px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-timer-box {
	justify-content: center;
	font-size: 15px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-panel {
	padding: 8px 10px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-main {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: stretch;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-main > *,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-times,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-times span {
	min-width: 0;
	max-width: 100%;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-buttons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-buttons .ielts-lms-btn {
	width: 100%;
	min-width: 0;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-speed {
	flex-direction: column;
	align-items: stretch;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-speed select {
	width: 100%;
	min-width: 0;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-times {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-listening-audio-times span {
	justify-content: center;
	white-space: normal;
	text-align: center;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-test-main {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-pane-left,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-pane-right {
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	border: 0 !important;
	overflow: visible !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-divider {
	display: none !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content *,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich * {
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich {
	overflow-x: hidden !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content table,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich table {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content th,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content td,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich th,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich td {
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-passage-content col,
.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-question-rich col {
	width: auto !important;
}

html.ielts-listening-force-mobile,
html.ielts-listening-force-mobile body {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	overscroll-behavior-x: none;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-footer {
	grid-template-columns: minmax(0, 1fr);
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-palette-grid {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 4px;
	overflow: visible;
	max-height: none;
	padding: 1px 0 3px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-palette-part-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: span 2;
	width: 100%;
	min-width: 0;
	height: 24px;
	padding: 0 4px;
	font-size: 9px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-palette-btn {
	width: 100%;
	min-width: 0;
	height: 24px;
}

.ielts-listening-test-shell.ielts-listening-layout-mobile .ielts-reading-palette-btn-label {
	font-size: 10px;
}

html.ielts-lms-iframe-embed .ielts-listening-test-shell.ielts-listening-layout-mobile {
	margin: 0 !important;
	border-left: 0;
	border-right: 0;
}