.tds-elementor-article *,
.tds-elementor-article *::before,
.tds-elementor-article *::after {
box-sizing: border-box;
}
.tds-elementor-article p {
margin: 0 0 20px;
padding: 0;
}
.tds-elementor-article .tds-intro {
margin-bottom: 28px;
font-size: 1.075em;
line-height: 1.75;
}
.tds-elementor-article .tds-content-section {
width: 100%;
margin: 0;
padding: 0;
}
.tds-elementor-article h2,
.tds-elementor-article h3 {
max-width: none;
color: var(--tds-heading);
font-family: var(--e-global-typography-primary-font-family, Arial), Helvetica, sans-serif;
font-weight: 700;
letter-spacing: -0.015em;
overflow-wrap: normal;
word-break: normal;
}
.tds-elementor-article h2 {
margin: 48px 0 18px;
font-size: clamp(26px, 2.6vw, 34px);
line-height: 1.25;
}
.tds-elementor-article h3 {
margin: 32px 0 14px;
font-size: clamp(21px, 2vw, 25px);
line-height: 1.35;
}
.tds-elementor-article a {
color: var(--tds-green);
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s ease;
}
.tds-elementor-article a:hover,
.tds-elementor-article a:focus {
color: var(--tds-green-dark);
}
.tds-elementor-article a:focus-visible {
outline: 2px solid var(--tds-green-bright);
outline-offset: 3px;
}
.tds-elementor-article .tds-key-takeaways {
width: 100%;
margin: 28px 0 30px;
padding: 24px 26px;
border: 1px solid var(--tds-border);
border-left: 5px solid var(--tds-green-bright);
border-radius: 4px;
background: var(--tds-green-soft);
}
.tds-elementor-article .tds-key-takeaways__heading {
margin: 0 0 14px;
color: var(--tds-heading);
font-size: 1.25em;
font-weight: 700;
line-height: 1.35;
}
.tds-elementor-article ul {
margin: 0 0 22px;
padding-left: 1.35em;
}
.tds-elementor-article .tds-key-takeaways ul {
margin-bottom: 0;
}
.tds-elementor-article li {
margin: 0 0 9px;
padding-left: 0.25em;
}
.tds-elementor-article li:last-child {
margin-bottom: 0;
}
.tds-elementor-article li::marker {
color: var(--tds-green-bright);
}
.tds-elementor-article .tds-table-wrap {
width: 100%;
max-width: 100%;
margin: 26px 0 34px;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid var(--tds-border);
border-radius: 5px;
background: #ffffff;
-webkit-overflow-scrolling: touch;
}
.tds-elementor-article .tds-table-wrap:focus-visible {
outline: 2px solid var(--tds-green-bright);
outline-offset: 3px;
}
.tds-elementor-article table {
width: 100%;
min-width: 0;
margin: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
background: #ffffff;
color: var(--tds-text);
font-size: 15px;
line-height: 1.5;
}
/* Let tables fit the Elementor content width on desktop. Horizontal scrolling is
enabled only on smaller screens where five readable columns need more room. */
.tds-elementor-article .tds-table--3,
.tds-elementor-article .tds-table--4,
.tds-elementor-article .tds-table--5 {
min-width: 0;
}
.tds-elementor-article th,
.tds-elementor-article td {
height: auto;
padding: 12px 14px;
border-right: 1px solid var(--tds-border);
border-bottom: 1px solid var(--tds-border);
vertical-align: top;
text-align: left;
white-space: normal;
overflow: visible;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
.tds-elementor-article tr > *:last-child {
border-right: 0;
}
.tds-elementor-article tbody tr:last-child > * {
border-bottom: 0;
}
.tds-elementor-article thead th {
background: var(--tds-green-dark);
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
text-align: center;
vertical-align: middle;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.tds-elementor-article tbody th[scope="row"] {
background: var(--tds-green-soft);
color: var(--tds-heading);
font-weight: 700;
line-height: 1.45;
}
/* Hiring-checklist table: reserve enough space for the Weight column and keep
short headers and percentage values together instead of splitting letters. */
.tds-elementor-article .tds-table--checklist {
font-size: 14.5px;
}
.tds-elementor-article .tds-table--checklist thead th:nth-child(1),
.tds-elementor-article .tds-table--checklist thead th:nth-child(3),
.tds-elementor-article .tds-table--checklist thead th:nth-child(4),
.tds-elementor-article .tds-table--checklist thead th:nth-child(5) {
white-space: nowrap;
}
.tds-elementor-article .tds-table--checklist th:nth-child(3),
.tds-elementor-article .tds-table--checklist td:nth-child(3) {
text-align: center;
vertical-align: middle;
white-space: nowrap;
overflow-wrap: normal;
}
/* Strong Elementor/theme overrides for compact, readable table rows and columns. */
.tds-elementor-article .tds-table > thead > tr > th,
.tds-elementor-article .tds-table > tbody > tr > th,
.tds-elementor-article .tds-table > tbody > tr > td {
padding: 12px 13px !important;
font-size: 14.5px !important;
line-height: 1.45 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
.tds-elementor-article .tds-table > thead > tr > th {
font-size: 14px !important;
line-height: 1.35 !important;
overflow-wrap: normal !important;
}
.tds-elementor-article .tds-table > tbody > tr > th,
.tds-elementor-article .tds-table > tbody > tr > td {
vertical-align: middle;
}
.tds-elementor-article .tds-table--checklist > thead > tr > th:nth-child(1),
.tds-elementor-article .tds-table--checklist > thead > tr > th:nth-child(3),
.tds-elementor-article .tds-table--checklist > thead > tr > th:nth-child(4),
.tds-elementor-article .tds-table--checklist > thead > tr > th:nth-child(5),
.tds-elementor-article .tds-table--checklist > tbody > tr > td:nth-child(3) {
white-space: nowrap !important;
overflow-wrap: normal !important;
}
.tds-elementor-article .tds-faq h3 {
margin-top: 30px;
}
.tds-elementor-article .tds-faq h3:first-of-type {
margin-top: 24px;
}
.tds-elementor-article .tds-faq p:last-child,
.tds-elementor-article .tds-content-section:last-child p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.tds-elementor-article {
font-size: 15.5px;
line-height: 1.7;
}
.tds-elementor-article p {
margin-bottom: 18px;
}
.tds-elementor-article h2 {
margin-top: 38px;
margin-bottom: 15px;
}
.tds-elementor-article h3 {
margin-top: 27px;
margin-bottom: 12px;
}
.tds-elementor-article .tds-key-takeaways {
padding: 20px;
}
.tds-elementor-article table {
font-size: 14.5px;
}
.tds-elementor-article .tds-table--3 {
min-width: 680px;
}
.tds-elementor-article .tds-table--4 {
min-width: 760px;
}
.tds-elementor-article .tds-table--5 {
min-width: 820px;
}
.tds-elementor-article .tds-table--checklist {
min-width: 800px;
}
.tds-elementor-article th,
.tds-elementor-article td {
padding: 11px 12px;
}
}