/* RAMKA Site V2 knowledge archive and article skin — release 20260811. */
body.ramka-site-v2 .blog-wrapper {
  background: var(--ramka-white);
  padding-block: clamp(2.5rem, 5vw, 5rem);
}

body.ramka-site-v2 .ramka-v2-blog-intro {
  background:
    radial-gradient(circle at 12% 10%, rgba(8, 178, 138, .13), transparent 31%),
    linear-gradient(180deg, var(--ramka-warm), var(--ramka-white));
  border-bottom: 1px solid var(--ramka-line);
  margin: calc(clamp(2.5rem, 5vw, 5rem) * -1) 0 clamp(2rem, 4vw, 3.5rem);
  padding: clamp(3rem, 7vw, 6rem) 0 clamp(2.5rem, 5vw, 4.5rem);
}

body.ramka-site-v2 .ramka-v2-blog-intro h1 {
  color: var(--ramka-navy);
  font-size: clamp(2rem, 5vw, 4rem);
  margin: 0;
  max-width: 22ch;
}

body.ramka-site-v2 .ramka-v2-blog-intro .container > p:last-child {
  color: var(--ramka-copy);
  font-size: clamp(1rem, 1.7vw, 1.14rem);
  margin: 1rem 0 0;
  max-width: 68ch;
}

body.ramka-site-v2.blog .post-sidebar :where(.widget_tag_cloud, .widget_recent_comments) {
  display: none;
}

body.ramka-site-v2.blog .post-sidebar .widget {
  border: 1px solid var(--ramka-line);
  border-radius: var(--ramka-radius-md);
  box-shadow: 0 8px 25px rgba(18, 21, 62, .04);
  margin-bottom: 1rem;
  padding: 1rem;
}

body.ramka-site-v2.blog .post-sidebar .widget-title {
  color: var(--ramka-navy);
  font-size: .9rem;
  letter-spacing: 0;
  text-transform: none;
}

body.ramka-site-v2.blog .post-sidebar .is-divider {
  background: var(--ramka-teal);
  height: 3px;
}

body.ramka-site-v2 .blog-wrapper .page-title {
  color: var(--ramka-navy);
  font-size: clamp(1.8rem, 4vw, 3rem);
  letter-spacing: -.025em;
  text-transform: none;
}

body.ramka-site-v2 .blog-archive .post-item > .col-inner,
body.ramka-site-v2 .blog-archive article.post {
  background: var(--ramka-white);
  border: 1px solid var(--ramka-line);
  border-radius: var(--ramka-radius-md);
  box-shadow: 0 8px 25px rgba(18, 21, 62, .045);
  overflow: hidden;
}

body.ramka-site-v2 .blog-archive .box-image {
  background: var(--ramka-soft);
}

body.ramka-site-v2 .blog-archive .box-text {
  padding: 1.15rem;
  text-align: right;
}

body.ramka-site-v2 .blog-archive .post-title {
  color: var(--ramka-ink);
  font-size: 1.05rem;
  line-height: 1.65;
}

body.ramka-site-v2 .blog-archive .post-meta {
  color: #747582;
  font-size: .72rem;
}

body.ramka-site-v2 .blog-archive .from_the_blog_excerpt {
  color: var(--ramka-copy);
  font-size: .84rem;
  line-height: 1.85;
}

body.ramka-site-v2 .blog-single .article-inner {
  margin-inline: auto;
  max-width: 900px;
}

body.ramka-site-v2 .blog-single .entry-header-text {
  padding-inline: 0;
}

body.ramka-site-v2 .blog-single .entry-title {
  color: var(--ramka-navy);
  font-size: clamp(2rem, 4.5vw, 3.6rem);
  line-height: 1.45;
}

body.ramka-site-v2 .blog-single .entry-category {
  color: var(--ramka-teal-text);
  font-size: .75rem;
  letter-spacing: 0;
  text-transform: none;
}

body.ramka-site-v2 .blog-single .entry-content {
  color: var(--ramka-copy);
  font-size: clamp(.98rem, 1.6vw, 1.08rem);
  line-height: 2.05;
}

body.ramka-site-v2 .blog-single .entry-content :where(h2, h3, h4) {
  scroll-margin-top: 110px;
}

body.ramka-site-v2 .blog-single .entry-content h2 {
  color: var(--ramka-navy);
  font-size: clamp(1.45rem, 3vw, 2rem);
  margin-top: 2.1em;
}

body.ramka-site-v2 .blog-single .entry-content h3 {
  color: var(--ramka-ink);
  font-size: clamp(1.18rem, 2.3vw, 1.55rem);
  margin-top: 1.8em;
}

body.ramka-site-v2 .blog-single .entry-content :where(img, figure, table, blockquote) {
  border-radius: var(--ramka-radius-md);
}

body.ramka-site-v2 .blog-single .entry-content blockquote {
  background: var(--ramka-warm);
  border: 0;
  border-right: 4px solid var(--ramka-gold);
  color: var(--ramka-ink);
  font-style: normal;
  margin: 2rem 0;
  padding: 1.2rem 1.4rem;
}

body.ramka-site-v2 .entry-content .ramka-v2-table-scroll {
  border: 1px solid var(--ramka-line);
  border-radius: var(--ramka-radius-md);
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

body.ramka-site-v2 .entry-content .ramka-v2-table-scroll:focus-visible {
  outline: 3px solid var(--ramka-focus-ring);
  outline-offset: 3px;
}

body.ramka-site-v2 .entry-content .ramka-v2-table-scroll table {
  border: 0;
  display: table;
  margin: 0;
  max-width: none;
  min-width: 680px;
  width: 100%;
}

body.ramka-site-v2 .blog-single .entry-content :where(th, td) {
  border-color: var(--ramka-line);
  padding: .75rem;
}

body.ramka-site-v2 .blog-single .entry-content th {
  background: var(--ramka-soft);
  color: var(--ramka-ink);
}

body.ramka-site-v2 .blog-single .blog-share,
body.ramka-site-v2 .blog-single .social-icons.share-icons {
  border-color: var(--ramka-line);
}