.jotter-article-content > * {
	margin-left: auto;
	margin-right: auto;
}

.jotter-article-content > *:not(.kg-width-wide, .kg-width-full) {
	max-width: 34rem;
}

.jotter-article-content > .kg-width-wide {
	max-width: 48rem;
}

.jotter-article-content > *,
.jotter-article-content > :is(.kg-card.kg-button-card) {
	margin-top: 1rem;
}

.jotter-article-content > :is(blockquote, hr, h3),
.jotter-article-content :is(blockquote, hr, .kg-image-card:not(.kg-card-hascaption)) + :is(p,ol,ul,.kg-button-card) {
	margin-top: 1.75rem;
}

.jotter-article-content > .kg-card {
	margin-top: 1.5rem;
}

.jotter-article-content > h2,
.jotter-article-content .kg-card:not(.kg-image-card,.kg-gallery-card) + h3,
.jotter-article-content .kg-card:not(.kg-image-card:has(figcaption), .kg-gallery-card:has(figcaption)) + h2 {
	margin-top: 2.5rem;
}


/* Typography */

.jotter-article-content :is(p,ol,ul) a {
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.jotter-article-content p a:before {
	background-color: var(--ghost-accent-color);
	content: '';
	inset: -1px -2px;
	opacity: 0.05;
	position: absolute;
	transition: 0.15s ease-out;
	z-index: -1;
}

.jotter-article-content p a:hover:before {
	opacity: 0.1;
}

html.theme-dark .jotter-article-content p a:before {
	opacity: 0.125;
}

html.theme-dark .jotter-article-content p a:hover:before {
	opacity: 0.25;
}

.jotter-article-content :is(h1,h2,h3,h4,h5,h6) {
	margin-bottom: 0;
}

blockquote:not(.kg-blockquote-alt) {
	background-color: var(--jotter-color-body-bg);
	border: 1px solid var(--jotter-color-lightest);
	box-shadow: var(--jotter-shadow);
	font-style: italic;
	padding: 1.5rem 1.75rem;
}

blockquote.kg-blockquote-alt {
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.375;
	padding: 0;
	text-wrap: balance;
}

figcaption {
	font-size: 0.75rem;
	margin-top: 0.25rem;
}

.jotter-article-content :is(ol,ul) {
	padding-left: 1rem;
}

code {
	background-color: var(--jotter-color-body-bg);
	border: 1px solid var(--jotter-color-lightest);
	box-shadow: var(--jotter-shadow);
	display: block;
	font-size: 0.75rem;
	padding: 1.5rem;
	white-space: pre-wrap;
}

/* Tables */

.jotter-article-content table {
  display: block;
  overflow-x: auto;
}

.jotter-article-content table th {
  text-align: left;
}

.jotter-article-content table tr {
  border-bottom: 1px solid var(--jotter-color-lightest);
}

.jotter-article-content table :is(th,td) {
  padding: 0.25rem;
}


/* Buttons */

.jotter-article-content :is(.kg-button-card a.kg-btn,a.kg-cta-button,.kg-signup-card-button,.kg-header-card.kg-v2 .kg-header-card-button,.kg-product-card a.kg-product-card-button,.gh-post-upgrade-cta a.gh-btn) {
	border-radius: 0;
	font-family: var(--gh-font-body, var(--jotter-font-body));
	font-size: 0.875rem!important;
	font-weight: 700;
	height: auto;
	letter-spacing: 0;
	line-height: 1;
	min-height: unset;
    padding: 0.65rem 1rem 0.6rem;
	transition: opacity 0.15s ease-out;
}

.jotter-article-content .kg-header-card-button {
  background-color: var(--ghost-accent-color)!important;
  color: #fff!important;
}


/**** CARDS ****/

/* Image & Gallery */

.jotter-article-content .kg-image-card .kg-image {
  height: auto;
}

.jotter-article-content .kg-image-card.kg-width-full img {
  margin-left: auto; 
  margin-right: auto;
}

.jotter-article-content :is(.kg-gallery-card,.kg-image-card) {
  --gap: 0.5rem;
}


/* Bookmark */

.jotter-article-content :is(.kg-bookmark-card a.kg-bookmark-container,.kg-bookmark-card a.kg-bookmark-container:hover) {
	background: transparent;
	border-radius: 0;
	border: 1px solid var(--jotter-color-lightest);
	box-shadow: var(--jotter-shadow);
	color: var(--jotter-color-body);
}

.jotter-article-content .kg-bookmark-content {
	background-color: var(--jotter-color-body-bg);
	order: 2;
	padding: 1.5rem;
	font-family: var(--jotter-font-body);
}

.jotter-article-content .kg-bookmark-title {
	font-size: 1rem;
	line-height: 1.375;
	font-weight: 700;
}

.jotter-article-content .kg-bookmark-description {
	color: var(--jotter-color-light);
	font-size: 0.625rem;
	line-height: 1.375;
	margin-top: 0.25rem;
	max-height: unset;
	opacity: 1;
}

.jotter-article-content .kg-bookmark-metadata {
	margin-top: 1.25rem;
	font-size: 0.75rem;
	font-weight: 400;
}

.jotter-article-content .kg-bookmark-metadata > :not(img) {
	color: var(--jotter-color-light);
	opacity: 1;
}

.jotter-article-content .kg-bookmark-icon {
	width: 1rem;
	height: 1rem;
	margin-right: 0.25rem;
}


/* CTA */

.jotter-article-content .kg-cta-card {
	background-color: var(--jotter-color-body-bg);
	border: 1px solid var(--jotter-color-lightest);
	border-radius: 0;
	box-shadow: var(--jotter-shadow);
	padding: 1.5rem;
}

.jotter-article-content .kg-cta-sponsor-label-wrapper {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.jotter-article-content .kg-cta-sponsor-label {
	font-family: var(--jotter-font-body);
	font-size: 0.625rem;
	font-weight: 700;
}

.jotter-article-content .kg-cta-bg-none .kg-cta-content, .jotter-article-content .kg-cta-bg-none.kg-cta-no-dividers .kg-cta-content {
	border-bottom: none;
	gap: 1.25rem;
	padding: 1rem 0 0;
}

.jotter-article-content .kg-cta-image-container img {
	border-radius: 0;
}

.jotter-article-content .kg-cta-minimal .kg-cta-image-container img {
	height: 5rem;
	width: 5rem;
}

.jotter-article-content .kg-cta-text {
	line-height: 1.375;
}

.jotter-article-content .kg-cta-text b {
	display: inline-block;
	margin-bottom: 0.25rem;
}

.jotter-article-content .kg-cta-content-inner {
	margin-top: -0.25rem;
	gap: 1rem;
}


/* Callouts */

.jotter-article-content .kg-callout-card + .kg-callout-card {
	margin-top: 1.5rem;
}

.jotter-article-content .kg-callout-card {
	box-shadow: 0.25rem 0.25rem 0px 0px currentColor;
	padding: 1.5rem 1.5rem 1.5rem 1rem;
	border-radius: 0;
}

.jotter-article-content .kg-callout-card-white {
	border: 1px solid var(--jotter-color-lightest);
	box-shadow: 0.25rem 0.25rem 0px 0px var(--jotter-color-lightest);
}

.jotter-article-content .kg-callout-card-grey {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(124,139,154,.26);
}

.jotter-article-content .kg-callout-card-blue {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(33,172,232,.24);
}

.jotter-article-content .kg-callout-card-green {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(52,183,67,.24);
}

.jotter-article-content .kg-callout-card-yellow {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(240,165,15,.26);
}

.jotter-article-content .kg-callout-card-red {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(209,46,46,.22);
}

.jotter-article-content .kg-callout-card-pink {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(225,71,174,.22);
}

.jotter-article-content .kg-callout-card-purple {
	box-shadow: 0.25rem 0.25rem 0px 0px rgba(135,85,236,.24);
}

.jotter-article-content .kg-callout-card-accent {
	box-shadow: 0.25rem 0.25rem 0px 0px color-mix(in srgb, var(--ghost-accent-color) 50%, transparent);
}


/* Sign Up & Header */

.jotter-article-content :is(.kg-signup-card,.kg-header-card) {
	border: 1px solid var(--jotter-color-lightest);
	box-shadow: var(--jotter-shadow);
}

.jotter-article-content :is(.kg-signup-card[style="background-color: transparent;"],.kg-header-card[style="background-color: transparent;"]) {
	background-color: var(--jotter-color-body-bg)!important;
}

.jotter-article-content .kg-signup-card-text {
	margin: 0 auto;
	padding: 3rem!important;
}

.jotter-article-content :is(.kg-width-full,.kg-layout-split) .kg-signup-card-text {
	padding: 6rem!important;
}

@media (max-width: 959.98px) {
	.jotter-article-content :is(.kg-width-full,.kg-layout-split) .kg-signup-card-text {
		padding: 3rem!important;
	}
}

@media (max-width: 479.98px) {
	.jotter-article-content .kg-signup-card-text, .jotter-article-content :is(.kg-width-full,.kg-layout-split) .kg-signup-card-text {
		padding: 1.5rem!important;
	}
}

.jotter-article-content .kg-signup-card:is(.kg-width-full,.kg-width-wide) .kg-signup-card-text {
	max-width: calc(34rem + 6rem);
}

.jotter-article-content :is(.kg-header-card h2.kg-header-card-heading, .kg-signup-card h2.kg-signup-card-heading) {
	font-size: 1.5rem!important;
	line-height: 1.375;
	letter-spacing: 0;
}

.jotter-article-content :is(.kg-signup-card, .jg-header-card) h2 + :is(.kg-signup-card-subheading,.kg-header-card-subheading) {
	margin: 0.75rem 0 0;
}

.jotter-article-content :is(.kg-signup-card, .kg-header-card) :is(.kg-signup-card-subheading,.kg-header-card-subheading) {
	font-size: 1.15rem!important;
	font-weight: 400;
	line-height: 1.375;
	text-wrap: balance;
}

.jotter-article-content :is(.kg-header-card.kg-v2 h2 + .kg-header-card-button,.kg-header-card.kg-v2 p + .kg-header-card-button) {
	margin: 1.5rem 0 0!important;
}

.jotter-article-content :is(.kg-signup-card-heading + .kg-signup-card-form, .kg-signup-card-subheading + .kg-signup-card-form) {
	margin: 1.5rem 0 0!important;
}

.jotter-article-content .kg-signup-card-disclaimer {
	font-size: 0.75rem;
	margin: 0.5rem 0 0;
}

.jotter-article-content .kg-signup-card-fields {
	border: 1px solid #eee;
	border-radius: 0;
	padding: 0.5rem;
}

.jotter-article-content .kg-signup-card-input {
	font-size: 0.875rem;
  height: auto;
  min-height: unset;
  margin: 0 0.25rem 0 0;
  padding: 0.25rem 0.5rem;
  background: transparent;
}

.jotter-article-content :is(.kg-signup-card:has(picture),.kg-header-card:has(picture)) {
	background-color: #000;
}

.jotter-article-content :is(.kg-signup-card:not(.kg-layout-split) picture,.kg-header-card:not(.kg-layout-split) picture) {
	opacity: 0.75;
}


/* Toggle Card */

.jotter .kg-toggle-card {
	background-color: var(--jotter-color-body-bg);
  border: 1px solid var(--jotter-color-lightest);
  box-shadow: var(--jotter-shadow);
  border-radius: 0;
  padding: 0 1.5rem;
  position: relative;
}

.jotter .kg-toggle-card + .kg-toggle-card {
  margin-top: 1.5rem;
}

.jotter .kg-toggle-card[data-kg-toggle-state="open"]:before {
  background-color: var(--ghost-accent-color);
  filter: none;
}

.jotter .kg-toggle-heading {
  align-items: center;
  padding: 1.5rem 0 1.5rem 0;
}

.jotter .kg-toggle-card h4.kg-toggle-heading-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

.jotter .kg-toggle-content {
  height: auto;
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.35s ease, opacity 0.2s ease;
}

.jotter .kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-content {
  height: auto;
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  top: 0;
  transition: max-height 0.35s ease, opacity 0.2s ease;
}

.jotter .kg-toggle-content > *:first-child {
  margin-top: 0;
}

.jotter .kg-toggle-content > *:last-child {
  padding-bottom: 1.5rem;
}

.jotter .kg-toggle-card-icon svg {
  transform: scaleY(-1) translateY(0);
  margin-left: auto;
  width: 0.75rem;
}

.jotter .kg-toggle-card[data-kg-toggle-state="close"] svg {
  transform: scaleY(1) translateY(-1px);
}

.jotter .kg-toggle-heading path {
  stroke: var(--jotter-color-light);
}

/* Media */

.jotter .kg-audio-card, .jotter .kg-file-card a.kg-file-card-container {
  background-color: var(--jotter-color-body-bg);
  border-radius: 0;
  border: 1px solid var(--jotter-color-lightest);
  box-shadow: var(--jotter-shadow);
  color: var(--jotter-color-body);
  padding: 1rem;
}

.jotter .kg-audio-card svg {
  color: var(--jotter-color-body);
}

.jotter .kg-audio-card {
  align-items: center;
}

.jotter .kg-file-card a.kg-file-card-container {
  color: var(--jotter-color-body);
  font-family: var(--jotter-font-body);
}

.jotter .kg-audio-title, .jotter .kg-file-card-title {
  font-family: var(--jotter-font-titles);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  padding: 0;
}

.jotter .kg-file-card-caption {
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.3;
  opacity: 1;
}

.jotter .kg-file-card-metadata,
.jotter .kg-file-card-filesize {
  color: var(--jotter-color-light);
  font-family: var(--jotter-font-titles);
  font-size: 0.75rem;
  letter-spacing: 0;
  opacity: 1;
}

.jotter .kg-file-card-contents {
  margin: 0 1rem 0 0;
}

.jotter .kg-audio-thumbnail,
.jotter .kg-file-card-icon {
  border-radius: 0;
  height: 6rem;
  margin: 0;
  min-width: 6rem;
  width: 6rem;
  padding: 0;
}

.jotter .kg-file-card-icon::before {
  background: transparent;
  border-radius: 0;
  box-shadow: var(--jotter-shadow);
  opacity: 1;
}

.jotter .kg-audio-player-container {
  margin: 0 0 0 1rem;
}

.jotter .kg-audio-player {
  flex-wrap: wrap;
  margin-top: 0.75rem;
  padding: 0;
}

.jotter .kg-audio-seek-slider {
  display: block!important;
  order: -1;
  margin-bottom: 1rem;
  min-width: 100%;
}

.jotter .kg-audio-mute-icon,
.jotter .kg-audio-unmute-icon {
  margin-left: auto;
}

.jotter .kg-audio-seek-slider::before, 
.jotter .kg-audio-volume-slider::before  {
  background-color: var(--jotter-color-body);
}

.jotter .kg-audio-player-container input[type="range"]::-moz-range-progress  {
  background-color: var(--jotter-color-body);
}

.jotter .kg-file-card-icon svg {
  color: var(--jotter-color-body);
}


/* Embed Cards */

.jotter .kg-embed-card iframe {
  display: block;
}

.jotter .kg-embed-card iframe[src*="youtube.com/embed"],
.jotter .kg-embed-card iframe[src*="youtu.be"],
.jotter .kg-embed-card iframe[src*="vimeo.com"],
.jotter .kg-embed-card iframe[src*="dailymotion.com"],
.jotter .kg-embed-card iframe[src*="wistia.com"],
.jotter .kg-embed-card iframe[src*="loom.com"],
.jotter .kg-embed-card iframe[src*="twitch.tv"],
.jotter .kg-embed-card iframe[src*="facebook.com/plugins/video"] {
    display: block;
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    height: auto !important;
}

.jotter .kg-embed-card .twitter-tweet {
  margin: auto;
}


/* Product */

.jotter .kg-product-card-container {
  align-items: center;
  background-color: var(--jotter-color-body-bg);
  border-radius: 0;
  border: 1px solid var(--jotter-color-lightest);
  box-shadow: var(--jotter-shadow);
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: unset;
  max-width: 100%;
  padding: 1.5rem;
}

.jotter .kg-product-card-image {
  margin-bottom: 1.5rem;
  flex: 0 0 auto;
  width: 100%;
}

.jotter .kg-product-card-title-container {
  flex: 1 0 0;
}

.jotter .kg-product-card h4.kg-product-card-title {
  font-size: 1.25rem;
  font-weight: 700;
}

.jotter .kg-product-card-rating {
  align-self: unset;
  flex: 0 0 auto;
  margin-top: 0.15rem;
  padding-left: 1rem;
  width: auto;
}

.jotter .kg-product-card-description {
  color: var(--jotter-color-body);
  font-family: var(--jotter-font-body);
  margin-top: 1rem;
  width: 100%;
}

.jotter :is(.kg-product-card .kg-product-card-description ol, .kg-product-card .kg-product-card-description p, .kg-product-card .kg-product-card-description ul) {
  font-size: 0.875rem;
  opacity: 1;
  line-height: inherit;
}

.kg-product-card a.kg-product-card-button {
  margin-top: 1rem;
}


/* Paywall */

.jotter .gh-post-upgrade-cta {
  position: relative;
}

.jotter .gh-post-upgrade-cta:before {
  background: linear-gradient(
    0deg, 
    color-mix(in srgb, var(--jotter-color-body-bg) 100%, transparent) 0%,
    color-mix(in srgb, var(--jotter-color-body-bg) 100%, transparent) 10%,
    color-mix(in srgb, var(--jotter-color-body-bg) 0%, transparent) 100%
  ); 
  content: '';
  display: block;
  height: 20rem;
  position: absolute;
  top: -1px; right: 0; left: 0;
  transform: translateY(-100%);
}

.jotter .gh-post-upgrade-cta:first-child:before {
  display: none;
}

.jotter .gh-post-upgrade-cta-content {
  background-color: var(--jotter-color-body-bg)!important;
  border: 1px solid var(--jotter-color-lightest);
  border-radius: 0;
  color: var(--jotter-color-body);
  font-family: var(--gh-font-body,var(--jotter-font-body) );
  padding: 3rem 1.5rem;
}

.jotter .gh-post-upgrade-cta small {
  font-size: 0.875rem;
  letter-spacing: 0;
}

.jotter .gh-post-upgrade-cta h2 {
  color: var(--jotter-color-titles);
  font-size: 1.5rem;
  margin-top: 0;
}

.jotter .gh-post-upgrade-cta a.gh-btn {
  background-color: var(--ghost-accent-color);
  color: #fff!important;
}

.jotter .gh-post-upgrade-cta p {
  margin-top: 1.25rem;
}

.jotter .gh-post-upgrade-cta a {
  color: var(--ghost-accent-color)!important;
}

.jotter .gh-post-upgrade-cta a:before {
	display: none;
}


/* Article Meta */

.jotter-after-article .jotter-icon {
	color: var(--jotter-color-light);
	height: 20px;
	min-width: 20px;
	width: 20px;
	transition: 0.15s ease-out;
}

.jotter-after-article .jotter-icon.cursor-pointer:hover,
.jotter-comments-icon:hover .jotter-icon,
body.jotter-comments-show .jotter-comments-icon .jotter-icon {
	color: var(--ghost-accent-color);
}
.jotter-author-link:not(:hover), .jotter-post-meta {
	color: var(--jotter-color-light);
	text-decoration: none;
}

.jotter-author-link:not(:first-child) span,
.jotter-post-meta > div + div span {
	padding-left: 0.25rem;
}

.jotter-post-meta > div + div {
	margin-left: 0;
}

.jotter-post-meta > div + div:before, .jotter-author-link:not(:first-child):before {
	content: ',';
}

.jotter-comments-icon {
  border: none;
  background-color: transparent;
  padding: 0;
}

.jotter-comments {
	display: none;
}

body.jotter-comments-show .jotter-comments {
	display: block;
}

.jotter-prev-next {
	line-height: 1.375;
	text-wrap: balance;
}

.jotter-prev-next a:nth-child(2) {
	text-align: right;
}