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

.ielts-listening-test-shell.ielts-listening-layout-tablet {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-topbar {
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-top-brand {
	grid-template-columns: 64px minmax(0, 1fr);
	width: 100%;
	min-width: 0;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-top-logo {
	width: 64px;
	min-width: 64px;
	height: 42px;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-top-title {
	width: 100%;
	max-width: 100%;
	justify-content: flex-start;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-top-actions {
	justify-content: space-between;
	justify-self: stretch;
	flex-wrap: wrap;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-reading-top-actions .ielts-lms-btn {
	flex: 1 1 150px;
	min-width: 0;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-intro-visible .ielts-reading-intro,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-intro-visible .ielts-reading-intro.is-compact {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin-inline: auto;
	aspect-ratio: var(--ielts-intro-aspect-ratio, 16 / 9);
}

.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-listening-audio-main {
	grid-template-columns: auto minmax(120px, auto) minmax(0, 1fr);
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) {
	display: flex;
	flex-direction: column;
	height: calc(100svh - 20px);
	min-height: calc(100svh - 20px);
	overflow: hidden;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-test-form {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-test-main {
	display: flex !important;
	flex: 1 1 auto;
	align-items: stretch;
	min-height: 0;
	overflow: hidden;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-pane-left,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-pane-right {
	display: block !important;
	height: 100%;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-pane-left {
	flex: 0 0 var(--ielts-left-pane, 48%);
	max-width: var(--ielts-left-pane, 48%);
	border-right: 1px solid #7f7f7f;
}

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-landscape.is-test-visible:not(.is-intro-visible) .ielts-reading-pane-right {
	flex: 1 1 auto;
	max-width: none;
	border-left: 2px solid #7f7f7f;
}

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

.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-stack .ielts-reading-pane-left,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-tablet-stack .ielts-reading-pane-right,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-mobile-stack .ielts-reading-pane-left,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-mobile-stack .ielts-reading-pane-right {
	display: block !important;
	width: 100% !important;
	max-width: 100% !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-tablet.is-tablet-stack .ielts-reading-divider,
.ielts-listening-test-shell.ielts-listening-layout-tablet.is-mobile-stack .ielts-reading-divider {
	display: none !important;
}

@media (max-width: 900px), (orientation: portrait) {
	.ielts-listening-test-shell.ielts-listening-layout-tablet .ielts-listening-audio-main {
		grid-template-columns: minmax(0, 1fr);
	}

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

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