/* Ghost Post Content Styles - Scoped to .ghost-post-content */
/* Based on inros theme styles */

/* Manrope Font Definitions */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-ExtraLight.woff2') format('woff2'),
       url('../fonts/CnsManrope-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-Light.woff2') format('woff2'),
       url('../fonts/CnsManrope-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-Regular.woff2') format('woff2'),
       url('../fonts/CnsManrope-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-Medium.woff2') format('woff2'),
       url('../fonts/CnsManrope-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-SemiBold.woff2') format('woff2'),
       url('../fonts/CnsManrope-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-Bold.woff2') format('woff2'),
       url('../fonts/CnsManrope-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/CnsManrope-ExtraBold.woff2') format('woff2'),
       url('../fonts/CnsManrope-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* CSS Variables for Ghost Content */
.ghost-post-content {
  /*** Theme Color  light  blue **/
  --ghost-accent-color: #0552D6;   
  /* Theme variables */
  --c-theme: var(--ghost-accent-color);
  --logo-header-height: 40px;
  --logo-footer-height: 40px;
  --c-white: #ffffff;
  --c-black: #000000;
  --c-success: #96ea8c;
  --c-error: #ff9b84;
  --c-button-text: var(--c-white);
  
  /* Size variables */
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 16px;
  --size-4: 24px;
  --size-radius: 32px;
  
  /* Color variables */
  --c-body-bg: #ffffff;
  --c-text-main: #131B26;
  --c-text-light: #575861;
  --c-gray-light: #efefef;
  --c-gray-lighter: #f9f9f9;
  --c-border: #dadce5;
  --c-border-light: var(--c-gray-light);
  --c-shadow: 0 15px 40px 5px rgba(132, 132, 133, 0.15);
  
  /* Content styles */
  margin: 4rem auto 0;
  font-size: 1.25rem;
  font-weight: 400;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: var(--c-text-main, #131B26);
  line-height: 1.7;
}

.ghost-post-content p {
  line-height: 1.7;
}

.ghost-post-content a {
  color: var(--c-text-main, #131B26);
  text-decoration: underline;
}

.ghost-post-content a:hover {
  color: var(--c-theme, #131B26);
}

.ghost-post-content a.btn {
  border-bottom: none;
  color: var(--c-white, #ffffff);
  text-decoration: none;
}

.ghost-post-content li {
  margin-bottom: 8px;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.ghost-post-content ul ul,
.ghost-post-content ol ol {
  margin: 10px 0;
}

.ghost-post-content ul,
.ghost-post-content ol {
  list-style-position: inside;
  margin-bottom: 1.5rem;
  
}

.ghost-post-content ul ::marker,
.ghost-post-content ol ::marker {
  text-indent: -8px;
}

.ghost-post-content blockquote {
  font-size: 1.75rem;
  margin: 2.5rem 0;
  padding: 2rem 2rem 2rem 4rem;
  font-weight: 500;
  position: relative;
  background: var(--c-gray-lighter, #f9f9f9);
  border-radius: 8px;
  line-height: 1.4;
}

.ghost-post-content blockquote::before {
  content: '"';
  font-size: 6rem;
  font-weight: 700;
  font-family: "Arial", sans-serif;
  position: absolute;
  left: 12px;
  top: -8px;
  opacity: 0.1;
}

.ghost-post-content > * {
  margin-bottom: 4rem;
}

.ghost-post-content > h1,
.ghost-post-content h2,
.ghost-post-content h3,
.ghost-post-content h4,
.ghost-post-content h5,
.ghost-post-content h6 {
  margin-bottom: 1rem;
  color: var(--c-text-main, #131B26);
  font-weight: 700;
  line-height: 1.3;
}

.ghost-post-content > h1 {
  margin-top: 5rem;
  font-size: 3rem;
}

.ghost-post-content > h2 {
  margin-top: 4.5rem;
  font-size: 2.5rem;
}

.ghost-post-content > h3 {
  margin-top: 4rem;
  font-size: 2rem;
}

.ghost-post-content > h4 {
  margin-top: 3.5rem;
  font-size: 1.5rem;
}

.ghost-post-content > h5 {
  margin-top: 2.5rem;
  font-size: 1.25rem;
}

.ghost-post-content > h6 {
  margin-top: 2rem;
  font-size: 1rem;
}

.ghost-post-content figure {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ghost-post-content figcaption {
  font-size: 0.875rem;
  text-align: center;
  margin-top: 8px;
  color: var(--c-text-light, #575861);
}

.ghost-post-content img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.ghost-post-content hr {
  text-align: center;
  border: none;
  border-bottom: 1px solid var(--c-border, #dadce5);
  margin: 5rem 0;
}

.ghost-post-content table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  overflow: auto;
  font-size: 1rem;
  margin: 2rem 0;
}

.ghost-post-content table,
.ghost-post-content th,
.ghost-post-content td {
  border: 1px solid var(--c-border, #dadce5);
}

.ghost-post-content th {
  color: var(--c-text-main, #131B26);
  background-color: var(--c-gray-lighter, #f9f9f9);
}

.ghost-post-content th,
.ghost-post-content td {
  padding: 8px 16px;
}

.ghost-post-content pre {
  overflow: auto;
  background-color: var(--c-gray-lighter, #f9f9f9);
  border-radius: 8px;
  border: 1px solid var(--c-border-light, #efefef);
  padding: 1rem;
  margin: 2.5rem 0;
  font-size: 1rem;
  line-height: 1.5;
}

.ghost-post-content code {
  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
    "Courier New", Courier, monospace;
  font-size: 1.125rem;
}

.ghost-post-content :not(pre) > code {
  font-size: 1.125rem;
  background-color: var(--c-gray-light, #efefef);
  padding: 2px 8px;
  border-radius: 4px;
}

/* Ghost Cards Styles */
.ghost-post-content .kg-image-card img {
  border-radius: 8px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .ghost-post-content .kg-image-card img {
    border-radius: 8px;
  }
}

.ghost-post-content .kg-embed-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ghost-post-content .kg-gallery-container {
  display: flex;
  flex-direction: column;
}

.ghost-post-content .kg-gallery-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.ghost-post-content .kg-gallery-image img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}

.ghost-post-content .kg-gallery-row:not(:first-of-type) {
  margin: 0.5rem 0 0 0;
}

.ghost-post-content .kg-gallery-image:not(:first-of-type) {
  margin: 0 0 0 0.5rem;
}

.ghost-post-content .kg-gallery-row:first-of-type .kg-gallery-image:first-of-type img {
  border-top-left-radius: 24px;
}

.ghost-post-content .kg-gallery-row:first-of-type .kg-gallery-image:last-of-type img {
  border-top-right-radius: 24px;
}

.ghost-post-content .kg-gallery-row:last-of-type .kg-gallery-image:first-of-type img {
  border-bottom-left-radius: 24px;
}

.ghost-post-content .kg-gallery-row:last-of-type .kg-gallery-image:last-of-type img {
  border-bottom-right-radius: 24px;
}

.ghost-post-content .kg-bookmark-card {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ghost-post-content .kg-bookmark-container {
  display: flex;
  flex-wrap: wrap;
  color: var(--c-text-main, #131b26);
  text-decoration: none;
  flex-direction: column-reverse;
  border-radius: 16px;
  border: 1px solid var(--c-gray-light, #efefef);
  background: var(--c-gray-lighter, #f9f9f9);
  overflow: hidden;
}

.ghost-post-content .kg-bookmark-container:hover {
  color: var(--c-text-main, #131b26);
  border-color: var(--c-gray-light, #efefef);
  text-decoration: none;
}

.ghost-post-content .kg-bookmark-container:hover .kg-bookmark-title {
  color: var(--c-theme, #131b26);
}

.ghost-post-content .kg-bookmark-container:hover .kg-bookmark-description,
.ghost-post-content .kg-bookmark-container:hover .kg-bookmark-metadata {
  color: var(--c-text-main, #131b26);
}

.ghost-post-content .kg-bookmark-content {
  flex-basis: 0;
  flex-grow: 999;
  min-width: 50%;
  padding: 1.5rem;
}

.ghost-post-content .kg-bookmark-title {
  line-height: 1.4;
  color: var(--c-text-main, #131b26);
  transition: all 300ms;
  font-weight: 700;
}

.ghost-post-content .kg-bookmark-description {
  font-size: 1rem;
  line-height: 1.6;
  display: -webkit-box;
  margin-top: 16px;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--c-text-main, #131b26);
  overflow: hidden;
}

.ghost-post-content .kg-bookmark-metadata {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin-top: 24px;
  color: var(--c-text-main, #131b26);
}

.ghost-post-content .kg-bookmark-thumbnail {
  flex-basis: 216px;
  flex-grow: 1;
  position: relative;
  border-radius: 0 16px 16px 0;
  overflow: hidden;
}

.ghost-post-content .kg-bookmark-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: bottom;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ghost-post-content .kg-bookmark-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: bottom;
}

.ghost-post-content .kg-bookmark-author,
.ghost-post-content .kg-bookmark-publisher {
  font-size: 0.875rem;
  font-weight: 700;
}

.ghost-post-content .kg-bookmark-publisher:before {
  content: '•';
  margin: 0 6px;
}

@media screen and (min-width: 768px) {
  .ghost-post-content .kg-bookmark-container {
    flex-direction: row;
  }

  .ghost-post-content .kg-bookmark-thumbnail {
    flex-basis: 32%;
    min-height: 144px;
  }
}

.ghost-post-content .kg-blockquote-alt {
  font-size: 1.75rem;
  padding: 4rem 2rem 2rem 2rem;
}

.ghost-post-content .kg-blockquote-alt::before {
  left: 50%;
  margin-left: -30px;
}

.ghost-post-content .kg-callout-card {
  border-radius: 8px;
}

.ghost-post-content .kg-toggle-card {
  border-radius: 8px;
}

.ghost-post-content .kg-product-card-rating-active.kg-product-card-rating-star svg {
  color: #f08705;
}

.ghost-post-content .kg-product-card a.kg-product-card-button {
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  line-height: 56px;
  border-radius: 28px;
  padding: 0 2rem;
}

.ghost-post-content .kg-header-card .kg-header-card-header {
  font-size: 4rem;
}

.ghost-post-content .kg-header-card .kg-header-card-button {
  font-size: 1.125rem;
  font-weight: 500;
  height: 56px;
  line-height: 56px;
  border-radius: 28px;
  padding: 0 2rem;
}

.ghost-post-content .kg-header-card.kg-size-large .kg-header-card-header {
  font-size: 5rem;
}

.ghost-post-content .kg-header-card.kg-size-large .kg-header-card-button {
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
  font-size: 1.235rem;
}

.ghost-post-content .kg-header-card.kg-size-small .kg-header-card-header {
  font-size: 3rem;
}

.ghost-post-content .kg-header-card.kg-size-small .kg-header-card-button {
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 1.5rem;
}

.ghost-post-content .kg-header-card.kg-style-light .kg-header-card-header,
.ghost-post-content .kg-header-card.kg-style-light .kg-header-card-subheader {
  color: var(--c-text-main, #131B26);
}

/* Responsive styles */
@media screen and (max-width: 768px) {
  .ghost-post-content {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    word-wrap: break-word;
  }
}

/* Prism.js code highlighting styles from inros theme */
.ghost-post-content code[class*="language-"],
.ghost-post-content pre[class*="language-"] {
  color: var(--c-text-main, #131B26);
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1.125rem;
  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;
  -ms-hyphens: none;
  hyphens: none;
}

.ghost-post-content pre[class*="language-"]::-moz-selection,
.ghost-post-content pre[class*="language-"] ::-moz-selection,
.ghost-post-content code[class*="language-"]::-moz-selection,
.ghost-post-content code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

.ghost-post-content pre[class*="language-"]::selection,
.ghost-post-content pre[class*="language-"] ::selection,
.ghost-post-content code[class*="language-"]::selection,
.ghost-post-content code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

/* Code blocks */
.ghost-post-content pre[class*="language-"] {
  padding: 1rem;
  overflow: auto;
}

.ghost-post-content :not(pre) > code[class*="language-"],
.ghost-post-content pre[class*="language-"] {
  background: var(--c-gray-lighter, #f9f9f9);
}

/* Inline code */
.ghost-post-content :not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.ghost-post-content .token.comment,
.ghost-post-content .token.prolog,
.ghost-post-content .token.doctype,
.ghost-post-content .token.cdata {
  color: slategray;
}

.ghost-post-content .token.punctuation {
  color: #999;
}

.ghost-post-content .token.namespace {
  opacity: 0.7;
}

.ghost-post-content .token.property,
.ghost-post-content .token.tag,
.ghost-post-content .token.boolean,
.ghost-post-content .token.number,
.ghost-post-content .token.constant,
.ghost-post-content .token.symbol,
.ghost-post-content .token.deleted {
  color: #905;
}

.ghost-post-content .token.selector,
.ghost-post-content .token.attr-name,
.ghost-post-content .token.string,
.ghost-post-content .token.char,
.ghost-post-content .token.builtin,
.ghost-post-content .token.inserted {
  color: #690;
}

.ghost-post-content .token.operator,
.ghost-post-content .token.entity,
.ghost-post-content .token.url,
.ghost-post-content .language-css .token.string,
.ghost-post-content .style .token.string {
  color: #9a6e3a;
}

.ghost-post-content .token.atrule,
.ghost-post-content .token.attr-value,
.ghost-post-content .token.keyword {
  color: #07a;
}

.ghost-post-content .token.function,
.ghost-post-content .token.class-name {
  color: #dd4a68;
}

.ghost-post-content .token.regex,
.ghost-post-content .token.important,
.ghost-post-content .token.variable {
  color: #e90;
}

.ghost-post-content .token.important,
.ghost-post-content .token.bold {
  font-weight: bold;
}

.ghost-post-content .token.italic {
  font-style: italic;
}

.ghost-post-content .token.entity {
  cursor: help;
}


.ghost-post-content .kg-button-card a.kg-btn {
  font-size: 16px;
  border-radius: 8px;
}
.ghost-post-content .table-responsive{
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}