.ckl-article__content {
font-size: 1.225rem; line-height: 157%; color: var(--ckl-dark);
}
.ckl-article__content > * {
margin-block: 0 1.55em; } .ckl-article__content h2,
.ckl-article__content h4 {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
color: var(--ckl-dark);
line-height: 95%;
margin-top: 1.8em;
}
.ckl-article__content h2 {
font-size: clamp(1.75rem, 3.4vw, 3.15rem); }
.ckl-article__content h3 {
font-family: var(--ckl-font-tag);
font-weight: var(--ckl-fw-tag);
font-size: 1.225rem; text-transform: uppercase;
color: var(--ckl-blue);
letter-spacing: 0.02em;
line-height: 130%;
margin-top: 2.6em;
margin-bottom: 0.6em;
}
.ckl-article__content h4 {
font-size: 1.5rem;
}  .ckl-article__content a {
color: var(--ckl-dark);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.15em;
}
.ckl-article__content a:hover {
color: var(--ckl-blue);
} .ckl-article__content ul,
.ckl-article__content ol {
padding-left: 1.9rem; }
.ckl-article__content li {
margin-bottom: 0;
} .ckl-article__content ul {
list-style: square;
list-style-type: '▪';
}
.ckl-article__content ul ul {
list-style: square;
list-style-type: '▫';
}
.ckl-article__content ul ul ul {
list-style: square;
list-style-type: '–';
}
.ckl-article__content ol {
list-style-type: decimal;
}
.ckl-article__content ol ol {
list-style-type: lower-alpha;
}
.ckl-article__content ol ol ol {
list-style-type: lower-roman;
}
.ckl-article__content li::marker {
color: var(--ckl-dark);
font-size: 0.6em;
}
.ckl-article__content ol li::marker {
font-size: 1em; } .ckl-article__content li > ul,
.ckl-article__content li > ol {
margin-block: 0.4em 0;
padding-left: 1.4rem;
}
.ckl-article__content li > p {
margin-bottom: 0.6em;
} .ckl-article__content img {
margin-block: 1rem;
} .ckl-article__content blockquote {
margin: 2rem 0;
padding-left: 1.5rem;
border-left: 0.25rem solid var(--ckl-blue);
color: var(--ckl-dark);
font-weight: 700;
} .ckl-article__content .has-blue-color,
.ckl-article__content .has-blue-color a {
color: var(--ckl-blue);
}
.ckl-article__content pre {
background: var(--ckl-dark);
color: var(--ckl-white);
padding: 1.25rem;
overflow-x: auto;
font-size: 0.875rem;
line-height: 150%;
} .ckl-article__content .aligncenter {
display: block;
margin-inline: auto;
}
.ckl-article__content .alignnone {
margin-inline: 0; }
.ckl-article__content .alignleft {
float: left;
margin: 0.35em 1.55em 1.2em 0;
max-width: 50%;
}
.ckl-article__content .alignright {
float: right;
margin: 0.35em 0 1.2em 1.55em;
max-width: 50%;
} .ckl-article__content::after {
content: '';
display: block;
clear: both;
margin-block: 0; }
.ckl-article__content h1,
.ckl-article__content h2 {
clear: both;
} .ckl-article__content .wp-caption {
max-width: 100%;
}
.ckl-article__content .wp-caption img {
width: 100%;
height: auto;
}  .ckl-article__content h1 {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: clamp(2rem, 3.9vw, 3.675rem); line-height: 95%;
color: var(--ckl-dark);
margin-top: 1.8em;
} .ckl-article__content h5 {
font-family: var(--ckl-font-tag);
font-weight: var(--ckl-fw-tag);
font-size: 1.05rem; text-transform: uppercase;
color: var(--ckl-blue);
letter-spacing: 0.02em;
line-height: 130%;
margin-top: 2.2em;
margin-bottom: 0.5em;
}
.ckl-article__content h6 {
font-family: var(--ckl-font-tag);
font-weight: var(--ckl-fw-tag);
font-size: 0.7875rem; text-transform: uppercase;
color: var(--ckl-text-muted);
letter-spacing: 0.02em;
line-height: 130%;
margin-top: 2.2em;
margin-bottom: 0.5em;
}
.ckl-article__content strong,
.ckl-article__content b {
font-weight: 700; } .ckl-article__content em,
.ckl-article__content i,
.ckl-article__content cite,
.ckl-article__content dfn {
font-style: italic;
font-synthesis: style;
} .ckl-article__content code {
font-family: var(--ckl-font-tag);
font-size: 0.86em;
background-color: var(--ckl-gray);
padding: 0.1em 0.32em;
overflow-wrap: break-word;
} .ckl-article__content pre code {
background: none;
padding: 0;
font-size: inherit;
white-space: inherit;
} .ckl-article__content pre {
tab-size: 2;
white-space: pre;
max-width: 100%;
overscroll-behavior-x: contain;
border-left: 0.25rem solid var(--ckl-blue); margin-block: 0 1.55em;
} .ckl-article__content blockquote > * {
margin-block: 0 1.55em;
}
.ckl-article__content blockquote > *:last-child {
margin-bottom: 0;
}
.ckl-article__content blockquote cite {
display: block;
margin-top: 0.8em;
font-family: var(--ckl-font-tag);
font-style: normal;
font-weight: 400;
font-size: 0.7875rem; text-transform: uppercase;
color: var(--ckl-text-muted);
}  .ckl-article__content figure {
margin: 0 0 1.55em;
}
.ckl-article__content figure > img,
.ckl-article__content figure > a > img {
margin-block: 0;
} .ckl-article__content figure:not(.wp-block-gallery) > figcaption,
.ckl-article__content .wp-caption-text {
margin: 0.7rem 0 0;
font-size: 0.7875rem; line-height: 1.4;
color: var(--ckl-text-muted);
text-align: left;
} .ckl-article__content table {
display: block;
width: max-content;
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
font-size: 0.875em;
margin-block: 0 1.55em;
} .ckl-article__content .wp-block-table > table {
display: table;
width: 100%;
}
.ckl-article__content th,
.ckl-article__content td {
padding: 0.55em 0.8em;
border: 1px solid var(--ckl-light-gray);
text-align: left;
vertical-align: top;
}
.ckl-article__content thead th {
background-color: var(--ckl-gray);
font-family: var(--ckl-font-tag);
font-weight: var(--ckl-fw-tag);
font-size: 0.7875rem; text-transform: uppercase;
letter-spacing: 0.02em;
}
.ckl-article__content caption {
caption-side: bottom;
padding-top: 0.7rem;
font-size: 0.7875rem; color: var(--ckl-text-muted);
text-align: left;
}
.ckl-article__content video {
width: 100%;
height: auto;
}
.ckl-article__content audio {
display: block;
width: 100%;
}
.ckl-article__content iframe {
display: block;
border: 0;
max-width: 100%;
margin-block: 0 1.55em;
} .ckl-article__content iframe[src*='youtube'],
.ckl-article__content iframe[src*='youtu.be'],
.ckl-article__content iframe[src*='vimeo'],
.ckl-article__content iframe[src*='player.'],
.ckl-article__content iframe[data-src*='youtube'],
.ckl-article__content iframe[data-src*='youtu.be'],
.ckl-article__content iframe[data-src*='vimeo'],
.ckl-article__content iframe[data-src*='player.'] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
} .ckl-article__content mark {
background-color: var(--ckl-aqua-blue); color: var(--ckl-dark);
padding: 0 0.15em;
}
.ckl-article__content del,
.ckl-article__content s,
.ckl-article__content strike {
text-decoration: line-through;
color: var(--ckl-text-muted);
}
.ckl-article__content ins {
background-color: color-mix(in srgb, var(--ckl-aqua-blue) 40%, #fff);
text-decoration: none;
}
.ckl-article__content u {
text-decoration: underline;
text-decoration-color: var(--ckl-medium-gray);
}
.ckl-article__content abbr[title] {
text-decoration: underline dotted;
cursor: help;
}
.ckl-article__content kbd {
font-family: var(--ckl-font-tag);
font-size: 0.86em;
padding: 0.1em 0.35em;
border: 1px solid var(--ckl-medium-gray);
border-radius: 0.125rem;
box-shadow: 0 1px 0 var(--ckl-medium-gray);
background-color: var(--ckl-white);
}
.ckl-article__content q {
quotes: '“' '”' '‘' '’';
}
.ckl-article__content small {
font-size: 0.79em; } .ckl-article__content sub,
.ckl-article__content sup {
font-size: 0.7em;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.ckl-article__content sup {
top: -0.5em;
}
.ckl-article__content sub {
bottom: -0.25em;
}
.ckl-article__content dt {
font-weight: 500;
}
.ckl-article__content dd {
margin: 0 0 1.55em 1.9rem; }
.ckl-article__content hr {
border: 0;
border-top: 1px solid var(--ckl-light-gray);
margin-block: 2.8rem; }
.ckl-article__content address {
font-style: normal;
}
.ckl-article__content details {
margin-block: 0 1.55em;
}
.ckl-article__content summary {
cursor: pointer;
list-style: none;
font-weight: 500;
}
.ckl-article__content summary::-webkit-details-marker {
display: none;
}
.ckl-article__content summary::after {
content: '+';
margin-left: 0.5em;
color: var(--ckl-blue);
}
.ckl-article__content details[open] > summary::after {
content: '–';
} .ckl-article__content .wp-block-quote {
margin: 2rem 0;
padding-left: 1.5rem;
border-left: 0.25rem solid var(--ckl-blue);
font-weight: 700;
}
.ckl-article__content .wp-block-pullquote {
padding: 2.8rem 0; border-top: 1px solid var(--ckl-light-gray);
border-bottom: 1px solid var(--ckl-light-gray);
}
.ckl-article__content .wp-block-pullquote p {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: 1.4em;
line-height: 1.35;
font-style: normal;
}
.ckl-article__content .wp-block-code,
.ckl-article__content .wp-block-preformatted,
.ckl-article__content .wp-block-verse {
margin-block: 0 1.55em;
}
.ckl-article__content .wp-block-code pre,
.ckl-article__content .wp-block-preformatted pre {
margin-block: 0;
} .ckl-article__content .wp-block-button__link {
display: inline-block;
border-radius: 0;
background-color: var(--ckl-aqua-blue);
color: var(--ckl-dark);
font-family: var(--ckl-font-tag);
font-weight: var(--ckl-fw-tag);
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
padding: 1.375rem 1.9375rem;
transition:
color 0.2s ease-in-out,
background-color 0.2s ease-in-out;
}
.ckl-article__content .wp-block-button__link:hover {
background-color: var(--ckl-blue);
color: var(--ckl-white);
}
.ckl-article__content .wp-block-columns {
gap: clamp(1.5rem, 3vw, 2.8rem);
}
.ckl-article__content .wp-block-group.has-background,
.ckl-article__content .wp-block-cover {
padding: 2.8rem;
border-radius: 0;
}
.ckl-article__content .wp-block-separator {
border-top: 1px solid var(--ckl-light-gray);
border-bottom: 0; color: var(--ckl-light-gray);
} .ckl-article__content > .wp-block-spacer {
margin-block: 0;
}
.ckl-article__content .wp-block-media-text__content {
padding: 0 0 0 1.55em;
}
.ckl-article__content .wp-block-file,
.ckl-article__content .wp-block-details,
.ckl-article__content .wp-block-video,
.ckl-article__content .wp-block-audio,
.ckl-article__content .wp-block-html {
margin-block: 0 1.55em;
}
.ckl-article__content .wp-block-gallery figcaption,
.ckl-article__content .blocks-gallery-caption {
color: var(--ckl-text-muted);
font-size: 0.7875rem;
} .ckl-article__content .alignwide {
margin-inline: calc(-1 * clamp(0rem, 2vw, 2.5rem));
width: auto;
}
.ckl-article__content .alignfull {
width: 100vw;
max-width: 100vw;
margin-inline: calc(50% - 50vw);
} .ckl-article {
overflow-x: clip;
} .ckl-article__content .has-text-color a,
.ckl-article__content .has-link-color a {
color: inherit;
}
.ckl-article__content .has-background {
padding: 1.4rem; } .ckl-article__content .has-blue-background-color,
.ckl-article__content .has-default-background-color {
color: var(--ckl-white);
}