.a2f-lesson {
width: 100%;
max-width: 100%;
color: inherit;
font: inherit;
line-height: inherit;
overflow-wrap: break-word;
word-break: normal;
}
.a2f-lesson,
.a2f-lesson *,
.a2f-lesson *::before,
.a2f-lesson *::after {
box-sizing: border-box;
} .a2f-lesson p {
max-width: 100%;
margin: 0 0 12px;
}
.a2f-lesson h1,
.a2f-lesson h2,
.a2f-lesson h3,
.a2f-lesson h4,
.a2f-lesson h5,
.a2f-lesson h6 {
max-width: 100%;
overflow-wrap: break-word;
}
.tutor-lesson-content .tutor-lesson-wrapper h2 {
font-size:1.3rem;
font-weight:600;
}
.tutor-lesson-content .tutor-lesson-wrapper h3 {
font-size:1.2rem;
font-weight:500;
}
.a2f-lesson-title {
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 2rem !important;
}
.tutor-lesson-content .tutor-lesson-wrapper p:not(:last-child) {
margin-bottom: 12px;
}
.a2f-lesson ul {
list-style: none !important;
margin: 0 0 12px;
padding-left: 0;
}
.a2f-lesson ul li {
position: relative;
margin-bottom: 8px;
padding-left: 18px;
}
.a2f-lesson ul li::before {
content: "▸";
position: absolute;
left: 0;
top: 0;
color: #000;
font-size: 0.95em;
line-height: 1.7;
} .a2f-lesson img {
max-width: 100%;
height: auto;
} .a2f-lesson figure {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.a2f-lesson iframe,
.a2f-lesson video,
.a2f-lesson audio,
.a2f-lesson object,
.a2f-lesson embed {
max-width: 100%;
} .a2f-table-scroll {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
} .a2f-lesson table {
max-width: 100%;
border-collapse: collapse;
}
.a2f-table-scroll table {
width: max-content;
min-width: 100%;
} .a2f-lesson th,
.a2f-lesson td {
overflow-wrap: normal;
word-break: normal;
} .a2f-lesson pre {
max-width: 100%;
overflow-x: auto;
white-space: pre;
}
.a2f-lesson code {
overflow-wrap: normal;
word-break: normal;
}
.a2f-lesson a {
overflow-wrap: anywhere;
} .a2f-source-block {
max-width: 100%;
} .a2f-media {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.a2f-media--16-9 {
aspect-ratio: 16 / 9;
}
.a2f-media--16-9 iframe,
.a2f-media--16-9 video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
} @media (max-width: 767px) {
.a2f-lesson {
max-width: 100%;
}
.a2f-lesson img,
.a2f-lesson svg,
.a2f-lesson canvas {
max-width: 100%;
height: auto;
}
.a2f-lesson table {
font-size: 0.8rem !important;
}
.a2f-source-table {
font-size: 0.8rem !important;
}
.a2f-table-scroll:has(.a2f-stack-mobile) {
overflow-x: visible;
}
.a2f-stack-mobile {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
table-layout: auto !important;
}
.a2f-stack-mobile > tbody > tr,
.a2f-stack-mobile > tbody > tr > td,
.a2f-stack-mobile > tbody > tr > th {
display: block;
width: 100% !important;
}
.a2f-stack-mobile > tbody > tr > td + td,
.a2f-stack-mobile > tbody > tr > th + th {
border-top: 0 !important;
}
.a2f-table-scroll:has(.a2f-paired-columns-mobile) {
overflow-x: visible;
}
.a2f-paired-columns-mobile {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
table-layout: auto !important;
}
.a2f-paired-columns-mobile > tbody {
display: grid;
grid-template-columns: 1fr;
}
.a2f-paired-columns-mobile > tbody > tr {
display: contents;
}
.a2f-paired-columns-mobile > tbody > tr:first-child > :first-child {
order: 1;
}
.a2f-paired-columns-mobile > tbody > tr:nth-child(2) > :first-child {
order: 2;
}
.a2f-paired-columns-mobile > tbody > tr:first-child > :nth-child(2) {
order: 3;
}
.a2f-paired-columns-mobile > tbody > tr:nth-child(2) > :nth-child(2) {
order: 4;
}
.a2f-paired-columns-mobile > tbody > tr > td,
.a2f-paired-columns-mobile > tbody > tr > th {
display: block;
width: 100% !important;
} .a2f-mobile-stack {
display: block !important;
width: 100% !important;
}
.a2f-mobile-stack > * {
display: block !important;
width: 100% !important;
max-width: 100% !important;
}
}
@media (min-width: 1400px) {
.tutor-learning-area .tutor-learning-area-container {
max-width: 75%;
}
} @media print {
.a2f-table-scroll {
overflow: visible;
}
.a2f-lesson img,
.a2f-lesson table,
.a2f-source-block {
break-inside: avoid;
}
}