.ks-cc {
--ks-cc-accent: #e22658;
--ks-cc-accent-dark: #b81d47;
--ks-cc-text: #1c1c1c;
--ks-cc-muted: #5a5f66;
--ks-cc-bg: #fff;
--ks-cc-soft: #f4f8fa;
--ks-cc-border: #dbdbdb;
--ks-cc-radius: 0.75em;
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
color: var(--ks-cc-text);
}
.ks-cc [hidden] {
display: none !important;
} .ks-cc__banner {
position: fixed;
z-index: 99990;
left: 1.25em;
bottom: 1.25em;
box-sizing: border-box;
width: min(28em, calc(100vw - 2.5em));
max-height: calc(100vh - 2.5em);
overflow: auto;
padding: 1.5em;
background: var(--ks-cc-bg);
border: 1px solid var(--ks-cc-border);
border-top: 4px solid var(--ks-cc-accent);
border-radius: var(--ks-cc-radius);
box-shadow: 0 0.75em 2.5em rgba(16, 24, 40, 0.18);
animation: ks-cc-in 0.25s ease-out;
}
@keyframes ks-cc-in {
from {
opacity: 0;
transform: translateY(1em);
}
}
.ks-cc .ks-cc__title {
margin: 0 0 0.5em;
font-family: inherit;
font-size: 1.125em;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.3;
color: var(--ks-cc-text);
}
.ks-cc .ks-cc__text {
margin: 0 0 1.25em;
font-family: inherit;
font-size: 0.875em;
line-height: 1.55;
color: var(--ks-cc-muted);
}
.ks-cc a {
color: var(--ks-cc-accent);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.ks-cc a:hover,
.ks-cc a:focus {
color: var(--ks-cc-accent-dark);
} .ks-cc__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5em;
}
.ks-cc .ks-cc__btn {
box-sizing: border-box;
margin: 0;
padding: 0.75em 1em;
border: 2px solid var(--ks-cc-accent);
border-radius: 0.5em;
font-family: inherit;
font-size: 0.875em;
font-weight: 600;
letter-spacing: 0;
line-height: 1.2;
text-transform: none;
text-align: center;
cursor: pointer;
transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.ks-cc .ks-cc__btn--primary {
background: var(--ks-cc-accent);
color: #fff;
}
.ks-cc .ks-cc__btn--primary:hover {
background: var(--ks-cc-accent-dark);
border-color: var(--ks-cc-accent-dark);
}
.ks-cc .ks-cc__btn--secondary {
grid-column: 1 / -1;
background: transparent;
color: var(--ks-cc-accent);
}
.ks-cc .ks-cc__btn--secondary:hover {
background: var(--ks-cc-soft);
}
.ks-cc .ks-cc__btn:focus-visible,
.ks-cc__reopen:focus-visible,
.ks-cc input:focus-visible {
outline: 3px solid var(--ks-cc-text);
outline-offset: 2px;
} .ks-cc__dialog {
box-sizing: border-box;
width: min(36em, calc(100vw - 2em));
max-height: calc(100vh - 2em);
padding: 0;
border: 0;
border-radius: var(--ks-cc-radius);
box-shadow: 0 1.5em 4em rgba(16, 24, 40, 0.3);
background: var(--ks-cc-bg);
color: var(--ks-cc-text);
}
.ks-cc__dialog::backdrop {
background: rgba(16, 24, 40, 0.55);
}
.ks-cc__form {
padding: 1.75em;
}
.ks-cc .ks-cc__categories {
margin: 0 0 1.5em;
padding: 0;
list-style: none;
border: 1px solid var(--ks-cc-border);
border-radius: 0.5em;
}
.ks-cc .ks-cc__category {
margin: 0;
padding: 1em 1.25em;
}
.ks-cc .ks-cc__category + .ks-cc__category {
border-top: 1px solid var(--ks-cc-border);
}
.ks-cc__switch {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
margin: 0;
cursor: pointer;
}
.ks-cc__category-name {
font-size: 0.9375em;
font-weight: 600;
}
.ks-cc .ks-cc__category-text {
margin: 0.35em 0 0;
font-size: 0.8125em;
line-height: 1.5;
color: var(--ks-cc-muted);
}
.ks-cc__always {
font-size: 0.75em;
font-weight: 600;
color: #2d7a46;
white-space: nowrap;
} .ks-cc__switch input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
position: relative;
flex: 0 0 auto;
width: 2.75em;
height: 1.5em;
margin: 0;
border: 0;
border-radius: 1em;
background: #c3c8cf;
cursor: pointer;
transition: background-color 0.15s;
}
.ks-cc__switch input[type="checkbox"]::before {
content: "";
position: absolute;
top: 0.1875em;
left: 0.1875em;
width: 1.125em;
height: 1.125em;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
transition: transform 0.15s;
}
.ks-cc__switch input[type="checkbox"]:checked {
background: var(--ks-cc-accent);
}
.ks-cc__switch input[type="checkbox"]:checked::before {
transform: translateX(1.25em);
}
.ks-cc__dialog .ks-cc__actions {
grid-template-columns: 1fr 1fr 1fr;
}
.ks-cc__dialog .ks-cc__btn--secondary {
grid-column: auto;
} .ks-cc__reopen {
position: fixed;
z-index: 99980;
left: 1em;
bottom: 1em;
display: flex;
align-items: center;
justify-content: center;
width: 2.75em;
height: 2.75em;
margin: 0;
padding: 0;
border: 1px solid var(--ks-cc-border);
border-radius: 50%;
background: var(--ks-cc-bg);
color: var(--ks-cc-accent);
box-shadow: 0 0.25em 0.75em rgba(16, 24, 40, 0.15);
cursor: pointer;
transition: transform 0.15s;
}
.ks-cc__reopen:hover {
transform: scale(1.08);
} .ks-cc-audit code {
font-size: 0.85em;
} @media (max-width: 600px) {
.ks-cc__banner {
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 85vh;
padding: 1.25em 1em calc(1em + env(safe-area-inset-bottom));
border-left: 0;
border-right: 0;
border-bottom: 0;
border-radius: var(--ks-cc-radius) var(--ks-cc-radius) 0 0;
}
.ks-cc__dialog .ks-cc__actions {
grid-template-columns: 1fr 1fr;
}
.ks-cc__dialog .ks-cc__btn--secondary {
grid-column: 1 / -1;
}
.ks-cc__form {
padding: 1.25em;
}
}
@media (prefers-reduced-motion: reduce) {
.ks-cc__banner {
animation: none;
}
.ks-cc .ks-cc__btn,
.ks-cc__reopen,
.ks-cc__switch input[type="checkbox"],
.ks-cc__switch input[type="checkbox"]::before {
transition: none;
}
}.entry-header .entry-header-inner.section-inner.medium,
.featured-media-inner.section-inner.medium,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
.alignfull > figcaption,
.alignfull > .wp-caption-text,
.post-meta-wrapper,
.post-nav-links,
.author-bio,
.comment-respond p:not(.comment-notes) {
max-width: 80rem;
}  h1,
.heading-size-1 {
font-size: 3rem;
}
h2,
.heading-size-2 {
font-size: 2.6rem;
}
h3,
.heading-size-3 {
font-size: 2.3rem;
}
h4,
.heading-size-4 {
font-size: 2.1rem;
}
h5,
.heading-size-5 {
font-size: 1.9rem;
}
h2.entry-title {
font-size: 3rem;
} .singular .intro-text {
font-size: 1.8rem;
}
@media ( min-width: 700px ) {
.singular .intro-text {
font-size: 2.2rem;
} h1,
.heading-size-1 {
font-size: 4.4rem;
}
h2,
.heading-size-2 {
font-size: 3.4rem;
}
h3,
.heading-size-3 {
font-size: 2.8rem;
}
h4,
.heading-size-4 {
font-size: 2.4rem;
}
h5,
.heading-size-5 {
font-size: 2.1rem;
} h2.entry-title {
font-size: 4rem;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
margin: 5rem auto 2.5rem;
} .entry-content p,
.entry-content li {
line-height: 1.6;
}
}