/*
 * Shared reading styles for Gutenberg, classic HTML, and plugin article bodies.
 * Display headings in Prosyo marketing sections retain their explicit classes.
 */
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper) {
  --prosyo-reading-text: #b7b4c8;
  --prosyo-reading-heading: #f3f3f3;
  --prosyo-reading-link: #d6a5ff;
  --prosyo-reading-gap: 1.35rem;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content) {
  font-family: Inter, sans-serif;
  font-size: clamp(16px, .3vw + 14px, 18px);
  line-height: 1.8;
  letter-spacing: -.012em;
  color: var(--prosyo-reading-text);
  overflow-wrap: anywhere;
  min-width: 0;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(p:not([class]), p.wp-block-paragraph, p.block-editor-rich-text__editable) {
  margin-block: 0 var(--prosyo-reading-gap);
  font-size: clamp(16px, .3vw + 14px, 18px);
  line-height: 1.8;
  letter-spacing: -.012em;
  color: var(--prosyo-reading-text);
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(h1,h2,h3,h4,h5,h6):not(.h1,.h2,.h3,.h4,.h5,.h6,.d):not([class*="display-show"]) {
  color: var(--prosyo-reading-heading);
  font-family: Inter, sans-serif;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.3;
  margin-block: 1.6em .65em;
  text-wrap: pretty;
  scroll-margin-top: 32px;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
h1:not(.h1,.h2,.h3,.h4,.h5,.h6,.d):not([class*="display-show"]) { font-size: clamp(32px, 3.2vw, 44px); }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
h2:not(.h1,.h2,.h3,.h4,.h5,.h6,.d):not([class*="display-show"]) { font-size: clamp(26px, 2.5vw, 34px); }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
h3:not(.h1,.h2,.h3,.h4,.h5,.h6,.d):not([class*="display-show"]) { font-size: clamp(22px, 1.9vw, 26px); margin-top: 1.65em; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(h4,h5,h6):not(.h1,.h2,.h3,.h4,.h5,.h6,.d):not([class*="display-show"]) { font-size: clamp(18px, 1.5vw, 22px); margin-top: 1.5em; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content)
> :first-child { margin-top: 0; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(h1,h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) { margin-top: 1em; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(ul,ol):not([class*="menu"]):not([role="listbox"]) {
  display: block;
  margin-block: 1.25rem 1.75rem;
  padding-inline-start: 1.55em;
  color: var(--prosyo-reading-text);
  font-size: inherit;
  line-height: 1.8;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
li { padding-inline-start: .25em; margin-block: .55em; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
li::marker { color: #c888ff; font-weight: 600; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
li > :is(ul,ol) { margin-block: .5rem; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(p,li) > :is(strong,b) { color: #edeaf6; font-weight: 600; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(p,li,td,figcaption) a:not([class]) {
  color: var(--prosyo-reading-link);
  text-decoration: underline;
  text-underline-offset: .2em;
  text-decoration-color: #d6a5ff66;
  overflow-wrap: anywhere;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(p,li,td,figcaption) a:not([class]):hover { color: #f0d9ff; text-decoration-color: currentColor; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(blockquote,.wp-block-quote) {
  margin: 2rem 0;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid #ffffff1a;
  border-left: 3px solid #b638ff;
  border-radius: 0 16px 16px 0;
  background: #ffffff04;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
blockquote :is(cite,footer) { display: block; margin-top: 1rem; color: #b7a5c7; font-size: 14px; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-video,.wp-block-audio) {
  margin-block: clamp(28px, 4vw, 48px);
  max-width: 100%;
}
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(.wp-block-image img,.wp-block-video video) { height: auto; max-width: 100%; border-radius: 16px; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
figcaption { margin-top: .85rem; color: #9d98b0; font-size: 14px; line-height: 1.6; text-align: center; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.wp-block-table { margin-block: 2rem; max-width: 100%; overflow-x: auto; border: 1px solid #ffffff24; border-radius: 14px; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
table { width: 100%; margin-block: 2rem; border-collapse: collapse; font-size: 15px; line-height: 1.65; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.wp-block-table table { margin: 0; }
/* Classic/HTML comparison tables have no Gutenberg overflow wrapper. */
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
table:not(.wp-block-table table) { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
table:not(.wp-block-table table) :is(th,td) { min-width: 180px; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(td,th) { padding: 16px 18px; border: 1px solid #ffffff1f; text-align: start; vertical-align: top; overflow-wrap: normal; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
th { color: #f3f3f3; font-weight: 600; background: #241237; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
tbody tr:nth-child(even) { background: #ffffff04; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #ffffff08; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
pre { max-width: 100%; overflow: auto; padding: 24px; margin-block: 2rem; border: 1px solid #ffffff1a; border-radius: 14px; background: #100b21; color: #e9d8f9; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:not(pre) > code { border-radius: 4px; background: #ffffff0d; padding: .15em .35em; color: #e9c4ff; font-size: .9em; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
:is(hr,.wp-block-separator) { margin-block: 3rem; border: 0; border-top: 1px solid #ffffff24; background: transparent; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.wp-block-buttons { margin-block: 1.75rem; gap: 12px; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.wp-block-button__link { padding: 14px 24px; border: 1px solid #a36ae7; border-radius: 9px; background: linear-gradient(180deg,#4c1b81,#220d42); color: #f1e6ff; font: 600 16px/1.4 Inter,sans-serif; text-decoration: none; }
:is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
.is-style-outline .wp-block-button__link { background: transparent; border-color: #ffffff38; }
@media (max-width: 767px) {
  :is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
  :is(td,th) { padding: 12px; }
  :is(.prosyo-prose, .prosyo-entry-content, .blog-details-desp, .prosyo-ft-seo-content, .wp-block-post-content, .editor-styles-wrapper)
  .wp-block-table table { min-width: 580px; }
}