@charset "UTF-8";
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/Inter/InterVariable.woff2) format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/Inter/InterVariable-Italic.woff2) format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-display: swap;
  font-weight: 200 999;
  src: url(../fonts/source-serif-4/SourceSerif4-VariableFont_opsz,wght.ttf)
    format("truetype-variations");
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-display: swap;
  font-weight: 200 999;
  src: url(../fonts/source-serif-4/SourceSerif4-Italic-VariableFont_opsz,wght.ttf)
    format("truetype-variations");
}
:root {
  --color-headerCard-light: #fff;
  --color-headerCard-dark: #000;
  --color-text-headerCardStyleLight: var(--color-headerCard-dark);
  --color-background-headerCardStyleLight: var(--color-headerCard-light);
  --color-text-button-headerCardStyleLight: var(--color-headerCard-light);
  --color-background-button-headerCardStyleLight: var(--color-headerCard-dark);
  --color-text-button-hover-headerCardStyleLight: var(--color-headerCard-light);
  --color-background-button-hover-headerCardStyleLight: var(
    --color-headerCard-dark
  );
  --color-text-headerCardStyleDark: var(--color-headerCard-light);
  --color-background-headerCardStyleDark: var(--color-headerCard-dark);
  --color-text-button-headerCardStyleDark: var(--color-headerCard-dark);
  --color-background-button-headerCardStyleDark: var(--color-headerCard-light);
  --color-text-button-hover-headerCardStyleDark: var(--color-headerCard-dark);
  --color-background-button-hover-headerCardStyleDark: var(
    --color-headerCard-light
  );
  --color-text-headerCardStyleAccent: var(--color-background-primary);
  --color-background-headerCardStyleAccent: var(--color-accent);
  --color-text-button-headerCardStyleAccent: var(--color-text-primary);
  --color-background-button-headerCardStyleAccent: var(
    --color-background-primary
  );
  --color-text-button-hover-headerCardStyleAccent: var(--color-text-primary);
  --color-background-button-hover-headerCardStyleAccent: var(
    --color-background-primary
  );
  --color-text-headerCardStyleImage: var(--color-headerCard-light);
  --color-background-headerCardStyleImage: var(--color-headerCard-dark);
  --color-text-button-headerCardStyleImage: var(--color-headerCard-light);
  --color-background-button-headerCardStyleImage: var(--color-headerCard-dark);
  --color-text-button-hover-headerCardStyleImage: var(--color-headerCard-dark);
  --color-background-button-hover-headerCardStyleImage: var(
    --color-headerCard-light
  );
}
:root {
  --color-text-button: var(--color-background-primary);
  --color-background-button: var(--color-accent);
  --color-text-button-hover: var(--color-background-primary);
  --color-background-button-hover: var(--color-text-primary);
}
:root {
  --content-width: 708px;
  --content-flow: var(--space-32);
}
:root {
  --html-symbol-dark: "☾";
  --html-symbol-light: "☼";
  --html-symbol-em-dash: "—";
  --html-symbol-checkmark: "✓";
  --html-symbol-multiplication: "✕";
}
:root {
  --motion-duration-slow: 0.5s;
  --motion-duration-fast: 0.25s;
}
:root {
  --ratio-1: 1;
  --ratio-3x2: 3/2;
  --ratio-16x9: 16/9;
}
:root {
  --focus-outline-size: var(--space-2);
  --focus-outline-style: solid;
  --focus-outline-color: currentColor;
  --focus-outline-offset: var(--space-2);
}
:root {
  --border-radius: var(--space-4);
  --border-radius-circle: 50%;
}
:root {
  --border-width: 0.5px;
  --border-style: solid;
  --border-vertical-offset: calc(calc(var(--grid-gap) / 2) * -1);
}
:root {
  --grid-width: 1400px;
  --grid-gap: var(--space-32);
  --grid-margin: var(--space-20);
  --grid-margin-large: var(--space-32);
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --space-160: 160px;
  --space-168: 168px;
}
:root {
  --font-size-scale-0: 12px;
  --line-height-scale-0: 16px;
  --font-size-scale-1: 14px;
  --line-height-scale-1: 16px;
  --font-size-scale-2: 16px;
  --line-height-scale-2: 20px;
  --font-size-scale-3: 18px;
  --line-height-scale-3: 20px;
  --font-size-scale-4: 20px;
  --line-height-scale-4: 24px;
  --font-size-scale-5: 24px;
  --line-height-scale-5: 28px;
  --font-size-scale-6: 28px;
  --line-height-scale-6: 32px;
  --font-size-scale-7: 32px;
  --line-height-scale-7: 32px;
  --font-size-scale-8: 40px;
  --line-height-scale-8: 40px;
  --font-size-scale-9: 48px;
  --line-height-scale-9: 48px;
  --font-size-scale-10: 72px;
  --line-height-scale-10: 72px;
  --font-size-scale-body-copy: 20px;
  --line-height-scale-body-copy: 32px;
  --line-height-scale-tight: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-letter-spacing-brevier: 0.7px;
  --font-letter-spacing-long-primer: 0.25px;
  --font-letter-spacing-tiny: 0.6px;
  --font-letter-spacing-small: 1.2px;
  --font-letter-spacing-base: 1.6px;
  --font-letter-spacing-large: 2.8px;
  --font-letter-spacing-negative: -0.5px;
  --font-family-serif: "Source Serif 4", Charter, Georgia, serif;
  --font-family-sansSerif:
    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
    sans-serif;
}
:root {
  --color-mode: "light";
  --color-accent: var(--ghost-accent-color);
  --color-text-primary: #000000;
  --color-text-secondary: #4e5965;
  --color-border-primary: #000000;
  --color-border-secondary: #d9d9d9;
  --color-background-primary: #ffffff;
  --color-background-secondary: #eff8fa;
}
:root {
  --dark-mode-accent-color: #f56819;
  --ghost-accent-color: #2c2c59;
}

@media (prefers-color-scheme: dark) {
  :root.is-darkModeAdminSetting-enabled {
    --color-mode: "dark";
  }
  :root:not([data-user-color-scheme]).is-darkModeAdminSetting-enabled {
    --color-mode: "dark";
    --color-accent: var(--dark-mode-accent-color);
    --color-text-primary: #ffffff;
    --color-text-secondary: #b3b3b3;
    --color-border-primary: #525252;
    --color-border-secondary: #303030;
    --color-background-primary: #000000;
    --color-background-secondary: #1c1c1e;
  }
}
[data-user-color-scheme="dark"] {
  --color-mode: "dark";
  --color-accent: var(--dark-mode-accent-color);
  --color-text-primary: #ffffff;
  --color-text-secondary: #b3b3b3;
  --color-border-primary: #525252;
  --color-border-secondary: #303030;
  --color-background-primary: #000000;
  --color-background-secondary: #1c1c1e;
} /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::after,
::before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
body {
  margin: 0;
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family:
    ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
code[class*="language-"],
pre[class*="language-"] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}
pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #708090;
}
.token.punctuation {
  color: #999;
}
.token.namespace {
  opacity: 0.7;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color: #905;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #690;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}
.token.class-name,
.token.function {
  color: #dd4a68;
}
.token.important,
.token.regex,
.token.variable {
  color: #e90;
}
.token.bold,
.token.important {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
body .fslightbox-image-wrap {
  display: block;
}
body .fslightbox-container {
  font-family: var(--font-family-sansSerif);
  background: var(--color-background-primary);
}
body .fslightbox-nav {
  height: var(--space-48);
}
body .fslightbox-toolbar {
  right: var(--space-12);
}
body [data-fslightbox] img {
  cursor: zoom-in;
}
body .fslightbox-invalid-file-wrapper {
  color: var(--color-text-secondary);
}
body .fslightbox-slide-number-container {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  left: var(--space-12);
  color: var(--color-text-secondary);
}
body .fslightbox-slash {
  background: var(--color-text-secondary);
}
body .fslightbox-toolbar > .fslightbox-toolbar-button:first-child {
  display: none;
}
body .fslightbox-svg-path {
  fill: var(--color-text-secondary);
}
body .fslightbox-toolbar {
  background: var(--color-background-primary);
}
body .fslightbox-toolbar:hover .fslightbox-svg-path {
  fill: var(--color-text-secondary);
}
body .fslightbox-slide-btn {
  background: var(--color-background-primary);
}
body .fslightbox-slide-btn-container {
  padding-left: var(--space-16);
}
body .fslightbox-slide-btn-container:hover .fslightbox-svg-path {
  fill: var(--color-text-secondary);
}
body .fslightbox-slide-btn-container-next {
  padding-right: var(--space-16);
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.icon {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  fill: currentColor;
}
.icon__cnt {
  width: 100%;
  height: 100%;
  background: inherit;
  fill: inherit;
  pointer-events: none;
  transform: translateX(0);
  -ms-transform: translate(0.5px, -0.3px);
}
.icon--m {
  width: 50px;
  height: 50px;
}
.icon--l {
  width: 100px;
  height: 100px;
}
.icon--xl {
  width: 150px;
  height: 150px;
}
.icon--xxl {
  width: 200px;
  height: 200px;
}
.icon__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icon--ei-spinner .icon__spinner,
.icon--ei-spinner-2 .icon__spinner {
  animation: spin 1s steps(12) infinite;
}
.icon--ei-spinner-3 .icon__spinner {
  animation: spin 1.5s linear infinite;
}
.icon--ei-sc-facebook {
  fill: #3b5998;
}
.icon--ei-sc-github {
  fill: #333;
}
.icon--ei-sc-google-plus {
  fill: #dd4b39;
}
.icon--ei-sc-instagram {
  fill: #3f729b;
}
.icon--ei-sc-linkedin {
  fill: #0976b4;
}
.icon--ei-sc-odnoklassniki {
  fill: #ed812b;
}
.icon--ei-sc-skype {
  fill: #00aff0;
}
.icon--ei-sc-soundcloud {
  fill: #f80;
}
.icon--ei-sc-tumblr {
  fill: #35465c;
}
.icon--ei-sc-twitter {
  fill: #55acee;
}
.icon--ei-sc-vimeo {
  fill: #1ab7ea;
}
.icon--ei-sc-vk {
  fill: #45668e;
}
.icon--ei-sc-youtube {
  fill: #e52d27;
}
.icon--ei-sc-pinterest {
  fill: #bd081c;
}
.icon--ei-sc-telegram {
  fill: #08c;
}
.icon {
  width: var(--space-24);
  height: var(--space-24);
}
.icon--m {
  width: var(--space-48);
  height: var(--space-48);
}
:where(
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  p,
  pre,
  dl,
  dd,
  ol,
  ul,
  figure,
  hr,
  fieldset,
  legend
) {
  margin: 0;
  padding: 0;
}
li > ol,
li > ul {
  margin-bottom: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* :is(a, button, input, textarea, summary):focus-visible {
  outline: var(--focus-outline-size) var(--focus-outline-style)
    var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
} */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none;
    transition: none;
  }
}
.o-grid {
  width: 100%;
  margin: auto;
  display: grid;
  max-width: var(--grid-width);
  padding: 0 var(--grid-margin);
}
@media (min-width: 64em) {
  .o-grid {
    padding: 0 var(--grid-margin-large);
  }
}
.o-grid[class*="-columns"] {
  grid-gap: var(--grid-gap);
}
@media (min-width: 40em) {
  .o-grid--2-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 40em) {
  .o-grid--3-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .o-grid--3-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 40em) {
  .o-grid--4-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .o-grid--4-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 40em) {
  .o-grid--2-1-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .o-grid--2-1-columns {
    grid-template-columns: 2fr 1fr;
  }
}
.u-font-size-scale-0 {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
}
.u-font-size-scale-1 {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
}
.u-font-size-scale-2 {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
}
.u-font-size-scale-3 {
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-3);
}
.u-font-size-scale-4 {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
}
.u-font-size-scale-5 {
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-5);
}
.u-font-size-scale-6 {
  font-size: var(--font-size-scale-6);
  line-height: var(--line-height-scale-6);
}
.u-font-size-scale-7 {
  font-size: var(--font-size-scale-7);
  line-height: var(--line-height-scale-7);
}
.u-font-size-scale-8 {
  font-size: var(--font-size-scale-8);
  line-height: var(--line-height-scale-8);
}
.u-font-size-scale-9 {
  font-size: var(--font-size-scale-9);
  line-height: var(--line-height-scale-9);
}
.u-font-size-scale-10 {
  font-size: var(--font-size-scale-10);
  line-height: var(--line-height-scale-10);
}
.u-font-family-serif {
  font-family: var(--font-family-serif) !important;
}
.u-font-family-sansSerif {
  font-family: var(--font-family-sansSerif) !important;
}
.u-font-weight-normal {
  font-weight: var(--font-weight-normal);
}
.u-font-weight-medium {
  font-weight: var(--font-weight-medium);
}
.u-font-weight-semibold {
  font-weight: var(--font-weight-semibold);
}
.u-font-weight-bold {
  font-weight: var(--font-weight-bold);
}
.kg-header-card-header,
.u-font-headline {
  font-size: var(--font-size-scale-6);
  line-height: var(--line-height-scale-6);
  font-weight: var(--font-weight-medium);
}
@media (min-width: 64em) {
  .kg-header-card-header,
  .u-font-headline {
    font-size: var(--font-size-scale-8);
    line-height: var(--line-height-scale-8);
    letter-spacing: var(--font-letter-spacing-negative);
  }
}
.kg-header-card-subheader,
.u-font-standfirst {
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-5);
  font-weight: var(--font-weight-normal);
}
@media (min-width: 64em) {
  .kg-header-card-subheader,
  .u-font-standfirst {
    font-size: var(--font-size-scale-5);
    line-height: var(--line-height-scale-6);
  }
}
.u-font-uppercase {
  text-transform: uppercase;
}
.u-link {
  text-decoration: underline;
}
.u-link:hover {
  text-decoration: none;
}
.u-link:focus-visible {
  text-decoration: none;
}
.u-align-auto {
  margin: auto;
}
.u-align-center {
  text-align: center;
}
.u-color-text-brand {
  color: var(--color-accent);
}
.u-color-text-secondary {
  color: var(--color-text-secondary);
}
.u-color-background-secondary {
  background-color: var(--color-background-secondary);
}
.u-drop-cap-large:first-letter,
.u-drop-cap-small:first-letter {
  float: left;
  margin-top: var(--space-8);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
}
@supports (initial-letter: 1 1) {
  .u-drop-cap-large:first-letter,
  .u-drop-cap-small:first-letter {
    float: none;
    margin-top: 0;
  }
}
.u-drop-cap-small::first-letter {
  font-size: 70px;
  line-height: 52px;
  margin-right: var(--space-8);
}
@supports (initial-letter: 1 1) {
  .u-drop-cap-small::first-letter {
    initial-letter: 2;
  }
}
.u-drop-cap-large::first-letter {
  font-size: 118px;
  line-height: 86px;
  margin-right: var(--space-12);
}
@supports (initial-letter: 1 1) {
  .u-drop-cap-large::first-letter {
    initial-letter: 3;
  }
}
.u-hidden {
  display: none;
}
.u-block {
  display: block;
}
.u-screenreader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
@media (max-width: 63.99em) {
  .u-visible-on-desktop {
    display: none !important;
  }
}
.u-mt-8 {
  margin-top: var(--space-8);
}
.u-mr-8 {
  margin-right: var(--space-8);
}
.u-mt-16 {
  margin-top: var(--space-16);
}
.u-mb-16 {
  margin-bottom: var(--space-16);
}
.u-p-32 {
  padding: var(--space-32);
}
.u-plain-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.u-flex {
  display: flex;
}
.u-align-items-center {
  align-items: center;
}
.u-gap-8 {
  gap: var(--space-8);
}
body,
html {
  height: 100%;
}
body {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-normal);
  direction: ltr;
  color: var(--color-text-primary);
  background-color: var(--color-background-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: inherit;
  text-decoration: none;
}
:where(dd, ol, ul) {
  margin-left: var(--space-16);
}
img {
  height: auto;
  display: block;
  max-width: 100%;
  font-style: italic;
}
hr,hr.wp-block-separator {
  border: 0;
  height: auto;
  border-top: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
:where(h1, h2, h3, strong) {
  font-weight: var(--font-weight-semibold);
}
:where(h1) {
  font-size: var(--font-size-scale-6);
  line-height: var(--line-height-scale-6);
}
@media (min-width: 64em) {
  :where(h1) {
    font-size: var(--font-size-scale-7);
    line-height: var(--line-height-scale-7);
  }
}
:where(h1) + h2,
:where(h1) + h3 {
  margin-top: var(--space-16);
}
:where(h2) {
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-5);
}
@media (min-width: 64em) {
  :where(h2) {
    font-size: var(--font-size-scale-6);
    line-height: var(--line-height-scale-6);
  }
}
:where(h2) + h3 {
  margin-top: var(--space-16);
}
:where(h3) {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
}
@media (min-width: 64em) {
  :where(h3) {
    font-size: var(--font-size-scale-5);
    line-height: var(--line-height-scale-5);
  }
}
blockquote {
  font-style: italic;
}
blockquote:not(.kg-blockquote-alt) {
  padding-left: var(--space-20);
  border-left: var(--space-2) solid var(--color-accent);
}
li code,
p code {
  padding: var(--space-4) var(--space-8);
  border-radius: var(--border-radius);
  border: var(--border-width) var(--border-style) var(--color-border-secondary);
  background-color: var(--color-background-secondary);
}
code,
code[class*="language-"] {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  text-shadow: none;
  color: var(--color-text-primary);
}
.kg-code-card,
pre,
pre[class*="language-"] {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--border-radius);
}
pre,
pre[class*="language-"] {
  margin-bottom: 0;
  margin-top: var(--content-flow);
  padding: var(--space-32);
  background-color: var(--color-background-secondary);
}
.kg-code-card pre {
  margin-top: 0;
}
.token.operator {
  background-color: transparent;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-medium);
  width: 100%;
  display: block;
  color: var(--color-text-primary);
  padding: var(--space-12) var(--space-20);
  background: 0 0;
  border: var(--border-width) var(--border-style) var(--color-border-secondary);
}
input[type="color"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
input[type="color"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="datetime"]::placeholder,
input[type="email"]::placeholder,
input[type="month"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
input[type="week"]::placeholder,
select::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
table {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  width: 100%;
  max-width: 100%;
  background-color: var(--color-background-secondary);
}
table caption {
  padding: var(--space-16);
  border-style: var(--border-style);
  border-width: var(--border-width) var(--border-width) 0 var(--border-width);
  border-color: var(--color-border-secondary);
  background-color: var(--color-background-secondary);
}
table td,
table th {
  text-align: left;
  padding: var(--space-16);
  white-space: nowrap;
  border: var(--border-width) var(--border-style) var(--color-border-secondary);
}
table tbody + tbody {
  border-top: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.responsive-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  word-break: initial;
}
fieldset {
  border: none;
}
:lang(ar) * {
  letter-spacing: initial;
}
.c-skip {
  position: absolute;
  top: calc(var(--space-96) * -1);
  left: var(--space-32);
  padding: var(--space-4) var(--space-16);
  background-color: var(--color-background-primary);
}
.c-skip:focus {
  z-index: 10;
  top: var(--space-32);
}
.c-header {
  margin-bottom: var(--space-32);
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 var(--space-4) var(--space-2);
}
[data-user-color-scheme="dark"] .c-header {
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-user-color-scheme]).is-darkModeAdminSetting-enabled
    .c-header {
    border-bottom: var(--border-width) var(--border-style)
      var(--color-border-secondary);
  }
}
.c-header__top {
  padding: var(--space-20) 0;
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.c-header__top-block {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}
@media (min-width: 64em) {
  .c-header__top-block {
    gap: var(--space-16);
  }
}
.c-header__top-inner {
  display: grid;
  gap: var(--space-16);
  align-items: center;
  grid-template-columns: auto 2fr auto;
}
@media (min-width: 40em) {
  .c-header__top-inner {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
@media (max-width: 39.99em) {
  .c-header__top-left {
    order: 2;
    margin-left: auto;
  }
  .c-header__top-center {
    order: 1;
  }
  .c-header__top-right {
    order: 3;
  }
}
.c-header__top-right {
  justify-self: end;
}
.c-header__button {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
  padding: 0;
  border: none;
  cursor: pointer;
  background: 0 0;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.c-header__button:hover {
  text-decoration: underline;
}
.c-header__button svg {
  width: var(--space-16);
  height: var(--space-16);
  fill: var(--color-text-primary);
}
.c-footer {
  position: sticky;
  top: 100vh;
  padding: var(--space-64) 0;
  margin-top: var(--space-64);
  background-color: var(--color-background-secondary);
}
.c-footer__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-footer__content > * + * {
  margin-top: var(--space-32);
}
.c-footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-footer-nav .c-nav__item {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-normal);
  text-transform: initial;
  color: var(--color-text-secondary);
}
.c-footer-nav .c-nav__item:not(:first-child)::before {
  display: none;
}
.c-footer-nav li:not(:last-child) {
  margin: 0;
}
.c-footer-nav a {
  text-decoration: underline;
}
.c-footer-nav a:hover {
  text-decoration: none;
}
.c-footer-nav a:focus-visible {
  text-decoration: none;
}
.c-footer-copy {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-2);
  text-align: center;
  color: var(--color-text-secondary);
}
.c-footer-copy a {
  text-decoration: underline;
}
.c-footer-copy a:hover {
  text-decoration: none;
}
.c-footer-copy a:focus-visible {
  text-decoration: none;
}
@media (min-width: 40em) {
  .c-logo {
    margin: auto;
  }
}
.c-logo__link {
  font-size: var(--font-size-scale-6);
  line-height: var(--line-height-scale-6);
  font-weight: var(--font-weight-medium);
}
@media (min-width: 40em) {
  .c-logo__link {
    font-size: var(--font-size-scale-8);
    line-height: var(--line-height-scale-8);
  }
}
.c-logo__img {
  max-height: var(--space-32);
}
@media (min-width: 40em) {
  .c-logo__img {
    max-height: var(--space-48);
  }
}
.c-logo__dark {
  display: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-user-color-scheme]).is-darkModeAdminSetting-enabled
    .c-logo__dark {
    display: block;
  }
  :root:not([data-user-color-scheme]).is-darkModeAdminSetting-enabled
    .c-logo__light {
    display: none;
  }
}
[data-user-color-scheme="dark"] .c-logo__dark {
  display: block;
}
[data-user-color-scheme="dark"] .c-logo__light {
  display: none;
}
.c-nav-wrap {
  min-width: 0;
}
.c-nav {
  display: flex;
  gap: var(--space-16);
  padding: var(--space-16) 0;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 64em) {
  .c-nav--main {
    justify-content: center;
  }
}
.c-nav__item {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
  white-space: nowrap;
}
.c-nav__item:not(:first-child) {
  padding-left: var(--space-16);
  position: relative;
}
.c-nav__item:not(:first-child):before {
  border-left: var(--border-width) var(--border-style) var(--color-accent);
  content: "";
  height: var(--space-16);
  left: 0;
  width: 1px;
  overflow: hidden;
  position: absolute;
}
.c-nav__link {
  display: block;
}
.c-nav__link--current {
  text-decoration: underline;
}
.c-nav__link--current:hover {
  text-decoration: none;
}
.c-nav__link--current:focus-visible {
  text-decoration: none;
}
.home-template .c-nav__link--current {
  text-decoration: none;
}
.c-nav__link:hover {
  text-decoration: underline;
}
.c-author__media {
  width: var(--space-96);
  height: var(--space-96);
  border-radius: var(--border-radius-circle);
  background-color: var(--color-background-secondary);
}
.c-author__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: var(--space-96);
  height: var(--space-96);
  min-width: var(--space-96);
  border-radius: var(--border-radius-circle);
}
.c-btn,
.c-content .kg-product-card .kg-product-card-button,.entry-content .kg-product-card .kg-product-card-button
.kg-btn,
.kg-btn-accent,
.kg-header-card-button {
  --focus-outline-offset: calc(var(--space-4) * -1);
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-medium);
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  text-align: center;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: var(--space-16) var(--space-24);
  border-radius: var(--space-4);
  color: var(--color-text-button);
  background-color: var(--color-background-button);
}
.c-btn:is(:hover, :active, :focus),
.c-content .kg-product-card .kg-product-card-button:is(:hover, :active, :focus),.entry-content .kg-product-card .kg-product-card-button:is(:hover, :active, :focus)
.kg-btn-accent:is(:hover, :active, :focus),
.kg-btn:is(:hover, :active, :focus),
.kg-header-card-button:is(:hover, :active, :focus) {
  color: var(--color-text-button-hover);
  background-color: var(--color-background-button-hover);
}
.c-btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-btn--full {
  width: 100%;
}
.c-btn--small {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-letter-spacing-brevier);
  padding: var(--space-8) var(--space-16);
}
.c-btn--uppercase {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
}
.c-btn--fit-content {
  width: -moz-fit-content;
  width: fit-content;
}
.c-btn--loading,
.c-btn.loading,
.c-content .kg-product-card .c-subscribe-form .kg-product-card-button,
.c-content .kg-product-card .loading.kg-product-card-button,
.entry-content .kg-product-card .c-subscribe-form .kg-product-card-button,
.entry-content .kg-product-card .loading.kg-product-card-button,
.c-subscribe-form .c-btn,
.c-subscribe-form .c-content .kg-product-card .kg-product-card-button,
.c-subscribe-form .entry-content .kg-product-card .kg-product-card-button,
.c-subscribe-form .kg-btn,
.c-subscribe-form .kg-btn-accent,
.c-subscribe-form .kg-header-card-button,
.loading.kg-btn,
.loading.kg-btn-accent,
.loading.kg-header-card-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-btn--loading:after,
.c-btn.loading:after,
.c-content .kg-product-card .c-subscribe-form .kg-product-card-button:after,
.c-content .kg-product-card .loading.kg-product-card-button:after,
.entry-content .kg-product-card .c-subscribe-form .kg-product-card-button:after,
.entry-content .kg-product-card .loading.kg-product-card-button:after,
.c-subscribe-form .c-btn:after,
.c-subscribe-form .c-content .kg-product-card .kg-product-card-button:after,
.c-subscribe-form .entry-content .kg-product-card .kg-product-card-button:after,
.c-subscribe-form .kg-btn-accent:after,
.c-subscribe-form .kg-btn:after,
.c-subscribe-form .kg-header-card-button:after,
.loading.kg-btn-accent:after,
.loading.kg-btn:after,
.loading.kg-header-card-button:after {
  margin-left: var(--space-12);
  content: "";
  display: block;
  height: var(--space-16);
  width: var(--space-16);
  border-width: 1px;
  border-style: var(--border-style);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--color-text-button);
  border-left-color: var(--color-text-button);
  border-radius: var(--border-radius-circle);
  animation: spin var(--motion-duration-slow) infinite linear;
}
.c-btn--loading:is(:hover, :active, :focus):after,
.c-btn.loading:is(:hover, :active, :focus):after,
.c-content
  .kg-product-card
  .c-subscribe-form
  .kg-product-card-button:is(:hover, :active, :focus):after,
.c-content
  .kg-product-card
  .loading.kg-product-card-button:is(:hover, :active, :focus):after,
.c-subscribe-form .c-btn:is(:hover, :active, :focus):after,
.c-subscribe-form
  .c-content
  .kg-product-card
  .kg-product-card-button:is(:hover, :active, :focus):after,
.c-subscribe-form .kg-btn-accent:is(:hover, :active, :focus):after,
.c-subscribe-form .kg-btn:is(:hover, :active, :focus):after,
.c-subscribe-form .kg-header-card-button:is(:hover, :active, :focus):after,
.loading.kg-btn-accent:is(:hover, :active, :focus):after,
.loading.kg-btn:is(:hover, :active, :focus):after,
.loading.kg-header-card-button:is(:hover, :active, :focus):after {
  border-bottom-color: var(--color-background-primary);
  border-left-color: var(--color-background-primary);
}
.c-post {
  margin: 0 auto;
  padding: 0 var(--grid-margin);
  max-width: var(--content-width);
}
.c-post > * + * {
  margin-top: var(--content-flow);
}
.c-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.c-content:empty {
  display: none;
}
.c-content--has-shadow {
  -webkit-mask-image: linear-gradient(
    to bottom,
    var(--color-text-primary) 30%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    var(--color-text-primary) 30%,
    transparent 100%
  );
}
.c-content > * {
  min-width: 100%;
}
.c-content > * + *,.entry-content > * + * {
  margin-top: var(--content-flow);
}
.c-content
  > .kg-width-full
  + .kg-width-full:not(.kg-width-full.kg-card-hascaption + .kg-width-full) {
  margin-top: 0;
}
.c-content :where(p, ol, ul, blockquote),.entry-content :where(p, ol, ul, blockquote) {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-body-copy);
  line-height: var(--line-height-scale-body-copy);
}
.c-content :where(h1, h2, h3) + *,.inner-page .entry-content :where(h1, h2, h3) + * {
  margin-top: calc(var(--content-flow) / 2);
}
.c-content a:not([class]),.inner-page .entry-content a:not([class]) {
  text-decoration: underline;
  color: var(--color-accent);
}
.c-content a:not([class]):hover,.inner-page .entry-content a:not([class]):hover {
  text-decoration: none;
}
.c-content a:not([class]):focus-visible,.inner-page .entry-content a:not([class]):focus-visible {
  text-decoration: none;
}
.c-content :where(hr),.entry-content :where(hr) {
  margin: var(--content-flow) 0;
}
.c-content :where(hr) + *,.entry-content :where(hr) + * {
  margin-top: 0;
}
.c-content :is(dd, ol, ul),.entry-content :is(dd, ol, ul) {
  padding-left: var(--space-16);
  padding-right: var(--space-16);
}
.c-content .gh-post-upgrade-cta,.entry-content .gh-post-upgrade-cta {
  display: none;
  visibility: hidden;
}
h2#comments-1 {
    display: none;
}
.comments-area {
  max-width: var(--content-width);
  margin: var(--space-64) auto 0;
  padding: var(--space-48) var(--grid-margin) 0;
  border-top: var(--border-width) var(--border-style)
    var(--color-border-primary);
}
.comments-title,
.comment-reply-title {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-7);
  line-height: var(--line-height-scale-7);
  font-weight: var(--font-weight-bold);
}
.comments-title span {
  display: block;
}
.comment-list {
  list-style: none;
  margin: var(--space-32) 0;
  padding: 0;
}
.comment-list .children {
  list-style: none;
  margin: var(--space-24) 0 0 var(--space-24);
  padding: 0;
}
.comment-body {
  padding: var(--space-24) 0;
  border-top: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.comment-list > .comment:first-child > .comment-body {
  border-top: 0;
}
.comment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8) var(--space-12);
  align-items: center;
  margin-bottom: var(--space-12);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  color: var(--color-text-secondary);
}
.comment-author {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}
.comment-author .avatar {
  width: var(--space-32);
  height: var(--space-32);
  border-radius: var(--border-radius-circle);
}
.comment-metadata a,
.comment-reply-link,
.logged-in-as a {
  color: var(--color-accent);
  text-decoration: none;
}
.comment-metadata a:hover,
.comment-reply-link:hover,
.logged-in-as a:hover {
  text-decoration: underline;
}
.comment-content {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-body-copy);
  line-height: var(--line-height-scale-body-copy);
}
.comment-content > * + * {
  margin-top: var(--space-16);
}
.comment-reply-link {
  display: inline-block;
  margin-top: var(--space-16);
  font-size: var(--font-size-scale-1);
  font-weight: var(--font-weight-semibold);
}
.comment-respond {
  margin-top: var(--space-40);
  padding-top: var(--space-32);
  border-top: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.comment-form {
  display: grid;
  gap: var(--space-20);
  margin-top: var(--space-24);
}
.comment-form p {
  margin: 0;
}
.comment-form label {
  display: block;
  margin-bottom: var(--space-8);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  font-weight: var(--font-weight-semibold);
}
.comment-form input:not([type="checkbox"]),
.comment-form textarea {
  width: 100%;
  padding: var(--space-12) var(--space-16);
  color: var(--color-text-primary);
  background: var(--color-background-primary);
  border: var(--border-width) var(--border-style) var(--color-border-secondary);
  border-radius: var(--border-radius);
}
.comment-form textarea {
  min-height: 160px;
  resize: vertical;
}
/* .comment-form input:focus-visible,
.comment-form textarea:focus-visible {
  outline: var(--focus-outline-size) var(--focus-outline-style)
    var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
} */
.comment-form-cookies-consent {
  display: flex;
  gap: var(--space-8);
  align-items: flex-start;
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-2);
}
.comment-form-cookies-consent label {
  margin: 0;
  font-weight: var(--font-weight-normal);
}
.comment-form .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: var(--space-12) var(--space-20);
  color: var(--color-text-button);
  background: var(--color-background-button);
  border: var(--border-width) var(--border-style) var(--color-background-button);
  border-radius: var(--border-radius);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}
.comment-form .submit:hover,
.comment-form .submit:focus-visible {
  color: var(--color-text-button-hover);
  background: var(--color-background-button-hover);
  border-color: var(--color-background-button-hover);
}
.no-comments {
  margin-top: var(--space-24);
  color: var(--color-text-secondary);
}
.c-section {
  margin-top: var(--space-64);
}
.c-section--editors-pick {
  padding-top: var(--space-64);
  padding-bottom: var(--space-64);
  background: var(--color-background-secondary);
}
.c-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: var(--space-8);
  margin-bottom: var(--space-24);
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-primary);
}
.c-section-heading__title {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-7);
  line-height: var(--line-height-scale-8);
  font-weight: var(--font-weight-bold);
}
.c-section-heading__title a:hover {
  text-decoration: underline;
}
.c-section-heading__title--small {
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-4);
}
.c-section-heading__all {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
}
.c-section-heading__all:hover {
  text-decoration: underline;
}
.c-subscribe-form .c-alert {
  display: none;
}
.c-content .kg-product-card .c-subscribe-form .kg-product-card-button:after,
.entry-content .kg-product-card .c-subscribe-form .kg-product-card-button:after,
.c-subscribe-form .c-btn:after,
.c-subscribe-form .c-content .kg-product-card .kg-product-card-button:after,
.c-subscribe-form .entry-content .kg-product-card .kg-product-card-button:after,
.c-subscribe-form .kg-btn-accent:after,
.c-subscribe-form .kg-btn:after,
.c-subscribe-form .kg-header-card-button:after {
  display: none;
}
.c-content
  .kg-product-card
  .c-subscribe-form.loading
  .kg-product-card-button:after,
.c-subscribe-form.loading .c-btn:after,
.c-subscribe-form.loading
  .c-content
  .kg-product-card
  .kg-product-card-button:after,
.c-subscribe-form.loading .kg-btn-accent:after,
.c-subscribe-form.loading .kg-btn:after,
.c-subscribe-form.loading .kg-header-card-button:after {
  display: block;
}
.c-subscribe-form.error .c-alert--error,
.c-subscribe-form.invalid .c-alert--invalid,
.c-subscribe-form.success .c-alert--success {
  display: block;
}
.c-form-group {
  display: flex;
  gap: var(--space-16);
}
.c-alert {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  font-weight: var(--font-weight-medium);
  margin-top: var(--space-16);
}
.c-alert:empty {
  display: none;
}
.c-alert:before {
  font-weight: var(--font-weight-bold);
  margin-right: var(--space-8);
}
.c-alert--success:before {
  content: var(--html-symbol-checkmark);
}
.c-alert--error:before,
.c-alert--invalid:before {
  content: var(--html-symbol-multiplication);
}
.c-teaser {
  display: flex;
}
.c-teaser--large {
  display: grid;
  grid-template-columns: 1fr 2fr;
  -moz-column-gap: var(--grid-gap);
  column-gap: var(--grid-gap);
}
.c-teaser__media {
  width: var(--space-96);
  height: var(--space-64);
  flex-basis: var(--space-96);
  margin-left: var(--space-16);
  position: relative;
  aspect-ratio: var(--ratio-3x2);
  background-color: var(--color-background-secondary);
}
.c-teaser__media:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: ease opacity var(--motion-duration-fast);
}
.c-teaser__media:hover:after {
  opacity: 1;
}
@media (min-width: 64em) {
  .c-teaser--large .c-teaser__media {
    width: auto;
    height: auto;
    flex-basis: auto;
    margin: 0;
  }
}
.c-teaser__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-teaser__content {
  flex: 1;
}
.c-teaser__content > * + * {
  margin-top: var(--space-8);
}
.c-teaser--large .c-teaser__content {
  order: 2;
}
.c-teaser__headline {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-semibold);
}
.c-teaser__headline:hover {
  text-decoration: underline;
}
@media (min-width: 64em) {
  .c-teaser--large .c-teaser__headline {
    font-size: var(--font-size-scale-6);
    line-height: var(--line-height-scale-6);
    font-weight: var(--font-weight-semibold);
  }
}
.c-teaser__standfirst {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-4);
}
.c-teaser__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8);
}
.c-teaser__timestamp {
  white-space: nowrap;
}
.c-card--center * {
  text-align: center;
  justify-content: center;
}
.c-card__media {
  display: block;
  position: relative;
  padding-bottom: 66.6667%;
  aspect-ratio: var(--ratio-3x2);
  margin-bottom: var(--space-16);
  background-color: var(--color-background-secondary);
}
.c-card__media:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: ease opacity var(--motion-duration-fast);
}
.c-card__media:hover:after {
  opacity: 1;
}
.c-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-card__content > * + * {
  margin-top: var(--space-8);
}
@media (min-width: 64em) {
  .c-card--center .c-card__content {
    padding: 0 var(--space-32);
  }
}
.c-card__headline {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-5);
  font-weight: var(--font-weight-semibold);
}
.c-card__headline:hover {
  text-decoration: underline;
}
@media (min-width: 64em) {
  .c-card--large .c-card__headline {
    font-size: var(--font-size-scale-8);
    line-height: var(--line-height-scale-9);
  }
}
.c-card__standfirst {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-4);
}
.c-card--large .c-card__standfirst {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-4);
}
@media (min-width: 64em) {
  .c-card--large .c-card__standfirst {
    font-family: var(--font-family-serif);
    font-size: var(--font-size-scale-4);
    line-height: var(--line-height-scale-5);
  }
}
.c-card__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.c-hero {
  display: grid;
}
@media (max-width: 63.99em) {
  .c-hero > * {
    margin-top: var(--content-flow);
  }
  .c-hero .center {
    margin-top: 0;
  }
  .c-hero .left {
    order: 2;
  }
  .c-hero .center {
    order: 1;
  }
  .c-hero .right {
    order: 3;
  }
}
@media (min-width: 64em) {
  .c-hero {
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: minmax(2rem, auto) repeat(2, 1fr);
  }
  .c-hero .left {
    grid-column: 1 / span 3;
    grid-row-start: 1;
    position: relative;
  }
  .c-hero .left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: var(--border-vertical-offset);
    border-right: var(--border-width) var(--border-style)
      var(--color-border-secondary);
  }
  .c-hero .center {
    grid-column: 4 / span 6;
  }
  .c-hero .right {
    grid-column: 10 / span 3;
    position: relative;
  }
  .c-hero .right:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: var(--border-vertical-offset);
    border-right: var(--border-width) var(--border-style)
      var(--color-border-secondary);
  }
}
.c-tag {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
  color: var(--color-text-secondary);
}
.c-tag a {
  color: var(--color-accent);
}
.c-tag a:hover {
  text-decoration: underline;
}
.c-tag-card {
  display: block;
  padding: var(--space-24);
  border-radius: var(--border-radius);
  background-color: var(--color-background-secondary);
  border-left: var(--space-4) solid var(--color-accent-tag, var(--color-accent));
}
.c-tag-card__name {
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-3);
}
.c-card-archive {
  position: relative;
  padding-top: var(--space-24);
  margin-top: var(--space-24);
}
@media (min-width: 64em) {
  .c-card-archive {
    padding-top: var(--space-40);
    margin-top: var(--space-40);
  }
}
.c-card-archive:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  background-color: var(--color-border-secondary);
}
.c-card-archive:first-child {
  margin-top: 0;
  padding-top: 0;
}
.c-card-archive:first-child:before {
  background-color: transparent;
}
.c-card-archive:last-child {
  margin-bottom: var(--space-32);
}
@media (min-width: 40em) {
  .c-card-archive {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: var(--space-40);
    grid-template-areas: "meta meta content content content content content content";
  }
  .c-card-archive__meta {
    grid-area: meta;
  }
  .c-card-archive__content {
    grid-area: content;
  }
}
.c-card-archive--date-1 + .c-card-archive--date-1,
.c-card-archive--date-10 + .c-card-archive--date-10,
.c-card-archive--date-11 + .c-card-archive--date-11,
.c-card-archive--date-12 + .c-card-archive--date-12,
.c-card-archive--date-2 + .c-card-archive--date-2,
.c-card-archive--date-3 + .c-card-archive--date-3,
.c-card-archive--date-4 + .c-card-archive--date-4,
.c-card-archive--date-5 + .c-card-archive--date-5,
.c-card-archive--date-6 + .c-card-archive--date-6,
.c-card-archive--date-7 + .c-card-archive--date-7,
.c-card-archive--date-8 + .c-card-archive--date-8,
.c-card-archive--date-9 + .c-card-archive--date-9,
.c-card-archive--date-١ + .c-card-archive--date-١,
.c-card-archive--date-١٠ + .c-card-archive--date-١٠,
.c-card-archive--date-١١ + .c-card-archive--date-١١,
.c-card-archive--date-١٢ + .c-card-archive--date-١٢,
.c-card-archive--date-٢ + .c-card-archive--date-٢,
.c-card-archive--date-٣ + .c-card-archive--date-٣,
.c-card-archive--date-٤ + .c-card-archive--date-٤,
.c-card-archive--date-٥ + .c-card-archive--date-٥,
.c-card-archive--date-٦ + .c-card-archive--date-٦,
.c-card-archive--date-٧ + .c-card-archive--date-٧,
.c-card-archive--date-٨ + .c-card-archive--date-٨,
.c-card-archive--date-٩ + .c-card-archive--date-٩ {
  padding-top: 0;
  margin-top: 0;
}
.c-card-archive--date-1 + .c-card-archive--date-1:before,
.c-card-archive--date-10 + .c-card-archive--date-10:before,
.c-card-archive--date-11 + .c-card-archive--date-11:before,
.c-card-archive--date-12 + .c-card-archive--date-12:before,
.c-card-archive--date-2 + .c-card-archive--date-2:before,
.c-card-archive--date-3 + .c-card-archive--date-3:before,
.c-card-archive--date-4 + .c-card-archive--date-4:before,
.c-card-archive--date-5 + .c-card-archive--date-5:before,
.c-card-archive--date-6 + .c-card-archive--date-6:before,
.c-card-archive--date-7 + .c-card-archive--date-7:before,
.c-card-archive--date-8 + .c-card-archive--date-8:before,
.c-card-archive--date-9 + .c-card-archive--date-9:before,
.c-card-archive--date-١ + .c-card-archive--date-١:before,
.c-card-archive--date-١٠ + .c-card-archive--date-١٠:before,
.c-card-archive--date-١١ + .c-card-archive--date-١١:before,
.c-card-archive--date-١٢ + .c-card-archive--date-١٢:before,
.c-card-archive--date-٢ + .c-card-archive--date-٢:before,
.c-card-archive--date-٣ + .c-card-archive--date-٣:before,
.c-card-archive--date-٤ + .c-card-archive--date-٤:before,
.c-card-archive--date-٥ + .c-card-archive--date-٥:before,
.c-card-archive--date-٦ + .c-card-archive--date-٦:before,
.c-card-archive--date-٧ + .c-card-archive--date-٧:before,
.c-card-archive--date-٨ + .c-card-archive--date-٨:before,
.c-card-archive--date-٩ + .c-card-archive--date-٩:before {
  background-color: transparent;
}
.c-card-archive--date-1 + .c-card-archive--date-1 .c-card-archive__meta,
.c-card-archive--date-10 + .c-card-archive--date-10 .c-card-archive__meta,
.c-card-archive--date-11 + .c-card-archive--date-11 .c-card-archive__meta,
.c-card-archive--date-12 + .c-card-archive--date-12 .c-card-archive__meta,
.c-card-archive--date-2 + .c-card-archive--date-2 .c-card-archive__meta,
.c-card-archive--date-3 + .c-card-archive--date-3 .c-card-archive__meta,
.c-card-archive--date-4 + .c-card-archive--date-4 .c-card-archive__meta,
.c-card-archive--date-5 + .c-card-archive--date-5 .c-card-archive__meta,
.c-card-archive--date-6 + .c-card-archive--date-6 .c-card-archive__meta,
.c-card-archive--date-7 + .c-card-archive--date-7 .c-card-archive__meta,
.c-card-archive--date-8 + .c-card-archive--date-8 .c-card-archive__meta,
.c-card-archive--date-9 + .c-card-archive--date-9 .c-card-archive__meta,
.c-card-archive--date-١ + .c-card-archive--date-١ .c-card-archive__meta,
.c-card-archive--date-١٠ + .c-card-archive--date-١٠ .c-card-archive__meta,
.c-card-archive--date-١١ + .c-card-archive--date-١١ .c-card-archive__meta,
.c-card-archive--date-١٢ + .c-card-archive--date-١٢ .c-card-archive__meta,
.c-card-archive--date-٢ + .c-card-archive--date-٢ .c-card-archive__meta,
.c-card-archive--date-٣ + .c-card-archive--date-٣ .c-card-archive__meta,
.c-card-archive--date-٤ + .c-card-archive--date-٤ .c-card-archive__meta,
.c-card-archive--date-٥ + .c-card-archive--date-٥ .c-card-archive__meta,
.c-card-archive--date-٦ + .c-card-archive--date-٦ .c-card-archive__meta,
.c-card-archive--date-٧ + .c-card-archive--date-٧ .c-card-archive__meta,
.c-card-archive--date-٨ + .c-card-archive--date-٨ .c-card-archive__meta,
.c-card-archive--date-٩ + .c-card-archive--date-٩ .c-card-archive__meta {
  display: none;
}
.c-card-archive--date-1 + .c-card-archive--date-1 .c-card-archive__content,
.c-card-archive--date-10 + .c-card-archive--date-10 .c-card-archive__content,
.c-card-archive--date-11 + .c-card-archive--date-11 .c-card-archive__content,
.c-card-archive--date-12 + .c-card-archive--date-12 .c-card-archive__content,
.c-card-archive--date-2 + .c-card-archive--date-2 .c-card-archive__content,
.c-card-archive--date-3 + .c-card-archive--date-3 .c-card-archive__content,
.c-card-archive--date-4 + .c-card-archive--date-4 .c-card-archive__content,
.c-card-archive--date-5 + .c-card-archive--date-5 .c-card-archive__content,
.c-card-archive--date-6 + .c-card-archive--date-6 .c-card-archive__content,
.c-card-archive--date-7 + .c-card-archive--date-7 .c-card-archive__content,
.c-card-archive--date-8 + .c-card-archive--date-8 .c-card-archive__content,
.c-card-archive--date-9 + .c-card-archive--date-9 .c-card-archive__content,
.c-card-archive--date-١ + .c-card-archive--date-١ .c-card-archive__content,
.c-card-archive--date-١٠ + .c-card-archive--date-١٠ .c-card-archive__content,
.c-card-archive--date-١١ + .c-card-archive--date-١١ .c-card-archive__content,
.c-card-archive--date-١٢ + .c-card-archive--date-١٢ .c-card-archive__content,
.c-card-archive--date-٢ + .c-card-archive--date-٢ .c-card-archive__content,
.c-card-archive--date-٣ + .c-card-archive--date-٣ .c-card-archive__content,
.c-card-archive--date-٤ + .c-card-archive--date-٤ .c-card-archive__content,
.c-card-archive--date-٥ + .c-card-archive--date-٥ .c-card-archive__content,
.c-card-archive--date-٦ + .c-card-archive--date-٦ .c-card-archive__content,
.c-card-archive--date-٧ + .c-card-archive--date-٧ .c-card-archive__content,
.c-card-archive--date-٨ + .c-card-archive--date-٨ .c-card-archive__content,
.c-card-archive--date-٩ + .c-card-archive--date-٩ .c-card-archive__content {
  position: relative;
  padding-top: var(--space-16);
  margin-top: var(--space-16);
}
@media (min-width: 64em) {
  .c-card-archive--date-1 + .c-card-archive--date-1 .c-card-archive__content,
  .c-card-archive--date-10 + .c-card-archive--date-10 .c-card-archive__content,
  .c-card-archive--date-11 + .c-card-archive--date-11 .c-card-archive__content,
  .c-card-archive--date-12 + .c-card-archive--date-12 .c-card-archive__content,
  .c-card-archive--date-2 + .c-card-archive--date-2 .c-card-archive__content,
  .c-card-archive--date-3 + .c-card-archive--date-3 .c-card-archive__content,
  .c-card-archive--date-4 + .c-card-archive--date-4 .c-card-archive__content,
  .c-card-archive--date-5 + .c-card-archive--date-5 .c-card-archive__content,
  .c-card-archive--date-6 + .c-card-archive--date-6 .c-card-archive__content,
  .c-card-archive--date-7 + .c-card-archive--date-7 .c-card-archive__content,
  .c-card-archive--date-8 + .c-card-archive--date-8 .c-card-archive__content,
  .c-card-archive--date-9 + .c-card-archive--date-9 .c-card-archive__content,
  .c-card-archive--date-١ + .c-card-archive--date-١ .c-card-archive__content,
  .c-card-archive--date-١٠ + .c-card-archive--date-١٠ .c-card-archive__content,
  .c-card-archive--date-١١ + .c-card-archive--date-١١ .c-card-archive__content,
  .c-card-archive--date-١٢ + .c-card-archive--date-١٢ .c-card-archive__content,
  .c-card-archive--date-٢ + .c-card-archive--date-٢ .c-card-archive__content,
  .c-card-archive--date-٣ + .c-card-archive--date-٣ .c-card-archive__content,
  .c-card-archive--date-٤ + .c-card-archive--date-٤ .c-card-archive__content,
  .c-card-archive--date-٥ + .c-card-archive--date-٥ .c-card-archive__content,
  .c-card-archive--date-٦ + .c-card-archive--date-٦ .c-card-archive__content,
  .c-card-archive--date-٧ + .c-card-archive--date-٧ .c-card-archive__content,
  .c-card-archive--date-٨ + .c-card-archive--date-٨ .c-card-archive__content,
  .c-card-archive--date-٩ + .c-card-archive--date-٩ .c-card-archive__content {
    padding-top: var(--space-24);
    margin-top: var(--space-24);
  }
}
.c-card-archive--date-1
  + .c-card-archive--date-1
  .c-card-archive__content:before,
.c-card-archive--date-10
  + .c-card-archive--date-10
  .c-card-archive__content:before,
.c-card-archive--date-11
  + .c-card-archive--date-11
  .c-card-archive__content:before,
.c-card-archive--date-12
  + .c-card-archive--date-12
  .c-card-archive__content:before,
.c-card-archive--date-2
  + .c-card-archive--date-2
  .c-card-archive__content:before,
.c-card-archive--date-3
  + .c-card-archive--date-3
  .c-card-archive__content:before,
.c-card-archive--date-4
  + .c-card-archive--date-4
  .c-card-archive__content:before,
.c-card-archive--date-5
  + .c-card-archive--date-5
  .c-card-archive__content:before,
.c-card-archive--date-6
  + .c-card-archive--date-6
  .c-card-archive__content:before,
.c-card-archive--date-7
  + .c-card-archive--date-7
  .c-card-archive__content:before,
.c-card-archive--date-8
  + .c-card-archive--date-8
  .c-card-archive__content:before,
.c-card-archive--date-9
  + .c-card-archive--date-9
  .c-card-archive__content:before,
.c-card-archive--date-١
  + .c-card-archive--date-١
  .c-card-archive__content:before,
.c-card-archive--date-١٠
  + .c-card-archive--date-١٠
  .c-card-archive__content:before,
.c-card-archive--date-١١
  + .c-card-archive--date-١١
  .c-card-archive__content:before,
.c-card-archive--date-١٢
  + .c-card-archive--date-١٢
  .c-card-archive__content:before,
.c-card-archive--date-٢
  + .c-card-archive--date-٢
  .c-card-archive__content:before,
.c-card-archive--date-٣
  + .c-card-archive--date-٣
  .c-card-archive__content:before,
.c-card-archive--date-٤
  + .c-card-archive--date-٤
  .c-card-archive__content:before,
.c-card-archive--date-٥
  + .c-card-archive--date-٥
  .c-card-archive__content:before,
.c-card-archive--date-٦
  + .c-card-archive--date-٦
  .c-card-archive__content:before,
.c-card-archive--date-٧
  + .c-card-archive--date-٧
  .c-card-archive__content:before,
.c-card-archive--date-٨
  + .c-card-archive--date-٨
  .c-card-archive__content:before,
.c-card-archive--date-٩
  + .c-card-archive--date-٩
  .c-card-archive__content:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  background-color: var(--color-border-secondary);
}
@media (max-width: 39.99em) {
  .c-card-archive__meta {
    margin-bottom: var(--space-16);
  }
}
@media (max-width: 39.99em) {
  .c-card-archive__content {
    padding-left: var(--space-16);
  }
}
.c-card-archive__date {
  color: var(--color-text-secondary);
}
.c-card-archive__title {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-medium);
}
.c-card-archive__date-mini {
  display: none;
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}
.c-card-archive__url:hover {
  text-decoration: underline;
}
.c-timestamp {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.c-visibility-label {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
  border-radius: var(--space-4);
  padding: var(--space-2) var(--space-4);
  color: var(--color-text-secondary);
  background-color: var(--color-background-secondary);
  border: var(--border-width) var(--border-style) var(--color-border-secondary);
}
.c-visibility-label--editors-pick {
  background-color: var(--color-background-primary);
}
.c-visibility-label span {
  display: none;
}
.c-visibility-label--members .members,
.c-visibility-label--paid .paid,
.c-visibility-label--public .public,
.c-visibility-label--tiers .paid {
  display: block;
}
.c-visibility-label--is-member.c-visibility-label--members,
.c-visibility-label--is-member.c-visibility-label--public {
  display: none;
}
.c-visibility-label--is-paid-member {
  display: none;
}
.c-reading-time {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.c-byline {
  display: flex;
  flex-wrap: wrap;
  color: var(--color-text-secondary);
}
.c-byline a {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--font-letter-spacing-brevier);
}
.c-byline a:hover {
  text-decoration: underline;
}
.c-byline span {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  font-weight: var(--font-weight-medium);
}
.c-topper {
  margin: 0 auto;
  margin-top: var(--space-40);
  padding: 0 var(--grid-margin);
  max-width: var(--content-width);
  margin-bottom: var(--space-32);
}
.c-topper__content {
  padding-bottom: var(--space-32);
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.c-topper__content > * + * {
  margin-top: var(--space-8);
}
.c-topper__headline {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-6);
  line-height: var(--line-height-scale-6);
  font-weight: var(--font-weight-bold);
}
@media (min-width: 64em) {
  .c-topper__headline {
    font-size: var(--font-size-scale-8);
    line-height: var(--line-height-scale-9);
    font-weight: var(--font-weight-semibold);
  }
}
.c-topper__standfirst {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-5);
}
@media (min-width: 64em) {
  .c-topper__standfirst {
    font-size: var(--font-size-scale-5);
    line-height: var(--line-height-scale-6);
  }
}
.c-topper__meta {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-16);
}
@media (min-width: 64em) {
  .c-topper__meta {
    flex-direction: row;
  }
}
.c-topper__timestamp {
  display: inline-block;
  margin-top: var(--space-8);
}
.c-topper__timestamp:after {
  font-size: var(--font-size-scale-0);
  line-height: var(--line-height-scale-0);
  color: var(--color-text-secondary);
  content: var(--html-symbol-em-dash);
}
.c-topper__reading-time {
  display: inline;
}
.c-table-of-contents {
  padding: var(--space-32);
  border-radius: var(--border-radius);
  background-color: var(--color-background-secondary);
}
.c-table-of-contents__heading {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-semibold);
  padding-bottom: var(--space-8);
  margin-bottom: var(--space-24);
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-primary);
}
.c-table-of-contents__list {
  padding-left: var(--space-4);
}
.c-table-of-contents__list:first-child
  > .c-table-of-contents__list-item:first-child {
  margin-top: 0;
}
.c-table-of-contents__list-item {
  margin-top: var(--space-16);
}
.c-table-of-contents__list-item::marker {
  color: var(--color-text-secondary);
}
.c-table-of-contents__list-link {
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
}
.c-table-of-contents__list-link:is(:hover, :active, :focus) {
  color: var(--color-accent);
}
.c-feature-image-figure {
  margin-top: var(--space-32);
}
.c-feature-image-wrap {
  position: relative;
  aspect-ratio: var(--ratio-3x2);
  background-color: var(--color-background-secondary);
}
.c-feature-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-feature-image-caption {
  width: 100%;
  padding-top: var(--space-8);
  color: var(--color-text-secondary);
  background-color: var(--color-background-primary);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  letter-spacing: var(--font-letter-spacing-long-primer);
}
.c-feature-image-caption a {
  text-decoration: underline;
}
.c-feature-image-caption a:hover {
  text-decoration: none;
}
.c-feature-image-caption a:focus-visible {
  text-decoration: none;
}
.c-stack-stories > :not(:last-child) {
  margin-bottom: var(--space-16);
  padding-bottom: var(--space-16);
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.c-stack-stories--large > :not(:last-child) {
  margin-bottom: var(--space-32);
  padding-bottom: var(--space-32);
}
.c-editors-pick {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: var(--space-80) 2fr;
  grid-template-areas: "number media" "content content";
}
.c-editors-pick__media {
  grid-area: media;
  position: relative;
  aspect-ratio: var(--ratio-3x2);
  background-color: var(--color-background-primary);
}
.c-editors-pick__media:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: ease opacity var(--motion-duration-fast);
}
.c-editors-pick__media:hover:after {
  opacity: 1;
}
.c-editors-pick__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-editors-pick__content {
  grid-area: content;
}
.c-editors-pick__content > * + * {
  margin-top: var(--space-8);
}
.c-editors-pick__content {
  margin-top: var(--space-24);
}
.c-editors-pick__headline {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-5);
  font-weight: var(--font-weight-semibold);
}
.c-editors-pick__headline:hover {
  text-decoration: underline;
}
.c-editors-pick__standfirst {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-4);
}
.c-editors-pick__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.c-editors-picks-wrapper {
  counter-reset: list-items;
}
.c-editors-picks-wrapper .c-editors-pick::before {
  font-size: var(--font-size-scale-10);
  line-height: var(--line-height-scale-10);
  font-weight: var(--font-weight-bold);
  grid-area: number;
  counter-increment: list-items;
  content: counter(list-items);
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  margin-top: auto;
  margin-bottom: calc(var(--space-8) * -1);
}
.c-page-header {
  margin-bottom: var(--space-32);
}
.c-color-mode-btn:before {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
}
@media (max-width: 39.99em) {
  .c-color-mode-btn:before {
    font-size: var(--font-size-scale-3);
    line-height: var(--line-height-scale-3);
  }
}
.c-color-mode-btn:hover {
  text-decoration: none;
}
.c-color-mode-btn:hover span {
  text-decoration: underline;
}
[data-colormode="dark"]:before {
  content: var(--html-symbol-dark);
}
[data-colormode="light"]:before {
  content: var(--html-symbol-light);
}
.c-card-author {
  width: 100%;
  padding: var(--space-32);
  border-radius: var(--border-radius);
  background-color: var(--color-background-secondary);
}
.c-card-author > * + * {
  margin-top: var(--space-20);
  padding-top: var(--space-20);
  border-top: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.c-card-author__url {
  display: block;
}
.c-card-author__url:hover {
  text-decoration: underline;
}
.c-card-author__media {
  display: block;
  margin-bottom: var(--space-16);
  width: var(--space-96);
  height: var(--space-96);
  border-radius: var(--border-radius-circle);
  background-color: var(--color-background-primary);
}
.c-card-author__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: var(--space-96);
  height: var(--space-96);
  min-width: var(--space-96);
  border-radius: var(--border-radius-circle);
}
.c-card-author__name {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
}
.c-card-author__bio {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-4);
  margin-top: var(--space-8);
  color: var(--color-text-secondary);
}
.c-card-author__posts > * + * {
  margin-top: var(--space-8);
}
.c-card-author__posts a:hover {
  text-decoration: underline;
}
.c-card-author__posts-title {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-medium);
  position: relative;
  padding-left: var(--space-24);
}
.c-card-author__posts-title:before {
  position: absolute;
  left: 0;
  content: var(--html-symbol-em-dash);
  color: var(--color-text-secondary);
}
.c-social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}
.c-social-icons__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-40);
  height: var(--space-40);
  border-radius: var(--border-radius-circle);
  color: var(--color-text-secondary);
  background-color: var(--color-background-primary);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-3);
  font-weight: var(--font-weight-bold);
}
.c-social-icons__icon {
  fill: var(--color-text-secondary);
  text-align: center;
  display: flex;
    justify-content: center;
    align-items: center;
}
.c-share {
  display: flex;
  gap: var(--space-16);
}
@media (max-width: 39.99em) {
  .c-share {
    margin-top: var(--space-16);
    justify-content: flex-start;
  }
}
@media (min-width: 40em) {
  .c-share {
    margin-left: auto;
  }
}
.c-share__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-40);
  height: var(--space-40);
  border-radius: var(--border-radius-circle);
  color: var(--color-text-secondary);
  background-color: var(--color-background-secondary);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-3);
  font-weight: var(--font-weight-bold);
}
.c-share__link:is(:hover, :active, :focus) .c-share__icon {
  fill: var(--color-text-primary);
}
.c-share__icon {
  fill: var(--color-text-secondary);
}
.instagram-media {
  margin-top: var(--content-flow) !important;
  margin-bottom: 0 !important;
}
.instagram-media:before {
  content: "";
}
.c-newsletters-labels {
  margin-bottom: var(--space-32);
}
.c-newsletters-label__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.c-newsletters-label__input + label {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  padding: var(--space-32);
  background-color: var(--color-background-secondary);
  border-bottom: var(--border-width) var(--border-style)
    var(--color-border-secondary);
}
.c-newsletters-label:first-child .c-newsletters-label__input + label {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.c-newsletters-label:last-child .c-newsletters-label__input + label {
  border-bottom: none;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.c-newsletters-label__input + label .c-newsletters-label__checkbox {
  --focus-outline-color: var(--color-accent);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: var(--space-24);
  height: var(--space-24);
  min-width: var(--space-24);
  margin-right: var(--space-12);
  border-radius: var(--border-radius);
  border: var(--space-2) var(--border-style) var(--color-border-primary);
}
.c-newsletters-label__input:checked + label .c-newsletters-label__checkbox {
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-3);
  font-weight: var(--font-weight-bold);
  border-color: var(--color-accent);
}
.c-newsletters-label__input:checked
  + label
  .c-newsletters-label__checkbox:after {
  color: var(--color-accent);
  content: var(--html-symbol-checkmark);
}
.c-newsletters-label__input:focus-visible
  + label
  .c-newsletters-label__checkbox {
  outline: var(--focus-outline-size) var(--focus-outline-style)
    var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset);
}
.c-newsletters-label__title {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-semibold);
}
.c-newsletters-label__description {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-3);
  margin-top: var(--space-4);
}
.kg-card figcaption {
  width: 100%;
  padding-top: var(--space-8);
  color: var(--color-text-secondary);
  background-color: var(--color-background-primary);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  letter-spacing: var(--font-letter-spacing-long-primer);
}
.kg-card figcaption a {
  text-decoration: underline;
}
.kg-card figcaption a:hover {
  text-decoration: none;
}
.kg-card figcaption a:focus-visible {
  text-decoration: none;
}
.kg-width-wide {
  width: 100%;
}
/* @media (min-width: 40em) {
  .kg-width-wide {
    width: calc(100vw - var(--grid-margin) * 2);
    max-width: calc(var(--grid-width) - var(--grid-margin-large) * 2);
  }
} */
.kg-width-full figcaption {
  padding-left: var(--space-16);
}
.kg-width-full :is(video, .kg-image) {
  max-width: 100vw;
}
.c-content .kg-toggle-card,.entry-content .kg-toggle-card {
  padding: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-background-secondary);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.c-content .kg-toggle-card .kg-toggle-heading,.entry-content .kg-toggle-card .kg-toggle-heading {
  align-items: center;
  padding: var(--space-32);
}
.c-content .kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-heading,.entry-content .kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-heading {
  padding-bottom: var(--space-8);
}
.c-content .kg-toggle-card h4.kg-toggle-heading-text,.entry-content .kg-toggle-card h4.kg-toggle-heading-text {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
}
.c-content .kg-toggle-card .kg-toggle-card-icon,.entry-content .kg-toggle-card .kg-toggle-card-icon {
  width: auto;
  margin-top: 0;
  padding-right: 0;
  cursor: pointer;
}
.c-content .kg-toggle-card .kg-toggle-heading svg,.entry-content .kg-toggle-card .kg-toggle-heading svg {
  color: var(--color-text-primary);
}
.c-content .kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-content,.entry-content .kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-content {
  padding: 0 var(--space-32) var(--space-32) var(--space-32);
}
.c-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content,.entry-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content {
  transition: none;
}
.c-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content > * + *,.entry-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content > * + * {
  margin-top: var(--space-16) !important;
}
.c-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content p,
.c-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content ul,
.entry-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content p,
.entry-content .kg-toggle-card[data-kg-toggle-state] .kg-toggle-content ul {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-5);
  margin-top: 0;
}
.kg-image {
  margin: auto;
}
.kg-image-card {
  min-width: -moz-min-content;
  min-width: min-content;
  background-color: var(--color-background-secondary);
}
.kg-gallery-container {
  display: flex;
  flex-direction: column;
}
.kg-gallery-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.kg-gallery-row:not(:first-of-type) {
  margin-top: var(--content-flow);
}
.kg-gallery-image {
  background-color: var(--color-background-secondary);
}
.kg-gallery-image:not(:first-of-type) {
  margin-left: var(--content-flow);
}
.kg-gallery-image img {
  width: 100%;
  height: 100%;
}
.kg-embed-card {
  display: flex;
  align-items: center;
  flex-direction: column;
}
iframe[src*="pinterest.com"] {
  min-width: auto;
  max-width: 100%;
}
.c-content .kg-nft-card,.entry-content .kg-nft-card {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.c-content .kg-nft-card a.kg-nft-card-container,.entry-content .kg-nft-card a.kg-nft-card-container {
  font-family: var(--font-family-sansSerif);
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
  font-weight: var(--font-weight-normal);
  max-width: 100%;
  color: var(--color-text-primary);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.c-content .kg-ntf-image-container,.entry-content .kg-ntf-image-container {
  background-color: var(--color-background-secondary);
}
.c-content .kg-nft-image,.entry-content .kg-nft-image {
  aspect-ratio: var(--ratio-3x2);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.c-content .kg-nft-metadata,.entry-content .kg-nft-metadata {
  padding: var(--space-32);
}
.c-content .kg-nft-header h4.kg-nft-title,.entry-content .kg-nft-header h4.kg-nft-title {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.c-content .kg-nft-creator,.entry-content .kg-nft-creator {
  margin: var(--space-8) 0 0;
}
.c-content .kg-nft-creator span,.entry-content .kg-nft-creator span {
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}
.c-content .kg-nft-creator,.entry-content .kg-nft-creator {
  color: var(--color-text-secondary);
}
.c-content .kg-nft-card p.kg-nft-description,.entry-content .kg-nft-card p.kg-nft-description {
  color: var(--color-text-primary);
}
.c-content .kg-nft-creator,.entry-content .kg-nft-creator {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-1);
}
.c-content .kg-nft-card p.kg-nft-description,.entry-content .kg-nft-card p.kg-nft-description {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-4);
}
.c-content .kg-audio-card,.entry-content .kg-audio-card {
  padding: var(--space-32);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
@media (max-width: 39.99em) {
  .c-content .kg-audio-card,.entry-content .kg-audio-card {
    flex-wrap: wrap;
  }
}
.c-content .kg-audio-title,.entry-content .kg-audio-title {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
}
.c-content .kg-audio-player *,.entry-content .kg-audio-player * {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
}
@media (max-width: 63.99em) {
  .c-content .kg-audio-seek-slider,.entry-content .kg-audio-seek-slider {
    display: none;
  }
}
.c-content .kg-audio-time,.entry-content .kg-audio-time {
  color: var(--color-text-secondary);
}
.c-content .kg-audio-thumbnail,.entry-content .kg-audio-thumbnail {
  width: var(--space-96);
  min-width: var(--space-96);
  margin: 0 var(--space-8) 0 0;
  border-radius: var(--border-radius);
}
.c-content .kg-video-player *,.entry-content .kg-video-player * {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
}
.c-content .kg-file-card a.kg-file-card-container,.entry-content .kg-file-card a.kg-file-card-container {
  border: 0;
  transition: none;
  padding: var(--space-32);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.c-content .kg-file-card a.kg-file-card-container:hover ,.entry-content .kg-file-card a.kg-file-card-container:hover {
  border: 0;
  box-shadow: inset 0 0 0 var(--space-2) var(--color-border-secondary);
}
.c-content .kg-file-card .kg-file-card-contents,.entry-content .kg-file-card .kg-file-card-contents {
  margin: 0;
  margin-right: var(--space-8);
}
.c-content .kg-file-card .kg-file-card-contents > * + *,.entry-content .kg-file-card .kg-file-card-contents > * + * {
  margin-top: var(--space-4);
}
.c-content .kg-file-card .kg-file-card-title,.entry-content .kg-file-card .kg-file-card-title {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
}
.c-content
  .kg-file-card
  :is(
    .kg-file-card-caption,
    .kg-file-card-metadata,
    .kg-file-card-filename,
    .kg-file-card-filesize
  ) {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-normal);
}
.c-content .kg-file-card :is(.kg-file-card-caption, .kg-file-card-filesize),.entry-content .kg-file-card :is(.kg-file-card-caption, .kg-file-card-filesize) {
  opacity: 1;
}
.c-content .kg-file-card .kg-file-card-metadata,.entry-content .kg-file-card .kg-file-card-metadata {
  color: var(--color-text-secondary);
}
.c-content .kg-file-card .kg-file-card-icon svg,.entry-content .kg-file-card .kg-file-card-icon svg {
  color: var(--color-text-primary);
}
.twitter-tweet {
  min-width: auto;
  margin-bottom: 0 !important;
  margin-top: var(--content-flow) !important;
}
.kg-embed-card .twitter-tweet {
  margin-top: 0 !important;
}
.twitter-tweet iframe {
  max-width: 100% !important;
}
.kg-button-card {
  display: flex;
}
.kg-button-card.kg-align-center {
  justify-content: center;
}
.kg-button-card.kg-align-left {
  justify-content: start;
}
.c-content .kg-callout-card,.entry-content .kg-callout-card {
  padding: var(--space-32);
  border-radius: var(--border-radius);
}
.c-content .kg-callout-card + .kg-callout-card,.entry-content .kg-callout-card + .kg-callout-card {
  margin-top: var(--content-flow);
}
.c-content .kg-callout-card div.kg-callout-emoji,.entry-content .kg-callout-card div.kg-callout-emoji {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  padding-right: var(--space-16);
}
.c-content .kg-callout-card .kg-callout-text,.entry-content .kg-callout-card .kg-callout-text {
  font-size: var(--font-size-scale-3);
  line-height: var(--line-height-scale-5);
}
.c-content .kg-callout-card-white,.entry-content .kg-callout-card-white {
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.c-content .kg-product-card .kg-product-card-container,.entry-content .kg-product-card .kg-product-card-container {
  padding: var(--space-32);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.c-content .kg-product-card h4.kg-product-card-title,.entry-content .kg-product-card h4.kg-product-card-title {
  font-size: var(--font-size-scale-4);
  line-height: var(--line-height-scale-4);
  font-weight: var(--font-weight-bold);
}
.c-content .kg-product-card .kg-product-card-rating-star,.entry-content .kg-product-card .kg-product-card-rating-star {
  text-align: right;
  width: var(--space-24);
  height: var(--space-32);
}
.c-content .kg-product-card .kg-product-card-description *,.entry-content .kg-product-card .kg-product-card-description * {
  font-family: var(--font-family-sansSerif);
  opacity: 1;
}
.c-content .kg-product-card .kg-product-card-button,.entry-content .kg-product-card .kg-product-card-button {
  width: 100%;
}
.kg-header-card.kg-width-full {
  width: 100vw;
}
.kg-content-wide .kg-header-card-content {
  width: 100%;
  margin: auto;
}
.kg-content-wide:not(.kg-layout-split) .kg-header-card-content {
  max-width: calc(var(--grid-width) - var(--grid-margin-large) * 2);
}
@media (min-width: 64em) {
  .kg-content-wide.kg-layout-split .kg-header-card-content {
    max-width: calc(var(--grid-width) - var(--grid-margin-large) * 2);
  }
}
div.kg-header-card.kg-size-small h2.kg-header-card-header {
  font-size: 3em;
}
div.kg-header-card h2.kg-header-card-header {
  font-size: 4em;
}
div.kg-header-card.kg-size-large h2.kg-header-card-header {
  font-size: 4em;
}
._kg-header-card {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._kg-header-card + .kg-header-card {
  margin-top: 0;
}
._kg-header-card > * {
  max-width: var(--content-width);
}
._kg-header-card:not(.kg-style-light) a:not([class]) {
  color: inherit;
}
._kg-header-card :is(.kg-header-card-header, .kg-header-card-subheader) {
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
}
._kg-header-card :is(.kg-header-card-button) {
  margin-left: var(--grid-margin);
  margin-right: var(--grid-margin);
}
.kg-header-card-subheader {
  margin-top: var(--space-16);
}
.kg-header-card-button {
  margin-top: var(--space-32);
}
.kg-size-small {
  padding: var(--space-96) 0;
}
.kg-size-medium {
  padding: var(--space-128) 0;
}
.kg-size-large {
  padding: var(--space-160) 0;
}
.kg-style-light {
  --color-text-button: var(--color-text-button-headerCardStyleLight);
  --color-background-button: var(
    --color-background-button-headerCardStyleLight
  );
  --color-text-button-hover: var(
    --color-text-button-hover-headerCardStyleLight
  );
  --color-background-button-hover: var(
    --color-background-button-hover-headerCardStyleLight
  );
  color: var(--color-text-headerCardStyleLight);
  background-color: var(--color-background-headerCardStyleLight);
}
.kg-style-dark {
  --color-text-button: var(--color-text-button-headerCardStyleDark);
  --color-background-button: var(--color-background-button-headerCardStyleDark);
  --color-text-button-hover: var(--color-text-button-hover-headerCardStyleDark);
  --color-background-button-hover: var(
    --color-background-button-hover-headerCardStyleDark
  );
  color: var(--color-text-headerCardStyleDark);
  background-color: var(--color-background-headerCardStyleDark);
}
.kg-style-accent {
  --color-text-button: var(--color-text-button-headerCardStyleAccent);
  --color-background-button: var(
    --color-background-button-headerCardStyleAccent
  );
  --color-text-button-hover: var(
    --color-text-button-hover-headerCardStyleAccent
  );
  --color-background-button-hover: var(
    --color-background-button-hover-headerCardStyleAccent
  );
  color: var(--color-text-headerCardStyleAccent);
  background-color: var(--color-background-headerCardStyleAccent);
}
.kg-style-image {
  --color-text-button: var(--color-text-button-headerCardStyleImage);
  --color-background-button: var(
    --color-background-button-headerCardStyleImage
  );
  --color-text-button-hover: var(
    --color-text-button-hover-headerCardStyleImage
  );
  --color-background-button-hover: var(
    --color-background-button-hover-headerCardStyleImage
  );
  color: var(--color-text-headerCardStyleImage);
  background-color: var(--color-background-headerCardStyleImage);
  background-size: cover;
  background-position: center;
  position: relative;
}
.kg-style-image:before {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(0, transparent, rgba(0, 0, 0, 0.5));
}
.kg-style-image * {
  z-index: 1;
}
.kg-signup-card.kg-width-full {
  width: 100vw;
}
.kg-content-wide .kg-signup-card-content {
  width: 100%;
  margin: auto;
  padding: 0 var(--space-16);
}
.kg-content-wide:not(.kg-layout-split) .kg-signup-card-content {
  max-width: calc(var(--grid-width) - var(--grid-margin-large) * 2);
}
@media (min-width: 64em) {
  .kg-content-wide.kg-layout-split .kg-signup-card-content {
    max-width: calc(var(--grid-width) - var(--grid-margin-large) * 2);
  }
}
div.kg-signup-card.kg-width-full h2.kg-signup-card-heading {
  font-size: clamp(2.8rem, 5.6vw, 4rem);
}
.kg-signup-card h2 + .kg-signup-card-subheading,
.kg-signup-card-disclaimer {
  font-family: var(--font-family-sans-serif);
}
.kg-bookmark-card {
  width: 100%;
}
.kg-bookmark-container {
  display: flex;
  min-height: 144px;
  text-decoration: none;
  color: var(--color-text-primary);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-border-secondary);
}
.kg-bookmark-container:hover .kg-bookmark-title {
  text-decoration: underline;
}
.kg-bookmark-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--space-24);
}
@media (min-width: 64em) {
  .kg-bookmark-content {
    padding: var(--space-32);
  }
}
.kg-bookmark-title {
  font-size: var(--font-size-scale-2);
  line-height: var(--line-height-scale-2);
  font-weight: var(--font-weight-semibold);
}
.kg-bookmark-description {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-2);
  margin-top: var(--space-4);
  max-height: var(--space-48);
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kg-bookmark-metadata {
  font-size: var(--font-size-scale-1);
  line-height: var(--line-height-scale-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: var(--space-8);
  color: var(--color-text-secondary);
}
.kg-bookmark-icon {
  width: var(--space-24);
  height: var(--space-24);
  margin-right: var(--space-8);
  border-radius: var(--border-radius-circle);
}
.kg-bookmark-author {
  color: var(--color-text-secondary);
}
.kg-bookmark-publisher {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
.kg-bookmark-publisher:before {
  content: "•";
  margin: 0 var(--space-8);
}
.kg-bookmark-thumbnail {
  position: relative;
  min-width: 33%;
  max-height: 100%;
}
.kg-bookmark-thumbnail img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 39.99em) {
  .kg-bookmark-thumbnail img {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
}
@media (min-width: 40em) {
  .kg-bookmark-thumbnail img {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}
@media (max-width: 39.99em) {
  .kg-bookmark-container {
    flex-direction: column;
  }
  .kg-bookmark-thumbnail {
    order: 1;
    width: 100%;
    min-height: 160px;
  }
  .kg-bookmark-content {
    order: 2;
  }
}
.kg-blockquote-alt {
  font-size: var(--font-size-scale-5);
  line-height: var(--line-height-scale-8);
  font-weight: var(--font-weight-medium);
  text-align: center;
  font-style: italic;
  padding: 0 var(--space-20);
}