.ghost-koenig {

   /* Global settings
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */ 

   /* Logo */
   --height-logo-header: 40px;
   --height-logo-footer: 40px;
   --height-logo-mobile-header: 30px;
   --height-logo-mobile-footer: 30px;

   /* Gap */
   --grid-gap: max(34px, 4vw);
   --site-gap: max(12px, 3.4vw);
   --row-gap: max(40px, 5.6vw);
   --mini-gap: max(14px, 1vw);

   /* Radius */
   --radius: max(6px, .5vw);
   --radius-full: 999px;
   --radius-big: calc(var(--radius) * 3.6);
   --radius-large: calc(var(--radius) * 2.75);
   --radius-medium: calc(var(--radius) * 2);
   --radius-small: calc(var(--radius) * 1.6);

   /* Switch */
   --switch-size: clamp(38px, 8vw, 54px);

   /* Template */
   --sidebar: clamp(300px, 20vw, 325px);

   /* Content */
   --site-width: 1920px;
   --wide-width: 1180px;
   --regular-width: 840px;

   --full: minmax(var(--site-gap), 1fr);
   --site: minmax(0, calc((var(--site-width) - var(--wide-width)) / 2));
   --wide: minmax(0, calc((var(--wide-width) - var(--regular-width)) / 2));
   
   --site-left: minmax(0, calc(var(--site-width) - var(--wide-width)));
   --wide-left: minmax(0, calc(var(--wide-width) - var(--regular-width)));

   --regular-content: min(var(--regular-width), 100% - var(--site-gap) * 2);
   --site-content: min(var(--site-width), 100% - var(--site-gap) * 2);

   --grid-template-center: [full-start] var(--full) [site-start] var(--site) [wide-start] var(--wide) [regular-start] var(--regular-content) [regular-end] var(--wide) [wide-end] var(--site) [site-end] var(--full) [full-end];

   --grid-template-left: [full-start] var(--full) [site-start wide-start regular-start] var(--regular-content) [regular-end] var(--wide-left) [wide-end] var(--site-left) [site-end] var(--full) [full-end];

   --grid-template-site: [full-start] var(--full) [site-start] var(--site-content) [site-end] var(--full) [full-end];


   /* Fonts
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
   --font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   --font-family-caption: var(--font-family-system);
   --font-family-body: var(--gh-font-body, var(--font-family-system));
   --font-family-subheading: var(--gh-font-body, var(--font-family-body));
   --font-family-heading: var(--gh-font-body, var(--font-family-body));
   --font-family-display: var(--gh-font-heading, var(--font-family-body));

   /* Fonts weight */
   --font-weight-regular: 400;
   --font-weight-medium: 450;
   --font-weight-semibold: 580;
   --font-weight-bold: 700;
   --font-weight-display: 500;

   /* Fonts size */
   --scale-min: 600;
   --scale-max: 1900;
   --scale-scope: calc(var(--scale-max) - var(--scale-min));

   --unit-rem: 1rem;
   --px-per-rem: 16;

   --font-size-max-hero: 5.625;
   --font-size-max-xxxl: 4;
   --font-size-max-xxl: 3.125;
   --font-size-max-xl: 2.5;
   --font-size-max-l: 2;
   --font-size-max-m: 1.65;
   --font-size-max-r: 1.4;
   --font-size-max-s: 1.25;
   --font-size-max-xs: 1.125;
   --font-size-max-xxs: 1;
   --font-size-max-xxxs: .875;

   --font-size-min-hero: calc(var(--font-size-max-hero) / 2.2);
   --font-size-min-xxxl: calc(var(--font-size-max-xxxl) / 2);
   --font-size-min-xxl: calc(var(--font-size-max-xxl) / 1.8);
   --font-size-min-xl: calc(var(--font-size-max-xl) / 1.6);
   --font-size-min-l: calc(var(--font-size-max-l) / 1.4);
   --font-size-min-m: calc(var(--font-size-max-m) / 1.25);
   --font-size-min-r: calc(var(--font-size-max-r) / 1.15);
   --font-size-min-s: calc(var(--font-size-max-s) / 1.15);
   --font-size-min-xs: 1.125;
   --font-size-min-xxs: 1;
   --font-size-min-xxxs: .75;

   --font-size-max-logo: 2.2;
   --font-size-min-logo: calc(var(--font-size-max-logo) / 1.4);

   --font-size-body: var(--font-size-r);
   --font-size-button: var(--font-size-xs);
   --font-size-input: var(--font-size-xxs);
   --font-size-caption: .75rem;

   /* hero */
   --font-size-hero: clamp(calc(var(--font-size-min-hero) * var(--unit-rem)), calc((((var(--font-size-max-hero) - var(--font-size-min-hero)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-hero) * var(--px-per-rem) - ((var(--font-size-max-hero) - var(--font-size-min-hero)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-hero) * var(--unit-rem)));

   /* xxxl */
   --font-size-xxxl: clamp(calc(var(--font-size-min-xxxl) * var(--unit-rem)), calc((((var(--font-size-max-xxxl) - var(--font-size-min-xxxl)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xxxl) * var(--px-per-rem) - ((var(--font-size-max-xxxl) - var(--font-size-min-xxxl)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xxxl) * var(--unit-rem)));

   /* xxl */
   --font-size-xxl: clamp(calc(var(--font-size-min-xxl) * var(--unit-rem)), calc((((var(--font-size-max-xxl) - var(--font-size-min-xxl)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xxl) * var(--px-per-rem) - ((var(--font-size-max-xxl) - var(--font-size-min-xxl)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xxl) * var(--unit-rem)));

   /* xl */
   --font-size-xl: clamp(calc(var(--font-size-min-xl) * var(--unit-rem)), calc((((var(--font-size-max-xl) - var(--font-size-min-xl)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xl) * var(--px-per-rem) - ((var(--font-size-max-xl) - var(--font-size-min-xl)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xl) * var(--unit-rem)));

  /* l */ 
   --font-size-l: clamp(calc(var(--font-size-min-l) * var(--unit-rem)), calc((((var(--font-size-max-l) - var(--font-size-min-l)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-l) * var(--px-per-rem) - ((var(--font-size-max-l) - var(--font-size-min-l)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-l) * var(--unit-rem)));

   /* m */
   --font-size-m: clamp(calc(var(--font-size-min-m) * var(--unit-rem)), calc((((var(--font-size-max-m) - var(--font-size-min-m)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-m) * var(--px-per-rem) - ((var(--font-size-max-m) - var(--font-size-min-m)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-m) * var(--unit-rem)));

  /* r */
   --font-size-r: clamp(calc(var(--font-size-min-r) * var(--unit-rem)), calc((((var(--font-size-max-r) - var(--font-size-min-r)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-r) * var(--px-per-rem) - ((var(--font-size-max-r) - var(--font-size-min-r)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-r) * var(--unit-rem)));

   /* s */
   --font-size-s: clamp(calc(var(--font-size-min-s) * var(--unit-rem)), calc((((var(--font-size-max-s) - var(--font-size-min-s)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-s) * var(--px-per-rem) - ((var(--font-size-max-s) - var(--font-size-min-s)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-s) * var(--unit-rem)));

   /* xs */
   --font-size-xs: clamp(calc(var(--font-size-min-xs) * var(--unit-rem)), calc((((var(--font-size-max-xs) - var(--font-size-min-xs)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xs) * var(--px-per-rem) - ((var(--font-size-max-xs) - var(--font-size-min-xs)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xs) * var(--unit-rem)));

   /* xxs */
   --font-size-xxs: clamp(calc(var(--font-size-min-xxs) * var(--unit-rem)), calc((((var(--font-size-max-xxs) - var(--font-size-min-xxs)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xxs) * var(--px-per-rem) - ((var(--font-size-max-xxs) - var(--font-size-min-xxs)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xxs) * var(--unit-rem)));

   /* xxxs */
   --font-size-xxxs: clamp(calc(var(--font-size-min-xxxs) * var(--unit-rem)), calc((((var(--font-size-max-xxxs) - var(--font-size-min-xxxs)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-xxxs) * var(--px-per-rem) - ((var(--font-size-max-xxxs) - var(--font-size-min-xxxs)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-xxxs) * var(--unit-rem)));

   /* logo */
   --font-size-logo: clamp(calc(var(--font-size-min-logo) * var(--unit-rem)), calc((((var(--font-size-max-logo) - var(--font-size-min-logo)) * var(--px-per-rem) / var(--scale-scope)) * 100 * 1vw) + ((var(--font-size-min-logo) * var(--px-per-rem) - ((var(--font-size-max-logo) - var(--font-size-min-logo)) * var(--px-per-rem) / var(--scale-scope) * var(--scale-min))) / var(--px-per-rem) * var(--unit-rem))), calc(var(--font-size-max-logo) * var(--unit-rem)));

   /* Light version
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
   --color-font-one: #120b14;
   --color-font-two: #fff;
   --color-font-black: #120b14;
   --color-font-white: #fff;
   --color-one: #120b14;
   --color-two: #f6f6f6;
   --color-three: #ededed;
   --color-four: #fff;
   --color-body: #fff;
   --opacity-blur: .2;
   --opacity-rgba: rgba(255, 255, 255, .5);
   --opacity-caption: .8;
   --opacity-label: .7;
   --opacity-meta: .7;

   --alert-red: lightcoral;
   --alert-green: lightgreen;

   --border: 1px solid var(--color-three);
   --ghost-accent-color: #ff4d82;
   --outline: 2px solid #3b82f6;
}

.dark .ghost-koenig,
[data-color-scheme="dark"] .ghost-koenig {
   --color-font-one: #fafafa;
   --color-font-two: #11131d;
   --color-font-black: #11131d;
   --color-font-white: #fafafa;
   --color-one: #fafafa;
   --color-two: #1c202a;
   --color-three: #272c39;
   --color-four: #171922;
   --color-body: #11131d;
   --opacity-blur: .2;
   --opacity-rgba: rgba(17, 19, 29, .5);
   --opacity-caption: .6;
   --border: 1px solid var(--color-three);
}

@media (prefers-color-scheme: dark) {
   [data-color-scheme="auto"] .ghost-koenig {
      --color-font-one: #fafafa;
      --color-font-two: #11131d;
      --color-font-black: #11131d;
      --color-font-white: #fafafa;
      --color-one: #fafafa;
      --color-two: #1c202a;
      --color-three: #272c39;
      --color-four: #171922;
      --color-body: #11131d;
      --opacity-blur: .2;
      --opacity-rgba: rgba(17, 19, 29, .5);
      --opacity-caption: .6;
      --border: 1px solid var(--color-three);
   }
}

/* Grid
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.g-grid {
   display: grid;
   width: 100%;
   gap: var(--grid-gap);
   grid-auto-columns: 1fr;
}

/* Template */
.g-grid-full {
   display: grid;
}

.g-grid-full,
.g-grid-full > * {
   width: 100%;
}

.g-grid-full.is-row-gap {
   row-gap: var(--row-gap);
}

.g-template-site { grid-template-columns: var(--grid-template-site); }
.g-template-center { grid-template-columns: var(--grid-template-center); }

.g-grid-full.g-child-regular > * { grid-column: regular; }
.g-grid-full.g-child-wide > * { grid-column: wide; }
.g-grid-full.g-child-site > * { grid-column: site; }
.g-grid-full.g-child-full > * { grid-column: full; }

.g-grid-full:is(.g-child-regular, .g-child-wide, .g-child-site) > .g-grid-full {
   grid-column: full;
}
/* --------------------------------------------------------------------------
   4.Content
   -------------------------------------------------------------------------- */
.post-section {
   margin-bottom: var(--grid-gap);
}

.post-content:first-child {
   margin-top: clamp(0px, 2vw, 40px);
}

.post-content :where(img, iframe, picture, video, canvas, svg) {
   display: block;
}

.post-content :where(img, picture, video, canvas, svg) {
   max-width: 100%;
   height: auto;
}

.post-content iframe {
   width: 100%;
   border: 0;
}

/* Grid */
.post-content .kg-width-wide,
.post-content .kg-content-wide > div,
.post-content blockquote.kg-blockquote-alt {
   grid-column: wide;
}

.post-content .kg-width-full {
   grid-column: full;
}

/* Margins
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-content * {
   margin-block: 0;
}

.post-content > * + * {
   margin-top: 4vh;
}

.post-content > [id] + p {
   margin-block-start: 2.4vh;
}

.post-content > * + blockquote:not([class]),
.post-content > blockquote:not([class]) + *,
.post-content > blockquote:not([class]) + [id]:not(:first-child) {
   margin-block-start: 9vh;
}

.post-content > [id]:not(:first-child),
.post-content :where(.kg-card, table) + :not(.kg-card):not(table):not([id]),
.post-content :where(:not(.kg-card):not(table):not([id])) + :is(.kg-card, table),
.post-content :where(:not(.kg-card):not([id])) + .kg-card.kg-width-full,
.post-content .kg-card.kg-width-full + :where(:not(.kg-card):not([id])) {
   margin-block-start: 7vh;
}

.post-content > * + :where(hr, blockquote, iframe),
.post-content > :where(hr, blockquote, iframe) + *,
.post-content > :where(hr, blockquote, iframe) + [id]:not(:first-child) {
   margin-block-start: 8vh;
}

.post-content > [class*="kg-"][class*="-full"]:not([class*="-hascaption"]) + [class*="-full"] {
   margin-top: 0;
}

.post-content > [class*="kg-"][class*="-bookmark"] + [class*="-bookmark"] {
   margin-top: 1em;
}

/* Typo
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-content h1 { font-size: clamp(1.7em, calc(1rem + 2vw), 2.5em) }
.post-content h2 { font-size: clamp(1.4em, calc(1rem + 1.5vw), 2em) }
.post-content h3 { font-size: clamp(1.1em, calc(.5rem + 1.5vw), 1.5em) }
.post-content h4 { font-size: clamp(1em, calc(.25rem + 1.5vw), 1.25em) }
.post-content h5 { font-size: clamp(.8em, 1.5vw, 1em) }
.post-content h6 { font-size: clamp(.7em, 1.2vw, .85em) }

.post-content :where(h1, h2, blockquote.kg-blockquote-alt) {
   font-family: var(--font-family-display);
   font-weight: var(--font-weight-display);
   line-height: 1.2;
}

.post-content :where(h3, h4, h5, h6) {
   font-family: var(--font-family-heading);
   font-weight: var(--font-weight-bold);
}

.ghost-koenig .post-content :where(h1, h2) {
   font-family: var(--font-family-display);
   font-weight: var(--font-weight-display);
   line-height: 1.2;
}

/* General
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-content a {
   transition: color .15s ease, opacity .15s ease;
   text-decoration: underline;
}

.post-content a:hover {
   color: var(--ghost-accent-color);
}

/* List — restore markers reset by Tailwind preflight */
.post-content :where(ul, ol) {
   padding-inline-start: 2ch;
   list-style-position: outside;
}

.post-content ul {
   list-style-type: disc;
}

.post-content ol {
   list-style-type: decimal;
}

.post-content ul ul {
   list-style-type: circle;
}

.post-content :where(li + li, li :where(ul, ol)) {
   margin-block-start: 8px;
}

.post-content ol ol li {
   list-style-type: lower-alpha;
}

.post-content ol ol ol li {
   list-style-type: lower-roman;
}

/* hr */
.post-content hr {
   width: 100%;
   height: 1px;
   border: 0;
   background-color: var(--color-three);
}

/* Table */
.post-content table {
   display: inline-block;
   overflow-x: auto;
   width: auto;
   max-width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   text-align: left;
   vertical-align: top;
   white-space: nowrap;
   background-color: transparent;
   -webkit-overflow-scrolling: touch;
}

.post-content table,
.post-content table th {
   font-size: var(--font-size-xs);
}

.post-content table th {
   background-color: var(--color-two);
}

.post-content table :where(th, td) {
   display: table-cell;
   padding: 1.5vh 1ch;
}

.post-content td {
   border-bottom: var(--border);
}

.post-content :where(th:first-child, td:first-child) {
   padding-left: 1ch;
}

.post-content :where(th:last-child, td:last-child) {
   padding-right: 1ch;
}

/* Code */
.post-content pre {
   min-width: 100%;
}

.post-content pre > code {
   display: block;
   padding: 3vh 2ch;
   white-space: pre-wrap;
}

.post-content code {
   font-size: 80%;
   padding: 2px 5px;
   background-color: var(--color-two);
}

.post-content blockquote code {
   font-size: 75%;
}

.post-content :where(blockquote code, p code) {
   border-radius: 5px;
}

/* Blockquote */
.post-content blockquote {
   margin-inline-end: 0;
   margin-inline-start: 0;
}

.post-content blockquote:not([class]) {
   line-height: 1.4;
   border-inline-start: 4px solid var(--ghost-accent-color);
   padding-inline-start: .8em;
}

.post-content blockquote.kg-blockquote-alt {
   font-size: var(--font-size-xxl);
   font-style: normal;
   line-height: 1.2;
   padding: 0;
}

/* Figcaptions */
.post-content figcaption {
   text-align: center;
   margin-block-start: 8px;
   padding-inline: 1ch;
}

.post-content :where(figcaption, figcaption a) {
   color: var(--color-font-one);
}

.post-content figcaption a:hover {
   opacity: .8;
   color: currentColor;
}

/* /////// data: reset /////// */
[data-post-content] [class*="kg-card"] :is([class*="kg-"][class*="-btn"], [class*="kg-"][class*="-button"]),
[data-post-content] [class*="kg-toggle"] [class*="-heading"] {
   font-family: var(--font-family-subheading);
   font-size: var(--font-size-r);
   font-weight: var(--font-weight-regular);
}

[data-post-content] [class*="kg-card"]:is([class*="-header"], [class*="-signup"]) :is([class*="kg-"][class*="-heading"], [class*="kg-"][class*="-subheading"]) {
   font-family: var(--font-family-subheading);
}

[data-post-content] [class*="kg-signup"] :is([class*="kg-"][class*="-success"], [class*="kg-"][class*="-error"]) {
   font-weight: var(--font-weight-regular);
}

[data-post-content] [class*="kg-card"][class*="-full"][class*="-wide"]:not([class*="-split"]) [class*="kg-"][class*="-heading"] {
   font-size: var(--font-size-xxxl);
}

[data-post-content] [class*="kg-card"]:is([class*="-header"], [class*="-signup"]) [class*="kg-"][class*="-heading"] {
   font-size: var(--font-size-xxl);
   line-height: 1.18;
}

[data-post-content] [class*="kg-card"][class*="-full"]:is([class*="-header"], [class*="-signup"]) [class*="kg-"][class*="-subheading"] {
   font-size: var(--font-size-l);
   margin-block-start: 3vh;
}

[data-post-content] [class*="kg-card"]:is([class*="-header"], [class*="-signup"]) [class*="kg-"][class*="-subheading"] {
   font-size: var(--font-size-m);
}

[data-post-content] .kg-toggle-content {
   font-size: var(--font-size-s);
}

[data-post-content] .kg-toggle-card {
   color: var(--color-font-one);
   background: transparent;
   box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-one) 25%, transparent);
}

[data-post-content] .kg-toggle-heading svg {
   color: color-mix(in srgb, var(--color-one) 50%, transparent);
}

[data-post-content] .kg-toggle-card .kg-toggle-heading {
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

[data-post-content] .kg-toggle-card .kg-toggle-heading-text {
   flex: 1;
}

.ghost-koenig [data-post-content] .kg-toggle-card .kg-toggle-heading-text,
.ghost-koenig [data-post-content] .kg-toggle-card .kg-toggle-heading-text :is(h4, b, strong) {
   font-family: var(--font-family-subheading);
   font-weight: var(--font-weight-regular);
}

[data-post-content] .kg-toggle-card .kg-toggle-card-icon {
   flex-shrink: 0;
   height: 24px;
   width: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 1em;
   padding: 0;
   background: none;
   border: 0;
   cursor: pointer;
}

[data-post-content] .kg-toggle-card .kg-toggle-heading svg {
   width: 14px;
   color: rgba(124, 139, 154, 0.5);
   transition: transform 0.3s;
   transform: rotate(-180deg);
}

[data-post-content] .kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-heading svg {
   transform: unset;
}

[data-post-content] .kg-toggle-card .kg-toggle-content :is(p, ol, ul) {
   line-height: 1.5;
}

[data-post-content] [class*="kg-signup"] :is([class*="kg-"][class*="-success"], [class*="kg-"][class*="-error"]) {
   font-size: var(--font-size-xxs);
}

[data-post-content] [class*="kg-signup"] [class*="kg-"][class*="-disclaimer"] {
   font-size: var(--font-size-caption);
   opacity: var(--opacity-caption);
}

/* General */
[data-post-content] [class*="kg-card"][class*="-full"][class*="-wide"] [class*="-content"] {
   padding-right: var(--grid-gap);
   padding-left: var(--grid-gap);
}

[data-post-content] [class*="kg-signup"] :is([class*="kg-"][class*="-input"], [class*="kg-"][class*="-fields"]) {
   background-color: var(--color-body);
}

[data-post-content] [class*="kg-signup"] [class*="kg-"][class*="-fields"] {
   padding: calc(var(--mini-gap) / 3);
   border: none;
}

/* Radius */
[data-post-content] [class*="kg-card"] :is([class*="kg-"][class*="-btn"], [class*="kg-"][class*="-button"], [class*="kg-"][class*="-input"], [class*="kg-"][class*="-fields"]) {
   border-radius: var(--radius-full);
}

[data-post-content] > pre > code,
[data-post-content] > [class*="kg-card"]:is([class*="-signup"], [class*="-header"], [class*="-cta"], [class*="-callout"], [class*="-audio"], [class*="-toggle"]):not([class*="-full"]),
[data-post-content] [class*="kg-card"] [class*="kg-"][class*="-container"]:not([class*="-cta"], [class*="-gallery"]),
[data-post-content] [class*="kg-card"]:is([class*="-image"]:not([class*="-full"], [class*="-cta"]), [class*="-gallery"]) img {
   overflow: hidden;
   border-radius: var(--radius-medium);
}

[data-post-content] [class*="kg-file"] [class*="-icon"]::before,
[data-post-content] [class*="kg-card"]:is([class*="-audio"], [class*="-product"]) :is([class*="-thumbnail"], [class*="-image"]),
[data-post-content] [class*="kg-card"][class*="-cta"] [class*="-image"] img {
   border-radius: var(--radius);
}

/* Image & Embed */
[data-post-content] [class*="kg-card"][class*="-image"]:not([class*="-gallery"]) ,
[data-post-content] [class*="kg-card"][class*="-embed"] > div > * {
   margin-right: auto;
   margin-left: auto;
}

/* Bookmark */
[data-post-content] [class*="kg-bookmark"] [class*="-container"] {
   transition: opacity .3s ease;
}

[data-post-content] [class*="kg-bookmark"] [class*="-container"]:hover {
   opacity: .8;
}

/* Audio */
[data-post-content] [class*="kg-audio"] svg {
   fill: var(--color-one);
}

[data-post-content] [class*="kg-audio"] [class*="-thumbnail"] svg {
   fill: var(--ghost-accent-color-contrast, var(--color-one));
}

[data-post-content] [class*="kg-audio"] [class*="-rate"] {
   color: var(--color-font-one);
}

/* Background */
[data-post-content] [class*="kg-audio-card"],
[data-post-content] [class*="kg-card"] :is([class*="-bookmark"] [class*="-container"], [class*="-product"] [class*="-container"], [class*="-file"] [class*="-container"]) {
   color: var(--color-one);
   border: none;
   background-color: var(--color-two);
   box-shadow: none;
}

/* Dynamic color */
[data-post-content] [class*="kg-"] :is([class*="kg-"][class*="-btn"], [class*="-product"] [class*="kg-"][class*="-button"], [class*="kg-"][class*="-signup"][class*="-button"].kg-style-accent) {
   color: var(--ghost-accent-color-contrast)!important;
}

/* Highlight — browser-default yellow like Tozan */
.ghost-koenig .post-content mark {
   background-color: #ff0;
   color: inherit;
}

/* Scoped base typography for post body */
.ghost-koenig {
  color: var(--color-font-one);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-word;
}

.ghost-koenig .post-content :where(h1, h2, h3, h4, h5, h6) {
  width: 100%;
  color: var(--color-font-one);
}

.ghost-koenig .post-content p {
  color: var(--color-font-one);
}

.ghost-koenig .post-content figcaption {
  font-size: var(--font-size-caption);
  opacity: var(--opacity-caption);
}

.ghost-koenig .post-content mark {
  background-color: #ff0;
  color: inherit;
}