/**
 * Biserok Editorial (/soviet/) Editorial Layout System adapted for Biserok (biserok.org)
 * Baseline rhythm: 9px / 27px
 * Proportions: 60.5vw (max 750px) main column + 22vw (max 280px) right marginalia
 */

:root {
  --soviet-key-color: var(--semantic-color-action-primary, rgb(227, 0, 22));
  --soviet-key-underline: rgba(227, 0, 22, 0.16);
  --soviet-link-color: var(--semantic-color-link-default, rgb(17, 97, 150));
  --soviet-link-underline: rgba(17, 97, 150, 0.18);
  --soviet-visited-color: rgb(103, 72, 141);
  --soviet-visited-underline: rgba(103, 72, 150, 0.18);
  --soviet-header-bg: var(--semantic-color-surface-info-tint, #e0f2fe);
  --soviet-text-color: var(--semantic-color-text-strong, #111111);
  --soviet-muted-color: var(--semantic-color-text-muted, rgba(0, 0, 0, 0.52));
  --soviet-rule-color: var(--semantic-color-border-default, rgba(0, 0, 0, 0.1));
  --soviet-surface-soft: var(--semantic-color-surface-muted, #f4f3ef);
  --soviet-font-sans: var(--semantic-typography-font-ui, "MuseoSansCyrl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
  --soviet-font-serif: var(--semantic-typography-font-editorial, Georgia, "PT Serif", "Times New Roman", serif);
}

/* Color themes per rubric (advice_category) */
.biserok-soviet-theme--blue {
  --soviet-header-bg: #e0f2fe;
  --soviet-key-color: rgb(17, 97, 150);
  --soviet-key-underline: rgba(17, 97, 150, 0.16);
}

.biserok-soviet-theme--berry {
  --soviet-header-bg: #ffe4e6;
  --soviet-key-color: rgb(196, 18, 60);
  --soviet-key-underline: rgba(196, 18, 60, 0.16);
}

.biserok-soviet-theme--mint {
  --soviet-header-bg: #f0fdf4;
  --soviet-key-color: rgb(16, 118, 82);
  --soviet-key-underline: rgba(16, 118, 82, 0.16);
}

.biserok-soviet-theme--amber {
  --soviet-header-bg: #fffbeb;
  --soviet-key-color: rgb(184, 78, 12);
  --soviet-key-underline: rgba(184, 78, 12, 0.16);
}

.biserok-soviet-theme--violet {
  --soviet-header-bg: #efe6ff;
  --soviet-key-color: rgb(108, 42, 184);
  --soviet-key-underline: rgba(108, 42, 184, 0.16);
}

/* Base Holder (Editorial .holder + .textBox) — unified 1280px content width */
.biserok-soviet-webpage {
  font: 20px/27px var(--soviet-font-serif);
  color: var(--soviet-text-color);
  background-color: #ffffff;
  padding-left: max(20px, calc(50vw - 640px));
  padding-right: max(20px, calc(50vw - 640px));
  padding-top: 27px;
  padding-bottom: 72px;
  box-sizing: border-box;
  overflow-x: clip;
}

.biserok-soviet-webpage a {
  color: var(--soviet-link-color);
  text-decoration: underline;
  text-decoration-color: var(--soviet-link-underline);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.175em;
  text-decoration-skip-ink: none;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.biserok-soviet-webpage a:hover {
  color: var(--soviet-key-color) !important;
  text-decoration-color: var(--soviet-key-color) !important;
}

/* ==========================================================================
   1. ARCHIVE / INDEX PAGE (/soviet/) — Biserok Editorial .iconostasis & .sovietsList
   ========================================================================== */

.biserok-soviet-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 27px;
}

.biserok-soviet-heading {
  font-family: var(--soviet-font-sans);
  font-size: clamp(38px, 5.5vw, 64px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -0.025em;
  margin: 0 !important;
  color: #111111;
}

.biserok-soviet-top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.biserok-soviet-sticky-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  color: #ffffff !important;
  background-color: var(--soviet-key-color);
  padding: 11px 20px 10px;
  border-radius: 6px;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(227, 0, 22, 0.22);
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.biserok-soviet-sticky-btn:hover {
  color: #ffffff !important;
  background-color: #c20013;
  transform: translateY(-1px);
}

/* Iconostasis (Advisors & Core Rubrics Ribbon) */
.biserok-iconostasis-wrapper {
  margin: 0 -20px 18px;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.biserok-iconostasis-wrapper::-webkit-scrollbar {
  display: none;
}

.biserok-iconostasis {
  display: flex;
  flex-flow: row nowrap;
  gap: 18px;
  padding-bottom: 9px;
}

.biserok-iconostasis-col {
  flex: 1 1 145px;
  min-width: 145px;
  max-width: 210px;
}

.biserok-iconostasis-card {
  display: block;
  padding: 9px 12px 14px;
  border-radius: 6px;
  text-decoration: none !important;
  color: var(--soviet-text-color) !important;
  transition: background-color 0.15s ease;
}

.biserok-iconostasis-card:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.biserok-iconostasis-card.is__active {
  background-color: var(--soviet-key-underline);
}

.biserok-iconostasis-avatars {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.biserok-iconostasis-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #f1f5f9;
  background-size: cover;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  font-weight: 700;
  color: #334155;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.biserok-iconostasis-avatar + .biserok-iconostasis-avatar {
  margin-left: -10px;
}

.biserok-iconostasis-tag {
  display: inline-block;
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--soviet-key-color);
  margin-bottom: 2px;
}

.biserok-iconostasis-title {
  display: block;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 19px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 2px;
}

.biserok-iconostasis-author {
  display: block;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 300;
  color: var(--soviet-muted-color);
}

/* Special Columns (Topic Pills Row) */
.biserok-special-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 9px 0 27px;
}

.biserok-special-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background-color: #f4f3ef;
  padding: 6px 11px 5px;
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  line-height: 18px;
  color: #111111 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease;
}

.biserok-special-pill:hover,
.biserok-special-pill.is__active {
  background-color: var(--pill-bg, #e0f2fe);
  color: #111111 !important;
}

.biserok-special-pill-count {
  font-size: 13.5px;
  color: var(--soviet-muted-color);
}

/* Rule Top/Bottom Callout Strip (6:10 proportion) */
.biserok-soviet-rule-bar {
  border-top: 1px solid var(--soviet-rule-color);
  border-bottom: 1px solid var(--soviet-rule-color);
  padding: 18px 0;
  margin-bottom: 36px;
  display: grid;
  grid-template-columns: 6fr 10fr;
  gap: 27px;
  align-items: center;
}

.biserok-soviet-rule-text {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 21px;
  margin: 0;
  color: #141414;
}

.biserok-soviet-quick-ask {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 0;
}

.biserok-soviet-quick-input {
  flex: 1;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 24px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  background: #ffffff;
  color: #111111;
}

.biserok-soviet-quick-submit {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  padding: 8px 18px;
  border: none;
  border-radius: 6px;
  background-color: #111111;
  color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}

.biserok-soviet-quick-submit:hover {
  background-color: var(--soviet-key-color);
}

/* 12 : 4 Main Index Columns (.sovietsList + Right Marginalia) */
.biserok-soviet-spread {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 54px;
}

.biserok-soviets-list {
  flex: 12 1 640px;
  min-width: 0;
}

.biserok-soviets-aside {
  flex: 4 1 260px;
  max-width: 320px;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 1.35;
}

/* Biserok Editorial .s item in .sovietsList */
.biserok-soviets-list .s {
  display: block;
  font-family: var(--soviet-font-serif);
  font-size: 24px;
  line-height: 27px;
  background: none !important;
  text-decoration: none !important;
  color: #111111 !important;
  margin-top: 0;
  margin-bottom: 29px;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.biserok-soviets-list .s:hover .s-title {
  color: var(--soviet-key-color);
}

.biserok-soviets-list .s-title {
  font-weight: 400;
  transition: color 0.15s ease;
}

.biserok-soviets-list .s-question-snippet {
  display: block;
  font-family: var(--soviet-font-serif);
  font-size: 17px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.62);
  margin-top: 5px;
  max-width: 680px;
}

.biserok-soviets-list .s > small {
  display: block;
  font: 300 16px/18px var(--soviet-font-sans);
  color: var(--soviet-muted-color);
  padding-top: 7px;
  padding-bottom: 3px;
}

.biserok-soviets-list .s > small > u {
  color: var(--soviet-key-color);
  background-image: linear-gradient(to bottom, var(--soviet-key-underline) 0, var(--soviet-key-underline) 100%);
  background-repeat: repeat-x;
  background-position: 0 92%;
  background-size: 1px 1px;
  text-decoration: none;
}

.biserok-soviets-list .s:hover > small > u {
  background-image: linear-gradient(to bottom, var(--soviet-key-color) 0, var(--soviet-key-color) 100%);
}

.biserok-soviets-aside-note {
  margin-bottom: 36px;
  color: #141414;
}

.biserok-soviets-aside-note p {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 21px;
}

.biserok-soviets-aside h3 {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 12px;
}

.biserok-soviets-aside-list {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
}

.biserok-soviets-aside-list li {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 20px;
}

.biserok-soviets-aside-list li span {
  display: block;
  font-size: 13.5px;
  color: var(--soviet-muted-color);
}

/* ==========================================================================
   2. SINGLE SOVIET PAGE (/advice/<slug>/) — .sovietSplash, .sovietUndersplash, .sovietBody
   ========================================================================== */

.biserok-soviet-Splash {
  background-color: var(--soviet-header-bg);
  color: var(--soviet-text-color);
  margin-left: calc(-1 * max(20px, calc(50vw - 620px)));
  margin-right: calc(-1 * max(20px, calc(50vw - 620px)));
  margin-top: -27px;
  margin-bottom: 18px;
  padding-left: max(20px, calc(50vw - 620px));
  padding-right: max(20px, calc(50vw - 620px));
  padding-top: 36px;
  padding-bottom: 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.biserok-soviet-Splash-topBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 27px;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 18px;
}

.biserok-soviet-Splash-rubrics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.biserok-soviet-Splash-rubrics a {
  font-weight: 700;
  color: var(--soviet-text-color) !important;
  text-decoration-color: rgba(0, 0, 0, 0.25);
}

.biserok-soviet-Splash-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  color: var(--soviet-muted-color);
}

.biserok-soviet-Splash-nav a {
  color: var(--soviet-text-color) !important;
  text-decoration: none !important;
  font-weight: 500;
}

.biserok-soviet-Splash-nav a:hover {
  color: var(--soviet-key-color) !important;
}

.biserok-soviet-Splash-plot {
  display: grid;
  grid-template-columns: minmax(0, 750px) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

.biserok-soviet-Splash-plot.is__no-image {
  grid-template-columns: minmax(0, 860px);
}

.biserok-soviet-Title {
  font-family: var(--soviet-font-sans);
  font-size: clamp(30px, 4.2vw, 43px);
  line-height: 1.06;
  font-weight: 700;
  margin: 0 0 27px -0.03em !important;
  color: #111111;
}

.biserok-soviet-Question {
  font: 20px/27px var(--soviet-font-serif);
  color: #111111;
  margin-bottom: 27px;
  max-width: 750px;
}

.biserok-soviet-Question p {
  font: 20px/27px var(--soviet-font-serif) !important;
  margin: 0 0 18px !important;
}

.biserok-soviet-Question p:last-child {
  margin-bottom: 0 !important;
}

.biserok-soviet-Meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.68);
}

.biserok-soviet-Meta-author {
  font-weight: 700;
  color: #111111;
}

.biserok-soviet-HeaderImage {
  background: rgba(255, 255, 255, 0.65);
  padding: 9px;
  border-radius: 6px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  max-width: 420px;
}

.biserok-soviet-HeaderImage img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Undersplash (Advisor Avatar & Attribution below Splash) */
.biserok-soviet-Undersplash {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 54px;
  padding-top: 9px;
  border-bottom: 1px solid var(--soviet-rule-color);
  padding-bottom: 18px;
}

.biserok-soviet-SplashAvatar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}

.biserok-soviet-SplashAvatar-image {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.biserok-soviet-SplashAvatar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.biserok-soviet-SplashAvatar-info {
  font-family: var(--soviet-font-sans);
}

.biserok-soviet-SplashAvatar-name {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  color: #111111;
}

.biserok-soviet-SplashAvatar-name a {
  color: #111111 !important;
  text-decoration: none !important;
}

.biserok-soviet-SplashAvatar-role {
  font-size: 13.5px;
  line-height: 18px;
  color: var(--soviet-muted-color);
  margin-top: 2px;
}

/* Soviet Body (Main 750px Answer + 260px Marginalia) */
.biserok-soviet-BodyGrid {
  display: grid;
  grid-template-columns: minmax(0, 750px) minmax(220px, 280px);
  gap: 54px;
  align-items: start;
  margin-bottom: 54px;
}

.biserok-soviet-AnswerContent {
  font: 20px/27px var(--soviet-font-serif);
  color: #111111;
  min-width: 0;
}

.biserok-soviet-AnswerContent p {
  font: 20px/27px var(--soviet-font-serif);
  margin: 0 0 18px;
}

.biserok-soviet-AnswerContent h2,
.biserok-soviet-AnswerContent h3 {
  font-family: var(--soviet-font-sans);
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  margin: 36px 0 9px;
}

.biserok-soviet-AnswerContent blockquote,
.biserok-soviet-AnswerContent .example {
  margin: 27px 0 27px 27px;
  padding-left: 18px;
  border-left: 2px solid var(--soviet-key-color);
  font-style: normal;
  color: #141414;
}

.biserok-soviet-AnswerContent img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 9px 0 18px;
}

/* Right Marginalia (.sidenote.is__marginal) */
.biserok-soviet-Marginalia {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  gap: 27px;
  position: sticky;
  top: 27px;
}

.biserok-soviet-Sidenote {
  background-color: var(--soviet-surface-soft);
  padding: 16px 18px;
  border-radius: 6px;
}

.biserok-soviet-Sidenote h4 {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 9px;
}

.biserok-soviet-Sidenote p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 19px;
  color: #334155;
}

.biserok-soviet-Tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 36px 0;
  padding-top: 18px;
  border-top: 1px solid var(--soviet-rule-color);
  font-family: var(--soviet-font-sans);
}

.biserok-soviet-TagItem {
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  padding: 5px 11px;
  border-radius: 6px;
  background-color: #f4f3ef;
  color: #111111 !important;
  text-decoration: none !important;
}

.biserok-soviet-TagItem:hover {
  background-color: var(--soviet-header-bg);
}

/* CherryLink Recommended Cards inside Single Advice */
.biserok-soviet-BodyGrid .crb-wrapper,
.biserok-soviet-Recommendations .crb-wrapper {
  margin: 45px 0 36px;
  padding-top: 27px;
  border-top: 1px solid var(--soviet-rule-color);
}

.biserok-soviet-BodyGrid .crb-header,
.biserok-soviet-Recommendations .crb-header {
  font-family: var(--soviet-font-sans);
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 18px;
}

.biserok-soviet-BodyGrid .crb-container,
.biserok-soviet-Recommendations .crb-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.biserok-soviet-BodyGrid .crb-item-container a.crb-card-link,
.biserok-soviet-Recommendations .crb-item-container a.crb-card-link {
  display: block;
  text-decoration: none !important;
  border: 0 !important;
}

.biserok-soviet-BodyGrid .crb-thumb,
.biserok-soviet-Recommendations .crb-thumb {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 8px;
  background: var(--soviet-surface-soft);
}

.biserok-soviet-BodyGrid .crb-thumb img,
.biserok-soviet-Recommendations .crb-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  box-shadow: none !important;
}

.biserok-soviet-BodyGrid .crb-title,
.biserok-soviet-Recommendations .crb-title {
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 600;
  color: var(--soviet-text-color) !important;
  margin: 0 !important;
}

/* ==========================================================================
   3. COMMENTS & COMMUNITY SOLUTIONS (.biserok-soviet-Comments & .biserok-comment-card)
   ========================================================================== */

/* Kill broken legacy Carrino fontello icon (\e809) overlapping .bypostauthor ("Бисер[□]ок") */
.comment.bypostauthor > .comment-body .comment-author.vcard:before,
.comment.bypostauthor > .comment-body .comment-author.vcard::before,
.comment.bypostauthor .comment-author:before,
.comment.bypostauthor .comment-author::before {
  display: none !important;
  content: none !important;
}

.biserok-soviet-Comments {
  max-width: 820px;
  margin-top: 36px !important;
  padding-top: 32px;
  border-top: 1px solid #e5e0d8;
  font-family: var(--soviet-font-sans);
}

.biserok-soviet-Comments .comments-area,
.biserok-soviet-Comments #comments.comments-area {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.biserok-soviet-Comments-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.biserok-soviet-Comments-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin: 0 !important;
}

.biserok-soviet-Comments-subtitle {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 22px !important;
  color: #475569 !important;
  margin: 0 0 20px !important;
  max-width: 680px;
}

/* Unified Comment Composer Card */
.biserok-comment-composer-card {
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 16px;
  padding: 22px 24px !important;
  margin-bottom: 24px;
  box-shadow: 0 4px 18px rgba(20, 20, 20, 0.04);
  box-sizing: border-box;
}

.biserok-ugc-mode-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  font-family: var(--soviet-font-sans);
}

.biserok-ugc-mode-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  border: 1px solid #e5e0d8 !important;
  background: #faf9f6 !important;
  color: #141414 !important;
  cursor: pointer;
  transition: all 0.15s ease;
}

.biserok-ugc-mode-tab:hover {
  border-color: #d8d2c7 !important;
  background: #f4f3ef !important;
}

.biserok-ugc-mode-tab.is__active {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
}

.biserok-reply-target-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: #eff6ff;
  border: 1px solid rgba(11, 92, 171, 0.2);
  color: #0b5cab;
  font-size: 13.5px;
  font-weight: 700;
}

.biserok-reply-target-bar__cancel {
  border: 0;
  background: transparent;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 6px;
}

.biserok-reply-target-bar__cancel:hover {
  color: #e30016;
}

.biserok-comment-composer-card .comment-respond {
  margin: 0 !important;
  padding: 0 !important;
}

.biserok-comment-composer-card .comment-reply-title,
.biserok-comment-composer-card .comment-notes,
.biserok-comment-composer-card .logged-in-as,
.biserok-comment-composer-card .comment-form-comment > label,
#commentform .comment-form-comment > label {
  display: none !important;
}

.biserok-comment-composer-card .comment-form-comment,
#commentform p.comment-form-comment {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

#comments label,
#commentform label,
.biserok-comment-photo-dropzone,
#biserok-comment-photo-label {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: var(--soviet-font-sans) !important;
}

.biserok-comment-composer-card textarea#comment,
#commentform textarea#comment {
  width: 100% !important;
  min-height: 112px !important;
  max-height: 260px;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  border: 1px solid #d8d2c7 !important;
  background: #faf9f6 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 22px !important;
  color: #141414 !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  resize: vertical;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.biserok-comment-composer-card textarea#comment:focus,
#commentform textarea#comment:focus {
  background: #ffffff !important;
  border-color: #141414 !important;
  box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.08) !important;
  outline: none !important;
}

.biserok-comment-photo-field {
  margin: 0 0 16px !important;
}

.biserok-comment-photo-dropzone:hover {
  border-color: #141414 !important;
  background: #f4f3ef !important;
}

.biserok-comment-composer-card .form-submit,
#commentform p.form-submit {
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

.biserok-comment-composer-card .form-submit input[type="submit"],
.biserok-comment-composer-card .form-submit button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #e30016 !important;
  color: #ffffff !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.biserok-comment-composer-card .form-submit input[type="submit"]:hover,
.biserok-comment-composer-card .form-submit button[type="submit"]:hover {
  background: #c20013 !important;
  color: #ffffff !important;
}

/* Structured Comment Cards & Dialogue Threads */
.biserok-soviet-Comments .comment-list,
.biserok-comment-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  display: flex !important;
  flex-direction: column;
  gap: 12px;
}

.biserok-soviet-Comments .comment,
li.biserok-comment-card {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.biserok-comment-card__body {
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 12px;
  padding: 14px 18px;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}

/* Indented dialogue reply card (either threaded child OR chronological official answer) */
li.biserok-comment-card--reply > .biserok-comment-card__body {
  margin-left: 28px;
  position: relative;
}

li.biserok-comment-card--Official > .biserok-comment-card__body,
li.biserok-comment-card--official > .biserok-comment-card__body {
  background: #fff1f2;
  border-color: rgba(227, 0, 22, 0.18);
  border-left: 3px solid #e30016;
}

.biserok-comment-list .children {
  list-style: none !important;
  margin: 10px 0 0 28px !important;
  padding: 0 0 0 14px !important;
  border-top: 0 !important;
  border-left: 2px solid rgba(20, 20, 20, 0.08) !important;
  display: flex !important;
  flex-direction: column;
  gap: 10px;
}

.biserok-comment-list .children li.biserok-comment-card--reply > .biserok-comment-card__body {
  margin-left: 0;
}

.biserok-comment-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.biserok-comment-card__author-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.biserok-comment-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  font-weight: 800;
  flex-shrink: 0;
}

.biserok-comment-card__meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.biserok-comment-card__name-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.biserok-comment-card__author {
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  line-height: 19px;
  font-weight: 800;
  color: #111111;
}

.biserok-comment-card__role-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: #ffe4e6;
  color: #c20013;
  font-size: 11px;
  line-height: 15px;
  font-weight: 800;
}

a.biserok-comment-card__reply-to {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569 !important;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  text-decoration: none !important;
}

a.biserok-comment-card__reply-to:hover {
  background: #e2e8f0;
  color: #141414 !important;
}

.biserok-comment-card__date {
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
}

.biserok-comment-card__actions a.comment-reply-link {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: #f4f3ef !important;
  border: 1px solid rgba(20, 20, 20, 0.08) !important;
  color: #141414 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.biserok-comment-card__actions a.comment-reply-link:hover {
  background: #141414 !important;
  color: #ffffff !important;
}

.biserok-comment-card__content,
.biserok-soviet-Comments .comment-content p {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 22px !important;
  color: #1e293b !important;
  margin: 0 !important;
}

.biserok-comment-card__content p + p {
  margin-top: 8px !important;
}

.biserok-soviet-Comments .comment-content img {
  max-width: 100%;
  max-height: 360px;
  width: auto;
  height: auto;
  border-radius: 10px;
  margin: 8px 0 4px;
}

/* ==========================================================================
   4. ASK FORM PAGE (/sprosit-sovet/) — Biserok Editorial .sovietAskForm
   ========================================================================== */

.biserok-soviet-webpage.is__ask-page {
  background-color: #ffffff !important;
  min-height: 68vh;
}

.biserok-ask-form-card {
  max-width: 780px;
  margin: 0;
  font-family: var(--soviet-font-sans);
}

.biserok-ask-form-card .biserok-ask-form-card {
  max-width: none;
  margin: 0;
}

.biserok-ask-backlink {
  margin: 0 0 12px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 20px !important;
}

.biserok-ask-heading {
  font-size: clamp(32px, 4.5vw, 48px) !important;
  margin-bottom: 14px !important;
}

.biserok-ask-form-lead {
  font: 20px/27px var(--soviet-font-serif) !important;
  color: #141414 !important;
  margin: 0 0 27px !important;
  max-width: 680px;
}

.biserok-ask-form-card > p:not(.biserok-ask-backlink):not(.biserok-ask-form-lead) {
  display: none !important;
}

.hmm-advice-ask-form.biserok-editorial-form {
  background: #ffffff !important;
  border: 0 !important;
  border-top: 2px solid #111111 !important;
  border-radius: 0 !important;
  padding: 27px 0 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-fieldsetRow {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 9px 27px;
  align-items: start;
  margin-bottom: 24px;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-fieldsetRow:last-child {
  margin-bottom: 0;
}

.hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__label {
  font-family: var(--soviet-font-sans) !important;
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding-top: 9px;
}

.hmm-advice-ask-form.biserok-editorial-form input[type="text"],
.hmm-advice-ask-form.biserok-editorial-form input[type="email"],
.hmm-advice-ask-form.biserok-editorial-form select,
.hmm-advice-ask-form.biserok-editorial-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--soviet-font-serif) !important;
  font-size: 17px !important;
  line-height: 24px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(20, 20, 20, 0.2) !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.hmm-advice-ask-form.biserok-editorial-form input[type="text"],
.hmm-advice-ask-form.biserok-editorial-form input[type="email"],
.hmm-advice-ask-form.biserok-editorial-form select {
  height: 46px !important;
}

.hmm-advice-ask-form.biserok-editorial-form select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  cursor: pointer;
}

.hmm-advice-ask-form.biserok-editorial-form textarea {
  min-height: 160px;
  resize: vertical;
}

.hmm-advice-ask-form.biserok-editorial-form input::placeholder,
.hmm-advice-ask-form.biserok-editorial-form textarea::placeholder {
  font-family: var(--soviet-font-serif) !important;
  color: rgba(20, 20, 20, 0.42) !important;
}

.hmm-advice-ask-form.biserok-editorial-form input:focus,
.hmm-advice-ask-form.biserok-editorial-form select:focus,
.hmm-advice-ask-form.biserok-editorial-form textarea:focus {
  outline: none !important;
  background-color: #ffffff !important;
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(227, 0, 22, 0.12) !important;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-hint {
  display: block;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  color: var(--soviet-muted-color) !important;
  margin-top: 6px !important;
}

.hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--soviet-font-sans) !important;
  font-size: 17px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background-color: #e30016 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__submit:hover {
  background-color: #c20013 !important;
}

.hmm-advice-ask-form.biserok-editorial-form .Uploader-Attach {
  background-color: #faf9f6 !important;
  border: 1px dashed rgba(20, 20, 20, 0.3) !important;
  border-radius: 6px !important;
  padding: 18px !important;
  text-align: center;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #141414 !important;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.hmm-advice-ask-form.biserok-editorial-form .Uploader-Attach:hover {
  border-color: #e30016 !important;
  background-color: #fff1f2 !important;
}

/* Responsive Breakpoints (Editorial 960px & 768px) */
@media screen and (max-width: 960px) {
  .biserok-soviet-spread {
    flex-direction: column;
    gap: 36px;
  }

  .biserok-soviets-aside {
    max-width: none;
    width: 100%;
    border-top: 1px solid var(--soviet-rule-color);
    padding-top: 27px;
  }

  .biserok-soviet-rule-bar {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .biserok-soviet-Splash-plot {
    grid-template-columns: 1fr;
  }

  .biserok-soviet-BodyGrid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .biserok-soviet-Marginalia {
    position: static;
  }
}

@media screen and (max-width: 640px) {
  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-fieldsetRow {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .biserok-soviet-quick-ask {
    flex-direction: column;
    align-items: stretch;
  }
}

/* ==========================================================================
   5. PINTEREST + UGC DISCOVERY FEED & READER SHOWCASE
   ========================================================================== */

.biserok-pin-filterbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  font-family: var(--soviet-font-sans);
}

.biserok-pin-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  gap: 6px;
  height: auto !important;
  padding: 7px 14px !important;
  border-radius: 999px;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  background: #f4f3ef;
  color: #111111 !important;
  text-decoration: none !important;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

.biserok-pin-pill:hover {
  background: #e5e0d8;
  color: #111111 !important;
}

.biserok-pin-pill.is__active,
.biserok-pin-pill.ds-btn--active {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

button.biserok-subnav-toggle {
  background: #eff6ff !important;
  border-color: rgba(11, 92, 171, 0.22) !important;
  color: #0b5cab !important;
}

button.biserok-subnav-toggle:hover {
  background: #e0f2fe !important;
}

.biserok-pin-pill--soviet {
  background: #ffe4e6;
  color: #c20013 !important;
}

.biserok-pin-pill--cta {
  margin-left: auto;
  background: var(--soviet-red, #e30016);
  color: #ffffff !important;
}

.biserok-pin-pill--cta:hover {
  background: #c20013;
}

/* Pinterest Card Overlays inside Carrino .post-thumbnail */
.post-cover .post-thumbnail {
  position: relative;
}

.biserok-pin-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 25;
  background: rgba(20, 20, 20, 0.78);
  backdrop-filter: blur(4px);
  color: #ffffff;
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  pointer-events: none;
}

.biserok-pin-card__badge--ugc {
  background: var(--soviet-red, #e30016);
}

.biserok-pin-card__save {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 26;
  background: #ffffff;
  color: #141414;
  border: 0;
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.biserok-pin-card__save:hover {
  transform: scale(1.04);
}

.biserok-pin-card__save.is__saved,
.biserok-tutorial-bar__btn.is__saved {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
}

.biserok-pin-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(20, 20, 20, 0.08);
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
}

.biserok-pin-card__ugc-link {
  color: #0b5cab !important;
  font-weight: 700;
  text-decoration: none !important;
}

.biserok-pin-card__ugc-link:hover {
  color: var(--soviet-red, #e30016) !important;
}

.biserok-pin-card__comments-count {
  color: rgba(20, 20, 20, 0.55);
  text-decoration: none !important;
}

/* Interleaved Editorial Advice Card in Masonry Feed */
.biserok-pin-card--advice {
  background: #e0f2fe;
  border: 1px solid rgba(11, 92, 171, 0.16);
  border-radius: 12px;
  padding: 20px 18px;
  margin-bottom: 24px;
  box-sizing: border-box;
}

.biserok-pin-card--advice__rubric {
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #0b5cab;
  margin-bottom: 8px;
}

.biserok-pin-card--advice__title {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.biserok-pin-card--advice__title a {
  color: #141414 !important;
  text-decoration: none !important;
}

.biserok-pin-card--advice__title a:hover {
  color: var(--soviet-red, #e30016) !important;
}

.biserok-pin-card--advice__quote {
  font-family: var(--soviet-font-serif);
  font-size: 15px;
  line-height: 21px;
  color: #334155;
  margin: 0 0 12px;
}

/* Horizontal UGC Showcase Strip above Comments */
.biserok-ugc-showcase {
  margin: 0 0 27px;
  padding: 18px 20px;
  background: var(--soviet-surface-soft, #faf9f6);
  border-radius: 10px;
  border: 1px solid rgba(20, 20, 20, 0.08);
}

.biserok-ugc-showcase__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
}

.biserok-ugc-showcase__title {
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
  color: #141414;
}

.biserok-ugc-showcase__cta {
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
}

.biserok-ugc-showcase__strip {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.biserok-ugc-showcase__item {
  flex: 0 0 120px;
  text-decoration: none !important;
  color: #141414 !important;
}

.biserok-ugc-showcase__item img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin-bottom: 4px;
  border: 1px solid rgba(20, 20, 20, 0.1);
}

.biserok-ugc-showcase__author {
  display: block;
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
   6. MULTI-PROVIDER COMMENT AUTHORIZATION (MAX, Telegram, VK, OK, Yandex, Email)
   ========================================================================== */

.biserok-comment-auth {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  font-family: var(--soviet-font-sans);
}

.biserok-auth-guest__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.biserok-auth-guest__title {
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #141414;
}

.biserok-auth-guest__subtitle {
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  color: var(--soviet-muted-color, #64748b);
}

.biserok-auth-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.biserok-auth-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 10px;
  border: 1px solid rgba(20, 20, 20, 0.12);
  background: #ffffff;
  color: #141414;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.biserok-auth-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.biserok-auth-btn.is__active {
  border-color: #141414;
  box-shadow: 0 0 0 2px rgba(20, 20, 20, 0.15);
}

.biserok-auth-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  color: #ffffff;
  flex-shrink: 0;
}

.biserok-auth-btn--max .biserok-auth-btn__icon {
  background: linear-gradient(135deg, #6c3ce9 0%, #0b5cab 100%);
}

.biserok-auth-btn--telegram .biserok-auth-btn__icon,
.biserok-auth-btn--telegram .biserok-auth-btn__svg {
  background: #2aabee;
  color: #ffffff;
  border-radius: 6px;
  padding: 3px;
  box-sizing: border-box;
}

.biserok-auth-btn--vk .biserok-auth-btn__icon {
  background: #0077ff;
}

.biserok-auth-btn--ok .biserok-auth-btn__icon {
  background: #ee8208;
}

.biserok-auth-btn--yandex .biserok-auth-btn__icon {
  background: #fc3f1d;
}

.biserok-auth-btn--email .biserok-auth-btn__icon {
  background: #141414;
}

/* Inline Auth / OTP Panel */
.biserok-auth-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(20, 20, 20, 0.1);
}

.biserok-auth-panel__head,
.biserok-auth-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.biserok-auth-panel__title {
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  color: #141414;
}

.biserok-auth-panel__close {
  border: 0;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  color: #64748b;
  cursor: pointer;
  padding: 2px 6px;
}

.biserok-auth-panel__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.biserok-auth-field label,
.biserok-auth-panel__field label {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #334155;
  margin-bottom: 4px;
}

.biserok-auth-field input,
.biserok-auth-panel__field input,
.biserok-auth-panel__otp input {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 20px;
  padding: 8px 10px;
  border: 1px solid rgba(20, 20, 20, 0.22);
  border-radius: 6px;
  background: #ffffff;
  color: #141414;
}

.biserok-auth-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}

.biserok-auth-submit-btn,
.biserok-auth-panel__submit,
.biserok-auth-otp-btn,
.biserok-auth-oauth-btn,
.biserok-auth-panel__secondary {
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
}

.biserok-auth-submit-btn,
.biserok-auth-panel__submit {
  background: #141414;
  color: #ffffff;
}

.biserok-auth-otp-btn {
  background: #0b5cab;
  color: #ffffff;
}

.biserok-auth-oauth-btn,
.biserok-auth-panel__secondary {
  background: #ffffff;
  color: #141414;
  border: 1px solid rgba(20, 20, 20, 0.22);
}

.biserok-auth-panel__status,
.biserok-auth-panel__msg {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #0b5cab;
}

/* Signed-in Identity Card */
.biserok-auth-identity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.biserok-auth-identity__profile,
.biserok-auth-identity__left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.biserok-auth-identity__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #ffffff;
  background: #141414;
  flex-shrink: 0;
}

.biserok-auth-identity__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.biserok-auth-identity__name-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#biserok-auth-user-name,
.biserok-auth-identity__name-row strong,
.biserok-auth-identity__name {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

.biserok-auth-identity__handle {
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #15803d !important;
  font-weight: 600 !important;
}

.biserok-auth-identity__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-family: var(--soviet-font-sans) !important;
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  color: #ffffff;
  background: #141414;
}

.biserok-auth-identity__badge[data-provider="max"] { background: #6c3ce9; }
.biserok-auth-identity__badge[data-provider="telegram"] { background: #2aabee; }
.biserok-auth-identity__badge[data-provider="vk"] { background: #0077ff; }
.biserok-auth-identity__badge[data-provider="ok"] { background: #ee8208; }
.biserok-auth-identity__badge[data-provider="yandex"] { background: #fc3f1d; }
.biserok-auth-identity__badge[data-provider="email"] { background: #141414; }

.biserok-auth-identity__verified {
  font-size: 12px;
  line-height: 16px;
  color: #15803d;
  font-weight: 600;
}

.biserok-auth-identity__logout {
  border: 1px solid #d8d2c7;
  background: #ffffff;
  color: #334155;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.biserok-auth-identity__logout:hover {
  border-color: #141414;
  color: #141414;
}

/* Provider Badge next to Comment Author in Thread */
.biserok-commenter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
  padding: 3px 9px;
  border-radius: 999px;
  font-family: var(--soviet-font-sans) !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: 700 !important;
  color: #ffffff;
  background: #141414;
}

.biserok-commenter-badge--max { background: #6c3ce9; }
.biserok-commenter-badge--telegram { background: #2aabee; }
.biserok-commenter-badge--vk { background: #0077ff; }
.biserok-commenter-badge--ok { background: #ee8208; }
.biserok-commenter-badge--yandex { background: #fc3f1d; }
.biserok-commenter-badge--email { background: #141414; }

@media screen and (max-width: 640px) {
  .biserok-auth-panel__grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   7. ALL-PAGES UNIFIED DESIGN & MOBILE-FIRST RESPONSIVE SYSTEM
   ========================================================================== */

:root {
  --theme-color-1: #111111 !important;
  --theme-color-2: #e30016 !important;
  --link-color: #0b5cab !important;
  --link-hover-color: #e30016 !important;
  --custom-header-background: #ffffff !important;
  --single-entry-font-color: #141414 !important;
  --archive-entry-font-color: #475569 !important;
}

html,
body {
  overflow-x: clip;
  background: #faf9f6;
  color: #141414;
}

a:hover {
  box-shadow: none !important;
}

/* Unified Site Header (#site-header.biserok-unified-header) — Refined Editorial/Pinterest Editorial Header */
#site-header.site-header.biserok-unified-header {
  position: sticky;
  top: 0;
  z-index: 950;
  width: 100%;
  height: auto !important;
  margin: 0 !important;
  padding: 0 20px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  box-shadow: none;
}

#site-header.site-header.biserok-unified-header.is__splash-merged {
  background: var(--soviet-header-bg, #e0f2fe) !important;
  border-bottom-color: rgba(20, 20, 20, 0.06);
}

.biserok-header-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px;
  min-height: 62px;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 8px 0 !important;
}

.biserok-header-bar::before,
.biserok-header-bar::after {
  display: none !important;
  content: none !important;
}

.biserok-header-bar__left {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
  flex: 1 1 auto;
}

.biserok-header-bar__right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* Hide redundant "☰ Рубрики" button on desktop (>1060px) since .biserok-global-subnav sits right below */
.biserok-header-icon-btn {
  position: static !important;
  display: none !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 12px !important;
  border-radius: 999px;
  background: #f4f3ef !important;
  color: #141414 !important;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgba(20, 20, 20, 0.08);
  transition: background-color 0.15s ease;
}

.biserok-header-icon-btn:hover {
  background: #e5e0d8 !important;
}

.biserok-header-icon-btn span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #141414 !important;
}

.biserok-header-icon-btn svg {
  width: 18px !important;
  height: 18px !important;
  fill: #141414 !important;
}

.biserok-brand-link {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  text-decoration: none !important;
  color: #111111 !important;
  text-shadow: none !important;
  flex-shrink: 0;
}

.biserok-brand-mark {
  display: none;
}

.biserok-brand-text {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}

.biserok-brand-wordmark {
  font-family: var(--soviet-font-sans);
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111111;
}

.biserok-brand-sub {
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  color: #64748b;
}

.biserok-header-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 12px;
}

.biserok-header-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #111111 !important;
  background: transparent !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.biserok-header-nav__link:hover {
  background: transparent !important;
  color: #e30016 !important;
  border-bottom-color: rgba(227, 0, 22, 0.35);
}

.biserok-header-nav__link.is__active {
  background: transparent !important;
  color: #e30016 !important;
  border-bottom-color: #e30016;
  font-weight: 700;
}

.biserok-header-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 215px;
  transition: width 0.18s ease;
}

.biserok-header-search:focus-within {
  width: 245px;
}

.biserok-header-search__icon {
  position: absolute;
  left: 12px;
  pointer-events: none;
  color: #64748b;
}

.biserok-header-search input[type="search"] {
  width: 100%;
  height: 36px;
  padding: 0 12px 0 34px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 20, 20, 0.08) !important;
  background: #f4f3ef !important;
  color: #141414 !important;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px !important;
  line-height: 18px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.biserok-header-search input[type="search"]:focus {
  background: #ffffff !important;
  border-color: #111111 !important;
  outline: none;
}

.biserok-header-search-toggle {
  display: none !important;
}

.biserok-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: auto;
  padding: 8px 16px;
  border-radius: 999px;
  background: #111111;
  color: #ffffff !important;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color 0.15s ease, transform 0.12s ease;
}

.biserok-header-cta:hover,
.biserok-header-cta.is__active {
  background: #e30016;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.biserok-header-cta__plus {
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

/* Global Sub-Header Category Rubric Strip (.biserok-global-subnav — strictly 1 clean row) */
.biserok-global-subnav {
  background: #ffffff;
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  padding: 10px 20px;
  margin-bottom: 20px;
}

.biserok-global-subnav__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.biserok-global-subnav__inner .biserok-pin-pill {
  flex: 0 0 auto;
  white-space: nowrap;
  height: auto !important;
  padding: 7px 14px !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

a.biserok-global-subnav__all-link {
  margin-left: auto;
  padding-left: 10px;
  flex-shrink: 0;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
  white-space: nowrap;
}

a.biserok-global-subnav__all-link:hover {
  color: #e30016 !important;
}

.biserok-global-subnav__inner::-webkit-scrollbar {
  display: none;
}

.biserok-global-subnav__inner::before,
.biserok-global-subnav__inner::after,
.biserok-global-subnav__more::before,
.biserok-global-subnav__more::after {
  display: none !important;
  content: none !important;
}

.biserok-global-subnav__label {
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  color: #475569;
  margin-right: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Reset Carrino .wrap spacing & unify 1280px content container width across all templates */
:root {
  --container-max-width: 1280px;
  --biserok-layout-max-width: 1280px;
}

.wrap,
.has-sidebar .wrap,
.biserok-wrap--full {
  width: 100% !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.wrap > main.site-main,
.biserok-wrap--full > main,
.wrap .content-area,
.wrap .section-header {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.section-header .page-title,
.page-header .page-title {
  font-family: var(--soviet-font-sans) !important;
  font-weight: 800 !important;
  color: #111111 !important;
  letter-spacing: -0.02em;
}

/* ==========================================================================
   PINTEREST FEED CARDS (.biserok-pin-card) — Override Legacy Carrino Blur/Z-Index
   ========================================================================== */

article.biserok-pin-card,
article.flex-box.biserok-pin-card {
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.06);
  border-radius: 12px;
  overflow: hidden;
  padding: 0 !important;
  margin-bottom: 24px;
  box-shadow: 0 2px 10px rgba(20, 20, 20, 0.05);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

article.biserok-pin-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.08);
}

article.biserok-pin-card .post-cover,
article.biserok-pin-card .biserok-pin-card__cover {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #f4f3ef !important;
  overflow: hidden;
}

article.biserok-pin-card .post-thumbnail,
article.biserok-pin-card .biserok-pin-card__thumb {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}

article.biserok-pin-card .post-thumbnail img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: cover;
}

.biserok-pin-card__badge {
  z-index: 150 !important;
  top: 10px !important;
  left: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 11px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.biserok-pin-card__save {
  z-index: 150 !important;
  top: 10px !important;
  right: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 11px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.biserok-pin-card__body {
  padding: 12px 14px 14px;
}

.biserok-pin-card__header {
  margin: 0 0 6px !important;
  padding: 0 !important;
}

.biserok-pin-card__title,
article.biserok-pin-card .entry-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #111111 !important;
}

.biserok-pin-card__title a,
article.biserok-pin-card .entry-title a {
  color: #111111 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.biserok-pin-card__title a:hover,
article.biserok-pin-card .entry-title a:hover {
  color: var(--soviet-red, #e30016) !important;
}

.biserok-pin-card__excerpt,
article.biserok-pin-card .entry-content.biserok-pin-card__excerpt {
  margin: 6px 0 10px !important;
  padding: 0 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 17px !important;
  color: #64748b !important;
}

.biserok-pin-card__excerpt p {
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Interleaved Editorial Advice Card in Masonry Feed */
article.biserok-pin-card--advice {
  background: #e0f2fe !important;
  border: 1px solid rgba(11, 92, 171, 0.2) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  margin-bottom: 24px;
  box-shadow: 0 2px 10px rgba(20, 20, 20, 0.05);
}

/* ==========================================================================
   SINGLE MASTER-CLASS PAGE (.biserok-single-article & 2-Column Editorial Grid)
   ========================================================================== */

.the-post {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.the-post .single-post .entry-header,
.the-post .single-post .entry-content,
.the-post .single-post .biserok-single-header,
.the-post .single-post .biserok-single-prose {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#breadcrumbs {
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
  margin: 0 0 12px;
}

#breadcrumbs a {
  color: #0b5cab;
  text-decoration: none;
}

.biserok-single-header {
  margin-bottom: 22px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

.biserok-single-header__kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
}

.biserok-single-header__cat {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  background: #111111;
  color: #ffffff !important;
  font-weight: 700;
  text-decoration: none !important;
}

.biserok-single-header__meta {
  color: rgba(20, 20, 20, 0.6);
}

.biserok-single-header__title,
.the-post .single-post .entry-header h1.entry-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 32px !important;
  line-height: 40px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: #111111 !important;
  margin: 0 0 14px !important;
}

.biserok-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 36px;
  align-items: start;
}

.biserok-single-main {
  min-width: 0;
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}

.biserok-single-hero-figure {
  position: relative;
  margin: 0 0 22px !important;
  border-radius: 12px;
  overflow: hidden;
  background: #faf9f6;
  text-align: center;
}

.biserok-single-hero-figure img {
  display: block;
  width: 100%;
  max-height: 540px;
  object-fit: contain;
  margin: 0 auto;
}

.biserok-single-prose {
  font-family: var(--soviet-font-serif) !important;
  font-size: 17px !important;
  line-height: 28px !important;
  color: #141414 !important;
}

.biserok-single-prose p {
  margin: 0 0 18px;
}

.biserok-single-prose img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.biserok-single-marginalia {
  position: sticky;
  top: 84px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.biserok-single-marginalia__card {
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 12px;
  padding: 18px;
  font-family: var(--soviet-font-sans);
}

.biserok-single-marginalia__card--ugc {
  background: linear-gradient(145deg, #fff1f2 0%, #ffffff 100%);
  border-color: rgba(227, 0, 22, 0.18);
}

.biserok-single-marginalia__kicker {
  font-size: 11px;
  line-height: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--soviet-red, #e30016);
  margin-bottom: 6px;
}

.biserok-single-marginalia__title {
  font-size: 17px;
  line-height: 22px;
  font-weight: 800;
  color: #111111;
  margin: 0 0 8px;
}

.biserok-single-marginalia__text {
  font-size: 13.5px;
  line-height: 19px;
  color: #475569;
  margin: 0 0 12px;
}

.biserok-single-marginalia__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--soviet-red, #e30016);
  color: #ffffff !important;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
  box-sizing: border-box;
}

.biserok-single-marginalia__list {
  list-style: none;
  margin: 8px 0 12px;
  padding: 0;
}

.biserok-single-marginalia__list li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
  font-size: 13.5px;
  line-height: 18px;
}

.biserok-single-marginalia__list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.biserok-single-marginalia__list a {
  color: #141414 !important;
  font-weight: 600;
  text-decoration: none !important;
}

.biserok-single-marginalia__list a:hover {
  color: var(--soviet-red, #e30016) !important;
}

.biserok-single-marginalia__more {
  font-size: 12px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
}

/* Prev/Next Post Navigation Cards (.biserok-post-navigation) */
.biserok-post-navigation {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 !important;
}

.biserok-post-nav-card,
.post-navigation .flex-box.biserok-post-nav-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 16px;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 16px !important;
  box-sizing: border-box;
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}

.biserok-post-nav-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.biserok-post-nav-card__thumb {
  flex: 0 0 180px !important;
  width: 180px !important;
  height: 135px !important;
  margin: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  background: #f4f3ef;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.biserok-post-nav-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  display: block !important;
}

.biserok-post-nav-card__body,
.post-navigation .biserok-post-nav-card .entry-header {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.biserok-post-nav-card__kicker {
  display: block;
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #0b5cab;
  margin-bottom: 4px;
  text-align: left !important;
}

.biserok-post-nav-card__title,
.post-navigation .biserok-post-nav-card .entry-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  text-align: left !important;
}

.biserok-post-nav-card__title a {
  color: #111111 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.biserok-post-nav-card__title a:hover {
  color: var(--soviet-red, #e30016) !important;
}

/* Inline Material Chips (transformed from bare https://handmademart.net/... URLs) */
a.biserok-material-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  margin: 2px 4px;
  border-radius: 999px;
  background: #f4f3ef;
  border: 1px solid rgba(20, 20, 20, 0.14);
  color: #141414 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  vertical-align: baseline;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

a.biserok-material-chip:hover {
  background: #141414;
  border-color: #141414;
  color: #ffffff !important;
}

/* Hide dead legacy VK Like iframe ("App is blocked") */
.post-social-share,
#vk_like {
  display: none !important;
}

/* Override CherryLink inline crb-template-override so titles sit cleanly below images */
.crb-wrapper {
  margin: 28px 0 18px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}

.crb-wrapper .crb-header {
  font-family: var(--soviet-font-sans) !important;
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  color: #111111 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.crb-wrapper .crb-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.crb-wrapper .crb-item-container {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.crb-wrapper .crb-item-container a.crb-card-link {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.crb-wrapper .crb-thumb {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  margin: 0 0 8px !important;
  background: #f4f3ef !important;
}

.crb-wrapper .crb-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

.crb-wrapper p.crb-title,
.crb-wrapper .crb-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 19px !important;
  font-weight: 700 !important;
  color: #141414 !important;
  text-align: left !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.crb-wrapper a.crb-card-link:hover .crb-title {
  color: var(--soviet-red, #e30016) !important;
}

/* Match comments container width on single tutorial posts */
#primary > .biserok-soviet-Comments {
  width: 100%;
  max-width: 750px;
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 16px;
  padding: 28px 32px;
  margin-top: 28px;
  box-sizing: border-box;
}

/* Unified Comments & Comment Form (#comments, #respond) */
#comments.comments-area {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
}

#respond.comment-respond {
  float: none !important;
  width: 100% !important;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-cookies-consent {
  float: none !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.biserok-comment-composer-card p.comment-form-author,
.biserok-comment-composer-card p.comment-form-email,
#commentform.is__auth-signed-in p.comment-form-author,
#commentform.is__auth-signed-in p.comment-form-email,
#commentform.is__auth-signed-in p.comment-form-url,
#commentform.is__auth-signed-in p.comment-form-cookies-consent,
#commentform p.comment-form-url,
#commentform p.comment-form-cookies-consent {
  display: none !important;
}

#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.16) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  background: #ffffff !important;
  color: #141414 !important;
  box-sizing: border-box;
}

#respond input[type="submit"],
.comment-respond input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

#respond input[type="submit"]:hover,
.comment-respond input[type="submit"]:hover {
  background: var(--soviet-red, #e30016) !important;
  color: #ffffff !important;
}

/* Unified Site Footer & Footer Top Topics (.footer-top, #colophon.site-footer, .goto-top) */
.footer-widget-area.footer-top {
  max-width: 1280px !important;
  margin: 36px auto 0 !important;
  padding: 24px 28px !important;
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 16px;
  box-sizing: border-box;
}

.footer-widget-area.footer-top #block-27 {
  display: none !important;
}

.footer-widget-area.footer-top .widget_nav_menu {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer-widget-area.footer-top .widget-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #475569 !important;
  margin: 0 0 12px !important;
}

.footer-widget-area.footer-top ul.menu {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer-widget-area.footer-top ul.menu li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.footer-widget-area.footer-top ul.menu li a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: #f4f3ef !important;
  border: 1px solid rgba(20, 20, 20, 0.08) !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
  color: #141414 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.footer-widget-area.footer-top ul.menu li a:hover {
  background: #141414 !important;
  color: #ffffff !important;
}

#colophon.site-footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08);
  margin-top: 28px;
  padding: 36px 0 28px !important;
  font-family: var(--soviet-font-sans) !important;
}

#colophon.site-footer .container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

#colophon.site-footer h3.wp-block-heading,
#colophon.site-footer .widget-title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  margin: 0 0 12px !important;
}

#colophon.site-footer .widget {
  margin-bottom: 12px !important;
}

#colophon.site-footer ul.wp-block-list,
#colophon.site-footer .widget ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colophon.site-footer ul.wp-block-list li,
#colophon.site-footer .widget ul li {
  border: 0 !important;
  padding: 5px 0 !important;
  margin: 0 !important;
}

#colophon.site-footer ul.wp-block-list li a,
#colophon.site-footer .widget ul li a {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transition: color 0.15s ease;
}

#colophon.site-footer ul.wp-block-list li a:hover,
#colophon.site-footer .widget ul li a:hover {
  color: var(--soviet-red, #e30016) !important;
}

#colophon.site-footer ul.footer-info {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  color: #64748b !important;
}

a.goto-top.backtotop {
  width: 44px !important;
  height: 44px !important;
  right: 24px !important;
  bottom: 24px !important;
  border-radius: 999px !important;
  background: #141414 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, transform 0.15s ease !important;
}

a.goto-top.backtotop:hover {
  background: var(--soviet-red, #e30016) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Full-width page wrapper for /sprosit-sovet/, /soderzhanie/, search, page, and 404 */
.biserok-wrap--full main {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* Single Tutorial Quick Action Bar (.biserok-tutorial-bar) */
.biserok-tutorial-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 14px 0 4px;
  padding: 10px 12px;
  background: var(--soviet-surface-soft, #faf9f6);
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 12px;
  font-family: var(--soviet-font-sans);
}

.biserok-tutorial-bar__btn,
button.biserok-tutorial-bar__btn,
button.biserok-tutorial-bar__btn:focus {
  position: static !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  background: #ffffff !important;
  color: #141414 !important;
  border: 1px solid rgba(20, 20, 20, 0.14) !important;
  text-decoration: none !important;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.12s ease;
}

.biserok-tutorial-bar__btn:hover,
button.biserok-tutorial-bar__btn:hover {
  background: #f4f3ef !important;
  color: #141414 !important;
  transform: translateY(-1px);
}

.biserok-pin-card__save.is__saved,
.biserok-pin-card__save.is__saved:hover,
.biserok-pin-card__save.is__saved:focus,
button.biserok-tutorial-bar__btn.is__saved,
button.biserok-tutorial-bar__btn.is__saved:hover,
button.biserok-tutorial-bar__btn.is__saved:focus {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
}

a.biserok-tutorial-bar__btn--ugc,
.biserok-tutorial-bar__btn.biserok-tutorial-bar__btn--ugc {
  background: var(--soviet-red, #e30016) !important;
  color: #ffffff !important;
  border-color: var(--soviet-red, #e30016) !important;
}

a.biserok-tutorial-bar__btn--ugc:hover,
.biserok-tutorial-bar__btn.biserok-tutorial-bar__btn--ugc:hover {
  background: #c20013 !important;
  color: #ffffff !important;
  border-color: #c20013 !important;
}

a.biserok-tutorial-bar__btn--advice,
.biserok-tutorial-bar__btn.biserok-tutorial-bar__btn--advice {
  background: #e0f2fe !important;
  color: #0b5cab !important;
  border-color: rgba(11, 92, 171, 0.2) !important;
}

a.biserok-tutorial-bar__btn--advice:hover,
.biserok-tutorial-bar__btn.biserok-tutorial-bar__btn--advice:hover {
  background: #e0f2fe !important;
  color: #075985 !important;
}

/* End-of-Tutorial UGC Callout Card (.biserok-tutorial-ugc-callout) */
.biserok-tutorial-ugc-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 32px 0 8px;
  padding: 20px 22px;
  background: linear-gradient(135deg, #fff1f2 0%, #faf9f6 100%);
  border: 1px solid rgba(232, 0, 39, 0.18);
  border-radius: 12px;
  font-family: var(--soviet-font-sans);
}

.biserok-tutorial-ugc-callout__text {
  flex: 1 1 320px;
}

.biserok-tutorial-ugc-callout__text strong {
  display: block;
  font-size: 17px;
  line-height: 22px;
  color: #141414;
  margin-bottom: 4px;
}

.biserok-tutorial-ugc-callout__text span {
  display: block;
  font-size: 13.5px;
  line-height: 20px;
  color: #475569;
}

.biserok-tutorial-ugc-callout__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.biserok-tutorial-ugc-callout__btn {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  border-radius: 999px;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  background: #ffffff;
  color: #141414 !important;
  border: 1px solid rgba(20, 20, 20, 0.16);
  text-decoration: none !important;
}

.biserok-tutorial-ugc-callout__btn--primary {
  background: var(--soviet-red, #e30016);
  color: #ffffff !important;
  border-color: var(--soviet-red, #e30016);
}

/* Archive, Search & 404 Editorial Headers */
.biserok-archive-hero {
  padding-top: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  margin-bottom: 24px;
}

.biserok-archive-hero__kicker {
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0b5cab;
  margin-bottom: 6px;
}

.biserok-archive-hero__desc {
  max-width: 760px;
  font-family: var(--soviet-font-serif);
  font-size: 17px;
  line-height: 25px;
  color: #334155;
}

.biserok-inline-search {
  display: flex;
  gap: 8px;
  max-width: 560px;
  margin-top: 14px;
}

.biserok-inline-search input[type="search"] {
  flex: 1 1 auto;
  font-family: var(--soviet-font-sans);
  font-size: 17px;
  line-height: 22px;
  padding: 10px 14px;
  border: 1px solid rgba(20, 20, 20, 0.22);
  border-radius: 10px;
  background: #ffffff;
  color: #141414;
}

.biserok-inline-search button {
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px 20px;
  border: 0;
  border-radius: 10px;
  background: #141414;
  color: #ffffff;
  cursor: pointer;
}

.biserok-empty-state {
  width: 100%;
  max-width: 720px;
  margin: 24px auto 48px;
  padding: 32px 28px;
  background: var(--soviet-surface-soft, #faf9f6);
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 12px;
  font-family: var(--soviet-font-sans);
}

.biserok-empty-state h1,
.biserok-empty-state h2 {
  font-family: var(--soviet-font-sans);
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #141414;
}

.biserok-empty-state p {
  font-size: 17px;
  line-height: 23px;
  color: #334155;
  margin: 0 0 18px;
}

.biserok-empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

/* Sticky Mobile Bottom Tab Bar (.biserok-mobile-tabbar) — hidden on desktop */
.biserok-mobile-tabbar {
  display: none;
}

/* ==========================================================================
   8. MOBILE & TABLET BREAKPOINTS (<= 1060px, <= 768px, <= 480px)
   ========================================================================== */

@media screen and (max-width: 1060px) {
  .biserok-header-nav {
    display: none;
  }

  .biserok-header-icon-btn.toggle-menu {
    display: inline-flex !important;
  }

  .biserok-header-search {
    width: 210px;
  }

  .biserok-single-layout {
    grid-template-columns: 1fr;
  }

  .biserok-single-marginalia {
    position: static;
  }
}

@media screen and (max-width: 768px) {
  body {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
  }

  /* Compact unified site header on mobile */
  #site-header.site-header.biserok-unified-header {
    padding: 0 12px !important;
  }

  .biserok-header-bar {
    min-height: 52px;
    gap: 6px;
  }

  .biserok-header-bar__left {
    gap: 8px;
  }

  .biserok-header-bar__right {
    gap: 6px;
  }

  .biserok-brand-link {
    gap: 7px;
  }

  .biserok-brand-mark {
    width: 30px;
    height: 30px;
    font-size: 17px;
    border-radius: 10px;
  }

  .biserok-brand-wordmark {
    font-size: 17px;
    line-height: 18px;
  }

  .biserok-header-icon-btn .biserok-header-menu-label,
  .biserok-header-menu-label,
  .biserok-brand-sub {
    display: none !important;
  }

  .biserok-header-search-toggle {
    display: inline-flex !important;
  }

  .biserok-header-icon-btn {
    padding: 0 !important;
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0;
  }

  .biserok-header-cta {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }

  /* 2-Column Native Pinterest Grid on Mobile (<= 768px) */
  #masonry-container.masonry-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    height: auto !important;
  }

  #masonry-container.masonry-container > .flex-box,
  .cols-2 .flex-box,
  .cols-3 .flex-box {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #masonry-container.masonry-container > .biserok-pin-card--advice {
    grid-column: 1 / -1;
  }

  article.biserok-pin-card {
    border-radius: 12px;
  }

  .biserok-pin-card__badge {
    font-size: 11px;
    padding: 3px 8px;
    top: 8px !important;
    left: 8px !important;
    max-width: calc(100% - 88px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .biserok-pin-card__save {
    font-size: 11px;
    padding: 4px 8px;
    top: 8px !important;
    right: 8px !important;
  }

  .biserok-pin-card__body {
    padding: 10px 10px 10px;
  }

  .biserok-pin-card__title,
  article.biserok-pin-card .entry-title {
    font-size: 13.5px !important;
    line-height: 17px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .biserok-pin-card__excerpt {
    display: none !important;
  }

  .biserok-pin-card__footer {
    margin-top: 8px;
    padding-top: 8px;
    font-size: 11px;
  }

  /* Single Master-Class Mobile Refinements */
  .biserok-single-header__title,
  .the-post .single-post .entry-header h1.entry-title {
    font-size: 24px !important;
    line-height: 29px !important;
  }

  .biserok-single-main {
    padding: 16px;
    border-radius: 12px;
  }

  .biserok-tutorial-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
  }

  .biserok-tutorial-bar__btn {
    width: 100%;
    min-height: 38px;
    font-size: 12px;
    line-height: 15px;
    padding: 6px 8px;
    text-align: center;
  }

  .biserok-post-navigation {
    grid-template-columns: 1fr !important;
  }

  #comments.comments-area {
    padding: 18px 16px;
  }

  /* Touch-scrollable horizontal pill bars on mobile */
  .biserok-global-subnav {
    padding: 8px 12px;
    margin-bottom: 12px;
  }

  .biserok-global-subnav__inner,
  .biserok-pin-filterbar {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
  }

  .biserok-global-subnav__inner::-webkit-scrollbar,
  .biserok-pin-filterbar::-webkit-scrollbar {
    display: none;
  }

  .biserok-pin-pill {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 7px 13px;
    font-size: 12px;
  }

  .biserok-pin-pill--cta {
    margin-left: 0;
  }

  /* Editorial /soviet/ mobile adaptations */
  .biserok-soviet-header-row {
    padding: 18px 0 9px;
    gap: 10px;
  }

  .biserok-soviet-counter {
    font-size: 32px;
    line-height: 36px;
  }

  .biserok-iconostasis {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .biserok-iconostasis-card {
    flex: initial;
    max-width: none;
    min-height: 120px;
    padding: 12px;
  }

  .biserok-iconostasis-card__avatar {
    width: 38px;
    height: 38px;
    font-size: 13.5px;
    margin-bottom: 8px;
  }

  /* Single Advice Splash & Undersplash on mobile */
  .biserok-soviet-Splash {
    padding: 20px 15px 24px;
  }

  .biserok-soviet-Splash-title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 14px;
  }

  .biserok-soviet-Splash-question {
    font-size: 17px;
    line-height: 25px;
  }

  .biserok-soviet-Undersplash {
    padding: 16px 15px;
    margin-bottom: 20px;
  }

  .biserok-soviet-AnswerContent {
    font-size: 17px;
    line-height: 26px;
  }

  /* CherryLink Recommended Cards: 2 columns on mobile/tablet */
  .biserok-soviet-BodyGrid .crb-container,
  .biserok-soviet-Recommendations .crb-container,
  .the-post .crb-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  /* Multi-provider Comment Auth Bar: 2x3 touch grid on mobile */
  .biserok-auth-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .biserok-auth-btn {
    justify-content: flex-start;
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
  }

  /* Prevent iOS Safari zoom on input focus */
  .biserok-auth-panel__field input,
  .biserok-auth-panel__otp input,
  .hmm-advice-ask-form.biserok-editorial-form input[type="text"],
  .hmm-advice-ask-form.biserok-editorial-form input[type="email"],
  .hmm-advice-ask-form.biserok-editorial-form select,
  .hmm-advice-ask-form.biserok-editorial-form textarea,
  #commentform textarea,
  #commentform input[type="text"],
  #commentform input[type="email"] {
    font-size: 17px !important;
  }

  /* Sticky Mobile Bottom Tab Bar */
  .biserok-mobile-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1900;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(20, 20, 20, 0.1);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
    font-family: var(--soviet-font-sans);
  }

  .biserok-mobile-tabbar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 4px 2px !important;
    border: 0;
    background: transparent;
    color: #475569 !important;
    text-decoration: none !important;
    font-family: var(--soviet-font-sans);
    cursor: pointer;
    float: none !important;
  }

  .biserok-mobile-tabbar__item.is__active {
    color: #141414 !important;
    font-weight: 700;
  }

  .biserok-mobile-tabbar__icon {
    font-size: 17px;
    line-height: 20px;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
  }

  .biserok-mobile-tabbar__label {
    font-size: 11px;
    line-height: 12px;
    font-weight: 700;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
  }

  .biserok-mobile-tabbar__item--cta .biserok-mobile-tabbar__plus {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px;
    background: var(--soviet-red, #e30016) !important;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
  }
}

@media screen and (max-width: 480px) {
  .biserok-inline-search {
    flex-direction: column;
  }

  .biserok-inline-search button {
    width: 100%;
  }
}


/* ==========================================================================
   9. INTERACTIVE BEADING COURSE & SVG SIMULATOR (/kurs-biseropleteniya/)
   ========================================================================== */

.biserok-course-shell {
  padding: 22px 0 64px;
  font-family: var(--soviet-font-sans);
  color: #141414;
}

.biserok-course-container,
.biserok-course-shell .biserok-single-article {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.biserok-course-container .biserok-single-article {
  max-width: 1280px !important;
  padding: 0 !important;
}

.biserok-course-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-family: var(--soviet-font-sans);
  font-size: 12px;
  line-height: 16px;
  color: #64748b;
  margin: 0 0 12px;
}

.biserok-course-breadcrumbs a {
  color: #0b5cab;
  text-decoration: none;
  font-weight: 500;
}

.biserok-course-breadcrumbs a:hover {
  color: #e30016;
  text-decoration: underline;
}

.biserok-course-breadcrumbs .is__current {
  color: #64748b;
  font-weight: 500;
}

/* Course Hero Banner (Light Editorial Biserok Editorial Surface) */
.biserok-course-hero {
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 40px;
}

.biserok-course-hero__visual svg {
  display: block;
  width: 100%;
  height: auto;
}

.biserok-course-hero__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 22px;
  background: #faf9f6;
  border-top: 1px solid rgba(20, 20, 20, 0.08);
}

.biserok-course-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.biserok-course-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.12);
  color: #141414;
}

.biserok-course-badge--red {
  background: #e30016;
  border-color: #e30016;
  color: #ffffff;
}

.biserok-course-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.biserok-course-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 13.5px;
  line-height: 18px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.biserok-course-btn--primary {
  background: #e30016;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(227, 0, 22, 0.2);
}

.biserok-course-btn--primary:hover {
  background: #c20013;
  transform: translateY(-1px);
}

.biserok-course-btn--outline {
  background: #ffffff;
  color: #141414 !important;
  border-color: rgba(20, 20, 20, 0.18);
}

.biserok-course-btn--outline:hover {
  background: #f4f3ef;
  border-color: #141414;
}

.biserok-course-btn--ghost {
  background: #faf9f6;
  color: #141414 !important;
  border-color: rgba(20, 20, 20, 0.14);
}

.biserok-course-btn--ghost:hover {
  background: #f4f3ef;
}

.biserok-course-btn--sm {
  padding: 8px 13px;
  font-size: 13.5px;
}

.biserok-course-btn--full {
  width: 100%;
}

/* Course Sections */
.biserok-course-section {
  margin-bottom: 54px;
}

.biserok-course-section__head {
  margin-bottom: 24px;
}

.biserok-course-kicker {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #e30016;
  margin-bottom: 6px;
}

.biserok-course-h1 {
  font-size: clamp(28px, 3.8vw, 44px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  color: #141414;
}

.biserok-course-h2 {
  font-size: clamp(22px, 2.8vw, 32px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.015em;
  margin: 0 0 12px;
  color: #141414;
}

.biserok-course-lead {
  font-size: 17px;
  line-height: 1.55;
  color: #334155;
  max-width: 820px;
  margin: 0;
}

/* 9 Techniques Roadmap Grid */
.biserok-tech-roadmap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.biserok-tech-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.biserok-tech-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5e1;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.biserok-tech-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.biserok-tech-card__num {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 6px;
  background: #ffe4e6;
  color: #c20013;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.biserok-tech-card__diff {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.biserok-tech-card__visual-link {
  display: block;
  margin-bottom: 12px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #faf9f6;
}

.biserok-tech-card__visual-link img {
  display: block;
  width: 100%;
  height: auto;
}

.biserok-tech-card__title {
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 6px;
}

.biserok-tech-card__title a {
  color: #141414;
  text-decoration: none;
}

.biserok-tech-card__title a:hover {
  color: #e30016;
}

.biserok-tech-card__subtitle {
  font-size: 13.5px;
  line-height: 1.4;
  font-weight: 700;
  color: #0b5cab;
  margin: 0 0 10px;
}

.biserok-tech-card__summary {
  font-size: 13.5px;
  line-height: 1.5;
  color: #475569;
  margin: 0 0 14px;
}

.biserok-tech-card__specs {
  background: #f8fafc;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.45;
}

.biserok-tech-card__spec + .biserok-tech-card__spec {
  margin-top: 6px;
}

.biserok-tech-card__spec span {
  color: #64748b;
}

.biserok-tech-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Interactive Simulator Widget */
.biserok-sim-tech-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.biserok-sim-tech-pill {
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #1e293b;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.biserok-sim-tech-pill:hover,
.biserok-sim-tech-pill.is__active {
  background: #141414;
  color: #ffffff;
  border-color: #141414;
}

.biserok-interactive-simulator {
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}

.biserok-sim-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  background: #faf9f6;
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
}

.biserok-sim-controls__left,
.biserok-sim-controls__center,
.biserok-sim-controls__right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.biserok-sim-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 20, 0.14);
  background: #ffffff;
  color: #141414;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.15s ease;
}

.biserok-sim-btn:hover {
  background: #f4f3ef;
  border-color: #141414;
}

.biserok-sim-btn--play {
  background: #e30016;
  color: #ffffff !important;
  border-color: #e30016;
}

.biserok-sim-btn--play:hover,
.biserok-sim-btn--play.is__playing {
  background: #c20013;
  border-color: #c20013;
}

.biserok-sim-btn--xray {
  background: #e0f2fe;
  color: #0b5cab !important;
  border-color: rgba(11, 92, 171, 0.24);
}

.biserok-sim-btn--xray.is__active {
  background: #0b5cab;
  color: #ffffff !important;
  border-color: #0b5cab;
}

.biserok-sim-scrubber-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #334155;
}

.biserok-sim-scrubber {
  width: 150px;
  accent-color: #e30016;
  cursor: pointer;
}

.biserok-sim-speed {
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  background: #ffffff;
}

.biserok-sim-canvas {
  padding: 14px;
  background: #faf9f6;
  text-align: center;
}

.biserok-sim-canvas svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.biserok-sim-hud {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  padding: 18px 20px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.biserok-sim-hud__badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: #ffe4e6;
  color: #c20013;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 6px;
}

.biserok-sim-hud__title {
  font-size: 17px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 6px;
  color: #141414;
}

.biserok-sim-hud__desc {
  font-size: 13.5px;
  line-height: 1.5;
  color: #334155;
  margin: 0 0 10px;
}

.biserok-sim-hud__check {
  padding: 9px 12px;
  border-radius: 10px;
  background: #f0fdf4;
  border: 1px solid #dcfce7;
  font-size: 13.5px;
  color: #166534;
}

.biserok-sim-hud__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.biserok-sim-step-card {
  text-align: left;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  cursor: pointer;
  transition: all 0.15s ease;
}

.biserok-sim-step-card:hover {
  border-color: #94a3b8;
}

.biserok-sim-step-card.is__active {
  background: #fff1f2;
  border-color: #e30016;
  box-shadow: 0 2px 8px rgba(227, 0, 22, 0.12);
}

.biserok-sim-step-card__num {
  display: block;
  font-size: 11px;
  font-weight: 800;
  color: #e30016;
  text-transform: uppercase;
}

.biserok-sim-step-card__title {
  display: block;
  font-size: 13.5px;
  line-height: 1.3;
  color: #141414;
  margin-top: 2px;
}

/* Calibrations Comparison Grid */
.biserok-calibrations-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.biserok-calibration-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
}

.biserok-calibration-card__maker {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #0b5cab;
}

.biserok-calibration-card__title {
  font-size: 17px;
  font-weight: 800;
  margin: 4px 0 14px;
}

.biserok-calibration-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.biserok-cal-metric {
  background: #f8fafc;
  border-radius: 10px;
  padding: 9px 10px;
}

.biserok-cal-metric__val {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #141414;
}

.biserok-cal-metric__lbl {
  display: block;
  font-size: 11px;
  color: #64748b;
}

.biserok-calibration-card__notes {
  font-size: 13.5px;
  line-height: 1.5;
  color: #475569;
  margin: 0 0 12px;
}

.biserok-calibration-card__tools {
  font-size: 12px;
  line-height: 1.5;
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
  color: #334155;
}

/* Filterbar & 100 Patterns Grid */
.biserok-course-filterbar {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 24px;
}

.biserok-course-filterbar__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.biserok-filter-chip {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
}

.biserok-filter-chip.is__active,
.biserok-filter-chip:hover {
  background: #e30016;
  color: #ffffff;
  border-color: #e30016;
}

.biserok-course-filterbar__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.biserok-course-filterbar__diffs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.biserok-diff-btn {
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.biserok-diff-btn.is__active {
  background: #141414;
  color: #ffffff;
  border-color: #141414;
}

.biserok-course-filterbar__search {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 280px;
}

.biserok-course-filterbar__search input {
  flex: 1;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  font-size: 13.5px;
  background: #ffffff;
}

.biserok-course-filterbar__count {
  font-size: 13.5px;
  font-weight: 700;
  color: #475569;
  white-space: nowrap;
}

.biserok-patterns-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.biserok-pattern-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.biserok-pattern-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.biserok-pattern-card__preview {
  position: relative;
  background: #faf9f6;
  padding: 36px 10px 10px;
  border-bottom: 1px solid #f1f5f9;
}

.biserok-pattern-card__code {
  position: absolute;
  top: 8px;
  left: 10px;
  padding: 3px 8px;
  border-radius: 6px;
  background: #141414;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}

.biserok-pattern-card__type {
  position: absolute;
  top: 8px;
  left: 102px;
  padding: 3px 8px;
  border-radius: 6px;
  background: #e2e8f0;
  color: #1e293b;
  font-size: 11px;
  font-weight: 700;
}

.biserok-pattern-card__svg-link img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.biserok-pattern-card__body {
  padding: 14px 16px 16px;
}

.biserok-pattern-card__tech-tag {
  font-size: 12px;
  font-weight: 700;
  color: #0b5cab;
  margin-bottom: 4px;
}

.biserok-pattern-card__title {
  font-size: 17px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 10px;
}

.biserok-pattern-card__title a {
  color: #141414;
  text-decoration: none;
}

.biserok-pattern-card__title a:hover {
  color: #e30016;
}

.biserok-pattern-card__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.biserok-swatch-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1.5px solid #cbd5e1;
  font-size: 11px;
  font-weight: 800;
}

.biserok-pattern-card__metrics {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #475569;
  margin-bottom: 12px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}

/* Single Technique & Pattern Specific Blocks */
.biserok-course-block {
  margin-bottom: 36px;
}

.biserok-course-turnaround-callout {
  background: #fffbeb;
  border-left: 4px solid #d97706;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 20px 0;
}

.biserok-course-turnaround-callout__tag {
  font-size: 12px;
  font-weight: 800;
  color: #b45309;
  margin-bottom: 6px;
}

.biserok-steps-timeline {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.biserok-step-detail-card {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
  font-family: var(--soviet-font-sans) !important;
}

.biserok-step-detail-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 6px 14px;
  border-radius: 999px;
  background: #141414;
  color: #ffffff;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800;
  white-space: nowrap;
}

.biserok-step-detail-card__body h3 {
  font-family: var(--soviet-font-sans) !important;
  font-size: 17px !important;
  line-height: 22px !important;
  font-weight: 800 !important;
  margin: 0 0 8px;
}

.biserok-step-detail-card__body p {
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  line-height: 22px !important;
  color: #1e293b !important;
  margin: 0 0 10px !important;
}

.biserok-step-detail-card__verify {
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #f8fafc;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  color: #1e293b;
}

.biserok-defects-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.biserok-defect-card {
  background: #ffffff;
  border: 1px solid #fecdd3;
  border-radius: 10px;
  padding: 16px;
  font-family: var(--soviet-font-sans) !important;
}

.biserok-defect-card__tag--warn {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ffe4e6;
  color: #c20013;
  font-family: var(--soviet-font-sans) !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 800;
  margin-bottom: 8px;
}

.biserok-defect-card__symptom strong {
  display: block;
  font-size: 15px;
  margin-bottom: 8px;
}

.biserok-defect-card__cause,
.biserok-defect-card__fix {
  font-size: 13.5px;
  line-height: 1.45;
  margin-top: 6px;
}

.biserok-defect-card__fix {
  color: #166534;
  font-weight: 600;
}

/* Pattern Weaver Active Row & Word Chart Table */
.biserok-active-row-banner {
  padding: 12px 18px;
  background: #fff1f2;
  border-bottom: 1px solid #fecdd3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.biserok-SelectColor-btn {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1.5px solid rgba(20, 20, 20, 0.18);
  background: #ffffff;
  color: #141414;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.biserok-SelectColor-btn.is__active {
  outline: 2px solid #e30016;
  outline-offset: 1px;
}

.biserok-word-chart-table-wrap {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
}

.biserok-word-chart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.biserok-word-chart-table th,
.biserok-word-chart-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  text-align: left;
  vertical-align: middle;
}

.biserok-word-chart-table th {
  background: #f8fafc;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #475569;
}

.biserok-wc-row {
  cursor: pointer;
  transition: background-color 0.12s ease;
}

.biserok-wc-row:hover {
  background: #f8fafc;
}

.biserok-wc-row.is__focused {
  background: #fff1f2;
}

.biserok-wc-row.is__completed {
  opacity: 0.55;
  text-decoration: line-through;
}

.biserok-wc-seq {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.biserok-wc-bead {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  font-size: 11px;
  font-weight: 800;
}

.biserok-marginalia-specs {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  font-size: 13.5px;
}

.biserok-marginalia-specs li {
  padding: 6px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.biserok-calc-field {
  display: block;
  font-size: 13.5px;
  margin-bottom: 10px;
}

.biserok-calc-field input[type="range"] {
  width: 100%;
  accent-color: #e30016;
  margin-top: 4px;
}

.biserok-calc-results {
  background: #f8fafc;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  line-height: 1.6;
  margin-bottom: 12px;
}

@media screen and (max-width: 960px) {
  .biserok-tech-roadmap-grid,
  .biserok-calibrations-grid,
  .biserok-patterns-grid,
  .biserok-defects-grid,
  .biserok-sim-hud {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   9.5. ARTICLE-TO-COURSE 3-LAYER BRIDGE (In-text Link + Inline Factoid + Marginalia Factoid + Footer Card)
   ========================================================================== */

/* 1. Quiet editorial in-text contextual link + superscript reference badge */
a.biserok-inline-course-ref {
  display: inline;
  color: #141414 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(227, 0, 22, 0.42) !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  background: transparent;
  padding: 0;
  border-radius: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a.biserok-inline-course-ref:hover {
  color: #c20013 !important;
  text-decoration-color: #c20013 !important;
}

.biserok-inline-course-ref__badge {
  display: inline;
  margin-left: 3px;
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(227, 0, 22, 0.08);
  color: #c20013 !important;
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none !important;
  vertical-align: super;
  white-space: nowrap;
}

/* 2. Inline contextual Step Illustration Card (.biserok-inline-tech-factoid) */
.biserok-inline-tech-factoid {
  margin: 22px 0 !important;
  padding: 12px 14px !important;
  border-radius: 12px;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-left: 3px solid #94a3b8;
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.025);
  font-family: var(--soviet-font-sans);
}

.biserok-factoid-step-trainer {
  display: grid;
  grid-template-columns: minmax(320px, 1.38fr) minmax(240px, 0.92fr);
  gap: 14px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px;
  box-sizing: border-box;
}

.biserok-inline-tech-factoid__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f3ef;
}

.biserok-inline-tech-factoid__badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e30016;
}

.biserok-inline-tech-factoid__jtbd-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.biserok-inline-tech-factoid__jtbd-col {
  background: #ffffff;
  border: 1px solid #f4f3ef;
  border-radius: 10px;
  padding: 11px 13px;
}

.biserok-inline-tech-factoid__preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  padding: 12px 14px;
}

.biserok-inline-tech-factoid__thumb {
  flex: 0 0 132px;
  width: 132px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  background: #f4f3ef;
  border: 1px solid #f4f3ef;
}

.biserok-inline-tech-factoid__thumb img {
  display: block !important;
  width: 132px !important;
  height: 96px !important;
  object-fit: cover !important;
  margin: 0 !important;
}

.biserok-inline-tech-factoid__body {
  flex: 1 1 240px;
  min-width: 0;
}

.biserok-inline-tech-factoid__body p {
  display: block !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  margin: 0 0 8px !important;
}

.biserok-inline-tech-factoid__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* 3. Right Marginalia Course Factoid Card (.biserok-marginalia-course-factoid) */
.biserok-marginalia-course-factoid {
  background: #ffffff !important;
  border: 1px solid rgba(20, 20, 20, 0.09) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

.biserok-marginalia-course-factoid__jtbd strong,
.biserok-marginalia-course-factoid__learn strong {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #141414;
  margin-bottom: 3px;
}

.biserok-marginalia-course-factoid__jtbd p,
.biserok-marginalia-course-factoid__learn p {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  margin: 0 0 10px !important;
}

.biserok-marginalia-article-preview {
  margin: 8px 0 12px;
  padding: 10px;
  border-radius: 10px;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
}

.biserok-marginalia-article-preview__label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin-bottom: 6px;
}

a.biserok-marginalia-article-preview__card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-decoration: none !important;
  color: #141414 !important;
}

.biserok-marginalia-article-preview__thumb {
  flex: 0 0 76px;
  width: 76px;
  height: 64px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e0d8;
  background: #ffffff;
}

.biserok-marginalia-article-preview__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.biserok-marginalia-article-preview__meta strong {
  font-size: 13.5px;
  line-height: 1.3;
  color: #141414;
}

.biserok-marginalia-article-preview__meta small {
  font-size: 12px;
  line-height: 1.35;
  color: #475569;
}

.biserok-marginalia-article-preview__cta {
  font-size: 12px;
  font-weight: 700;
  color: #0b5cab;
}

.biserok-marginalia-course-factoid__where {
  padding: 6px 9px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-size: 12px;
  line-height: 1.4;
  color: #334155;
  margin-bottom: 10px;
}

.biserok-marginalia-course-factoid__where span {
  font-weight: 800;
  color: #c20013;
}

.biserok-marginalia-course-factoid__patterns {
  margin-bottom: 10px;
  font-size: 11px;
  color: #475569;
}

.biserok-marginalia-course-factoid__pills {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}

a.biserok-marginalia-pat-pill {
  display: block;
  padding: 4px 8px;
  border-radius: 6px;
  background: #f8fafc;
  border: 1px solid rgba(20, 20, 20, 0.08);
  color: #141414 !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  transition: border-color 0.15s ease;
}

a.biserok-marginalia-pat-pill:hover {
  border-color: #e30016;
  color: #e30016 !important;
}

a.biserok-single-marginalia__btn--course {
  background: #141414 !important;
  color: #ffffff !important;
  text-align: center;
}

a.biserok-single-marginalia__btn--course:hover {
  background: #e30016 !important;
}

/* Top 10 Post Views Counter (.tptn_counter) — subtle muted meta line */
.tptn_counter {
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #64748b !important;
  margin: 10px 0 6px !important;
}

/* 4. End-of-Article Course Navigator Card (.biserok-article-course-footer-card — calm & compact) */
.biserok-article-course-footer-card {
  margin: 20px 0 18px !important;
  padding: 16px 18px !important;
  border-radius: 12px;
  background: #faf9f6;
  border: 1px solid rgba(20, 20, 20, 0.09);
  color: #141414;
  font-family: var(--soviet-font-sans);
}

.biserok-article-course-footer-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.07);
}

.biserok-article-course-footer-card__title,
.entry-content.biserok-single-prose .biserok-article-course-footer-card__title,
.biserok-single-prose .biserok-article-course-footer-card__title {
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin: 2px 0 0 !important;
}

.biserok-article-course-footer-card__title a {
  color: #111111 !important;
  text-decoration: none !important;
}

.biserok-article-course-footer-card__title a:hover {
  color: #e30016 !important;
}

a.biserok-article-course-footer-card__all-link {
  font-size: 13.5px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
}

a.biserok-article-course-footer-card__all-link:hover {
  color: #e30016 !important;
}

.biserok-article-course-item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 16px;
  align-items: center;
}

.biserok-article-course-item__svg {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
}

.biserok-article-course-item__svg img {
  display: block;
  width: 100%;
  height: auto;
}

.biserok-article-course-item__kicker {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e30016;
}

.biserok-article-course-item__learn {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  margin: 0 0 10px !important;
}

.biserok-article-course-item__pat-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}

a.biserok-article-pat-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.12);
  color: #141414 !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
}

a.biserok-article-pat-chip:hover {
  border-color: #e30016;
  color: #e30016 !important;
}

.biserok-article-course-item__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

a.biserok-article-course-item__secondary-link {
  font-size: 13.5px;
  font-weight: 700;
  color: #475569 !important;
  text-decoration: none !important;
}

a.biserok-article-course-item__secondary-link:hover {
  color: #e30016 !important;
}

/* 5. Real Site Articles Grid on Technique Pages (.biserok-site-articles-grid) */
.biserok-site-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

a.biserok-site-article-link-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  text-decoration: none !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

a.biserok-site-article-link-card:hover {
  transform: translateY(-2px);
  border-color: #e30016;
  box-shadow: 0 8px 20px rgba(227, 0, 22, 0.08);
}

.biserok-site-article-link-card__badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  color: #0b5cab;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.biserok-site-article-link-card strong {
  font-size: 15px;
  line-height: 1.35;
  color: #141414;
  margin-bottom: 10px;
}

.biserok-site-article-link-card__cta {
  font-size: 13.5px;
  font-weight: 800;
  color: #e30016;
}

/* 6. Knowledge Expansion In-Text Links & Footer Strip (.biserok-inline-topic-ref, .biserok-article-knowledge-expansion) */
a.biserok-inline-topic-ref {
  display: inline;
  color: #141414 !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(11, 92, 171, 0.42) !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  background: transparent;
  padding: 0;
  border-radius: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a.biserok-inline-topic-ref:hover {
  color: #0b5cab !important;
  text-decoration-color: #0b5cab !important;
}

.biserok-inline-topic-ref__badge {
  display: inline;
  margin-left: 3px;
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(11, 92, 171, 0.08);
  color: #0b5cab !important;
  font-family: var(--soviet-font-sans);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none !important;
  vertical-align: super;
  white-space: nowrap;
}

.biserok-article-knowledge-expansion {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(20, 20, 20, 0.07);
}

.biserok-article-knowledge-expansion__title {
  font-size: 12px;
  font-weight: 800;
  color: #475569;
  margin-right: 4px;
}

.biserok-article-knowledge-expansion__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

a.biserok-article-knowledge-card {
  display: flex;
  flex-direction: column;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(11, 92, 171, 0.18);
  text-decoration: none !important;
  color: #141414 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

a.biserok-article-knowledge-card:hover {
  background: #eff6ff;
  border-color: #0b5cab;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(11, 92, 171, 0.08);
}

.biserok-article-knowledge-card__badge {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e0f2fe;
  color: #0b5cab;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 6px;
}

.biserok-article-knowledge-card strong {
  font-size: 13.5px;
  line-height: 1.35;
  color: #111111;
  margin-bottom: 4px;
}

.biserok-article-knowledge-card p {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  margin: 0 !important;
}

@media screen and (max-width: 960px) {
  .biserok-inline-tech-factoid__grid,
  .biserok-article-course-item,
  .biserok-site-articles-grid,
  .biserok-article-knowledge-expansion__grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   10. LEGACY ARTICLE TYPOGRAPHY CLEANUP (.biserok-single-prose, .biserok-inline-link, .biserok-spec-list)
   ========================================================================== */

.biserok-single-prose p::before,
.biserok-single-prose ol::before,
.biserok-single-prose ul::before {
  content: none !important;
  display: none !important;
}

.biserok-single-prose h2,
.entry-content.biserok-single-prose h2 {
  font-family: var(--soviet-font-sans) !important;
  font-size: 20px !important;
  line-height: 29px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: #141414 !important;
  margin: 26px 0 12px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(20, 20, 20, 0.08) !important;
}

.biserok-single-prose h2:first-child,
.entry-content.biserok-single-prose h2:first-child {
  margin-top: 0 !important;
}

.biserok-single-prose h3:not(.biserok-article-course-footer-card__title),
.entry-content.biserok-single-prose h3:not(.biserok-article-course-footer-card__title) {
  font-family: var(--soviet-font-sans) !important;
  font-size: 18.5px !important;
  line-height: 25px !important;
  font-weight: 700 !important;
  color: #141414 !important;
  margin: 20px 0 10px !important;
}

.biserok-single-prose h4,
.entry-content.biserok-single-prose h4 {
  font-family: var(--soviet-font-sans) !important;
  font-size: 17px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  color: #141414 !important;
  margin: 16px 0 8px !important;
}

.biserok-article-course-footer-card h3.biserok-article-course-footer-card__title,
.entry-content.biserok-single-prose .biserok-article-course-footer-card h3.biserok-article-course-footer-card__title,
.biserok-article-course-footer-card .biserok-article-course-item__info h4,
.biserok-article-course-footer-card .biserok-article-course-item__info h4 a,
.entry-content.biserok-single-prose .biserok-article-course-footer-card .biserok-article-course-item__info h4,
.entry-content.biserok-single-prose .biserok-article-course-footer-card .biserok-article-course-item__info h4 a {
  color: #111111 !important;
}

.biserok-single-prose figure,
.biserok-single-prose .wp-block-image,
.entry-content.biserok-single-prose figure {
  margin: 14px 0 18px !important;
  max-width: 100% !important;
}

.biserok-single-prose h2 + figure,
.biserok-single-prose h2 + .wp-block-image,
.biserok-single-prose h3 + figure,
.biserok-single-prose h3 + .wp-block-image {
  margin-top: 10px !important;
}

.biserok-single-prose figure img,
.biserok-single-prose .wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px !important;
  border: 1px solid rgba(20, 20, 20, 0.07);
}

.biserok-single-prose figcaption {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  color: #64748b !important;
  margin: 6px 0 0 !important;
}

.biserok-single-prose ul:not(.biserok-spec-list):not(.biserok-prose-list),
.biserok-single-prose ol:not(.biserok-prose-steps) {
  margin: 0 0 18px !important;
  padding: 0 0 0 24px !important;
  max-width: none !important;
}

.biserok-single-prose ul:not(.biserok-spec-list):not(.biserok-prose-list) {
  list-style: disc outside !important;
}

.entry-content.biserok-single-prose ul:not([class*="wp-"]):not(.biserok-spec-list):not(.biserok-prose-list) > li:before,
.entry-content.biserok-single-prose ul:not(.biserok-spec-list):not(.biserok-prose-list) > li::before {
  content: none !important;
  display: none !important;
}

.biserok-single-prose ul li,
.biserok-single-prose ol li {
  transform: none !important;
  animation: none !important;
  margin: 0 0 8px !important;
  line-height: 1.55 !important;
}

.biserok-single-prose ol:not([reversed]):not([start]) {
  padding-left: 36px !important;
  list-style: none !important;
}

.biserok-single-prose ol:not([reversed]):not([start]) > li::before {
  position: absolute;
  top: 2px;
  left: -34px;
  margin-left: 0 !important;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f4f3ef;
  border: 1px solid rgba(20, 20, 20, 0.12);
  color: #141414;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  padding-top: 0;
}

/* Specification Lists for Materials & Tools (.biserok-spec-group, .biserok-spec-list) */
.biserok-spec-group {
  margin: 10px 0 16px;
  padding: 14px 18px;
  background: #faf9f6;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 12px;
}

.biserok-spec-group__title {
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  line-height: 20px;
  font-weight: 800;
  color: #141414;
  margin: 0 0 6px;
}

ul.biserok-spec-list,
.biserok-single-prose ul.biserok-spec-list {
  list-style: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  max-width: none !important;
}

.biserok-spec-group ul.biserok-spec-list {
  margin: 0 !important;
}

ul.biserok-spec-list li,
.biserok-single-prose ul.biserok-spec-list li {
  position: relative;
  padding: 3px 0 3px 18px !important;
  margin: 0 !important;
  font-family: var(--soviet-font-serif);
  font-size: 17.5px;
  line-height: 26px;
  color: #141414;
  transform: none !important;
}

ul.biserok-spec-list li::before,
.entry-content ul:not([class*="wp-"]).biserok-spec-list > li:before,
.entry-content ul.biserok-spec-list li::before,
.biserok-single-prose ul.biserok-spec-list li::before {
  content: "•" !important;
  position: absolute !important;
  left: 2px !important;
  top: 3px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  font-size: 17px !important;
  line-height: 26px !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--soviet-red, #e30016) !important;
  font-weight: 800 !important;
}

/* Anchored Inline Links (a.biserok-inline-link) */
a.biserok-inline-link {
  color: #0b5cab !important;
  font-weight: 600;
  text-decoration: underline !important;
  text-decoration-color: rgba(11, 92, 171, 0.35) !important;
  text-underline-offset: 3px !important;
  box-shadow: none !important;
  transition: color 0.14s ease, text-decoration-color 0.14s ease;
}

a.biserok-inline-link:hover {
  color: var(--soviet-red, #e30016) !important;
  text-decoration-color: rgba(227, 0, 22, 0.65) !important;
}

/* Book-Grade Prose Elements: Subheadings, Lists, Formulas, Figure Refs, Callouts, Figures & Bylines */
h3.biserok-prose-subhead,
.biserok-single-prose h3.biserok-prose-subhead,
.entry-content.biserok-single-prose h3.biserok-prose-subhead {
  font-family: var(--soviet-font-sans) !important;
  font-size: 17.5px !important;
  line-height: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #141414 !important;
  margin: 24px 0 10px !important;
  padding: 6px 0 6px 12px !important;
  border-left: 3px solid #141414 !important;
  background: linear-gradient(90deg, rgba(244, 243, 239, 0.85) 0%, rgba(244, 243, 239, 0) 100%);
}

ul.biserok-prose-list,
.biserok-single-prose ul.biserok-prose-list,
.entry-content.biserok-single-prose ul.biserok-prose-list {
  list-style: none !important;
  margin: 12px 0 18px !important;
  padding: 12px 16px 12px 18px !important;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 10px;
}

ul.biserok-prose-list li.biserok-prose-list__item,
.biserok-single-prose ul.biserok-prose-list li.biserok-prose-list__item,
.entry-content.biserok-single-prose ul.biserok-prose-list li.biserok-prose-list__item {
  list-style: none !important;
  position: relative;
  padding: 4px 0 4px 18px !important;
  margin: 0 0 6px !important;
  font-family: var(--soviet-font-serif);
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #1e293b;
}

ul.biserok-prose-list li.biserok-prose-list__item:last-child {
  margin-bottom: 0 !important;
}

ul.biserok-prose-list li.biserok-prose-list__item::before,
.entry-content ul:not([class*="wp-"]).biserok-prose-list > li.biserok-prose-list__item:before,
.entry-content.biserok-single-prose ul.biserok-prose-list > li.biserok-prose-list__item::before {
  content: "•" !important;
  display: inline-block !important;
  position: absolute !important;
  left: 2px !important;
  top: 4px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #0b5cab !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

ol.biserok-prose-steps,
.biserok-single-prose ol.biserok-prose-steps {
  counter-reset: biserok-step-counter;
  list-style: none !important;
  margin: 12px 0 18px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

ol.biserok-prose-steps > li.biserok-prose-steps__item,
.biserok-single-prose ol.biserok-prose-steps > li.biserok-prose-steps__item {
  counter-increment: biserok-step-counter;
  position: relative;
  margin: 0 !important;
  padding: 12px 16px 12px 46px !important;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 10px;
  font-family: var(--soviet-font-serif);
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #141414;
}

ol.biserok-prose-steps > li.biserok-prose-steps__item::before,
.entry-content ol:not([reversed]):not([start]).biserok-prose-steps > li.biserok-prose-steps__item:before,
.biserok-single-prose ol.biserok-prose-steps > li.biserok-prose-steps__item::before {
  content: counter(biserok-step-counter) !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  background: #141414 !important;
  color: #ffffff !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  text-align: center !important;
  border: none !important;
}

strong.biserok-prose-step-label {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 7px;
  border-radius: 6px;
  background: #f4f3ef;
  border: 1px solid #e5e0d8;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 800;
  color: #141414;
}

code.biserok-prose-formula {
  display: inline-block;
  padding: 1px 7px;
  margin: 0 2px;
  border-radius: 6px;
  background: #f4f3ef;
  border: 1px solid #e5e0d8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #141414;
}

span.biserok-prose-figref {
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1e293b;
  background: transparent;
  padding: 0;
  border: none;
  white-space: nowrap;
}

aside.biserok-prose-callout {
  margin: 16px 0 20px !important;
  padding: 13px 16px !important;
  border-radius: 10px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-left: 4px solid #d97706;
  font-family: var(--soviet-font-sans);
  font-size: 15px;
  line-height: 1.5;
  color: #1e293b;
}

.biserok-prose-callout__label {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 7px;
  border-radius: 4px;
  background: #fef3c7;
  color: #b45309;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

figure.biserok-prose-figure,
.biserok-single-prose figure.biserok-prose-figure {
  margin: 18px 0 22px !important;
  padding: 14px !important;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  text-align: center;
}

figure.biserok-prose-figure a.biserok-prose-figure__link {
  display: inline-block;
  max-width: 100%;
  text-decoration: none !important;
}

figure.biserok-prose-figure img,
.biserok-single-prose figure.biserok-prose-figure img {
  display: block;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(20, 20, 20, 0.06);
  background: #ffffff;
}

figcaption.biserok-prose-figure__caption,
.biserok-single-prose figcaption.biserok-prose-figure__caption {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #475569 !important;
  margin: 10px 0 0 !important;
  text-align: center;
}

footer.biserok-prose-byline {
  margin: 20px 0 12px !important;
  padding: 10px 14px !important;
  border-top: 1px solid #e5e0d8;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  color: #475569;
}

.biserok-prose-byline__label {
  font-weight: 700;
  color: #141414;
}

/* ==========================================================================
   11. SEASONAL RELEVANCE & GLOBAL "АКТУАЛЬНОЕ" BLOCK (.biserok-seasonal-actual)
   ========================================================================== */

.biserok-seasonal-actual {
  margin: 0 0 22px;
  font-family: var(--soviet-font-sans);
}

.biserok-seasonal-actual--footer-global {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 28px auto 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.biserok-seasonal-actual--footer-global .biserok-seasonal-actual__inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.biserok-seasonal-actual--header {
  margin: 8px 0 16px;
}

.biserok-seasonal-actual__inner {
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  border: 1px solid rgba(11, 92, 171, 0.14);
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
  box-sizing: border-box;
}

.biserok-seasonal-actual--header .biserok-seasonal-actual__inner {
  padding: 14px 18px;
}

.biserok-seasonal-actual__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.biserok-seasonal-actual__kicker {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #0b5cab;
  margin-bottom: 4px;
}

.biserok-seasonal-actual__heading {
  font-family: var(--soviet-font-sans) !important;
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 800 !important;
  color: #141414 !important;
  margin: 0 !important;
}

.biserok-seasonal-actual--header .biserok-seasonal-actual__heading {
  font-size: 17px !important;
  line-height: 22px !important;
}

.biserok-seasonal-actual__subtitle {
  font-size: 13.5px;
  line-height: 19px;
  color: #475569;
  margin: 6px 0 0 !important;
  max-width: 720px;
}

.biserok-seasonal-actual__switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

a.biserok-seasonal-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.12);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #1e293b !important;
  text-decoration: none !important;
  transition: all 0.14s ease;
}

a.biserok-seasonal-pill:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}

a.biserok-seasonal-pill.is__active {
  background: #141414;
  border-color: #141414;
  color: #ffffff !important;
}

.biserok-seasonal-actual__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.biserok-seasonal-actual--header .biserok-seasonal-actual__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.biserok-seasonal-card {
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}

.biserok-seasonal-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

a.biserok-seasonal-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: inherit !important;
}

.biserok-seasonal-card__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f4f3ef;
}

.biserok-seasonal-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.biserok-seasonal-card__body {
  padding: 9px 11px 11px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.biserok-seasonal-card__tag {
  font-size: 11px;
  font-weight: 800;
  color: #0b5cab;
}

.biserok-seasonal-card__title {
  font-size: 13.5px;
  line-height: 17px;
  font-weight: 700;
  color: #141414;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.biserok-seasonal-actual__footer {
  margin-top: 12px;
  text-align: right;
}

a.biserok-seasonal-actual__more {
  font-size: 13.5px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
}

/* ==========================================================================
   12. ARCHITECTURAL EDITORIAL FOOTER (#colophon.site-footer.biserok-editorial-footer)
   ========================================================================== */

#colophon.site-footer.biserok-editorial-footer {
  background: #141414 !important;
  color: #e2e8f0 !important;
  border-top: 0 !important;
  margin-top: 44px !important;
  padding: 44px 0 32px !important;
  font-family: var(--soviet-font-sans) !important;
}

.biserok-editorial-footer__container {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* 1. Topics, Difficulty & Color Swatches Card */
.biserok-footer-topics-card {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  margin-bottom: 28px;
}

.biserok-footer-topics-card__title {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
  margin-bottom: 10px;
}

.biserok-footer-topics-card__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

a.biserok-footer-topic-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13.5px;
  line-height: 17px;
  font-weight: 600;
  color: #f8fafc !important;
  text-decoration: none !important;
  transition: background-color 0.14s ease, border-color 0.14s ease;
}

a.biserok-footer-topic-pill:hover {
  background: #e30016;
  border-color: #e30016;
  color: #ffffff !important;
}

.biserok-footer-color-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #cbd5e1;
  flex-shrink: 0;
}

/* 2. All 24 Beadwork Rubrics Showcase */
.biserok-footer-rubrics {
  padding: 22px 24px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  margin-bottom: 32px;
}

.biserok-footer-rubrics__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.biserok-footer-rubrics__title {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

a.biserok-footer-rubrics__all {
  font-size: 13.5px;
  font-weight: 700;
  color: #bae6fd !important;
  text-decoration: none !important;
}

.biserok-footer-rubrics__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 14px;
}

a.biserok-footer-rubric-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0 !important;
  font-size: 13.5px;
  line-height: 17px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.14s ease, color 0.14s ease;
}

a.biserok-footer-rubric-item:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
}

.biserok-footer-rubric-item__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.biserok-footer-rubric-item__count {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.08);
  padding: 1px 7px;
  border-radius: 999px;
  flex-shrink: 0;
}

/* 3. 4-Column Architectural Directory */
.biserok-footer-columns {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

a.biserok-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
  margin-bottom: 12px;
}

.biserok-footer-brand__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #e30016;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
}

.biserok-footer-brand__text strong {
  display: block;
  font-size: 17px;
  line-height: 21px;
  color: #ffffff;
}

.biserok-footer-brand__text small {
  display: block;
  font-size: 12px;
  color: #94a3b8;
}

.biserok-footer-brand__desc {
  font-size: 13.5px;
  line-height: 19px;
  color: #cbd5e1;
  margin: 0 0 14px !important;
}

.biserok-footer-brand__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

a.biserok-footer-cta-btn,
button.biserok-footer-pay-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none !important;
}

a.biserok-footer-cta-btn {
  background: #e30016;
  color: #ffffff !important;
}

button.biserok-footer-pay-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff !important;
}

.biserok-footer-col__heading {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  margin: 0 0 12px !important;
}

ul.biserok-footer-col__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

ul.biserok-footer-col__list li {
  margin: 0 0 8px !important;
  padding: 0 !important;
  transform: none !important;
}

ul.biserok-footer-col__list li a {
  color: #cbd5e1 !important;
  font-size: 13.5px !important;
  line-height: 19px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.14s ease;
}

ul.biserok-footer-col__list li a:hover {
  color: #ffffff !important;
}

/* 4. Bottom Legal & Payment Methods Bar */
.biserok-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 20px;
  font-size: 13.5px;
  color: #94a3b8;
}

.biserok-footer-bottom__payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.biserok-footer-pay-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #f8fafc;
}

/* ==========================================================================
   13. INDIVIDUAL PAYMENT ACCEPTANCE & PRINTABLE PDF MODAL (.biserok-paywall-modal)
   ========================================================================== */

button.biserok-tutorial-bar__btn--paywall {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
}

button.biserok-tutorial-bar__btn--paywall.is__unlocked {
  background: #166534 !important;
  border-color: #166534 !important;
  color: #ffffff !important;
}

.biserok-single-marginalia__card--paywall {
  background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%);
  border-color: rgba(11, 92, 171, 0.22);
}

button.biserok-single-marginalia__btn--paywall {
  background: #0b5cab !important;
  color: #ffffff !important;
  border: 0;
  cursor: pointer;
}

.biserok-paywall-status-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #f0fdf4;
  border: 1px solid #dcfce7;
  font-family: var(--soviet-font-sans);
  font-size: 13.5px;
  font-weight: 700;
  color: #166534;
}

.biserok-paywall-status-banner__print {
  padding: 5px 12px;
  border-radius: 999px;
  border: 0;
  background: #15803d;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.biserok-paywall-gated__preview {
  margin: 18px 0;
  padding: 20px 22px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  border: 1.5px dashed #bae6fd;
  font-family: var(--soviet-font-sans);
}

.biserok-paywall-open-btn {
  margin-top: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 0;
  background: #0b5cab;
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
}

.biserok-paywall-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-family: var(--soviet-font-sans);
}

.biserok-paywall-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.62);
  backdrop-filter: blur(4px);
}

.biserok-paywall-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  background: #ffffff;
  border-radius: 16px;
  padding: 26px 28px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

.biserok-paywall-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  background: #f1f5f9;
  color: #334155;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

.biserok-paywall-modal__kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #0b5cab;
  margin-bottom: 4px;
}

.biserok-paywall-modal__title {
  font-size: 21px !important;
  line-height: 26px !important;
  font-weight: 800 !important;
  color: #141414 !important;
  margin: 0 0 6px !important;
}

.biserok-paywall-modal__subtitle {
  font-size: 13.5px;
  color: #475569;
  margin: 0 0 16px !important;
}

.biserok-paywall-plans {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.biserok-paywall-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1.5px solid #e2e8f0;
  background: #f8fafc;
  cursor: pointer;
}

.biserok-paywall-plan.is__selected {
  border-color: #0b5cab;
  background: #eff6ff;
}

.biserok-paywall-plan__name {
  font-size: 13.5px;
  font-weight: 800;
  color: #141414;
}

.biserok-paywall-plan__badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #e30016;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}

.biserok-paywall-plan__desc {
  display: block;
  font-size: 12px;
  color: #475569;
  margin-top: 2px;
}

.biserok-paywall-plan__price {
  font-size: 17px;
  font-weight: 900;
  color: #141414;
  white-space: nowrap;
}

.biserok-paywall-methods-title {
  font-size: 13.5px;
  font-weight: 800;
  color: #334155;
  margin-bottom: 8px;
}

.biserok-paywall-methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

.biserok-paywall-method {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1.5px solid #e2e8f0;
  cursor: pointer;
}

.biserok-paywall-method.is__selected {
  border-color: #141414;
  background: #f8fafc;
}

.biserok-paywall-method__badge {
  padding: 3px 8px;
  border-radius: 6px;
  background: #141414;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}

.biserok-paywall-method__info strong {
  display: block;
  font-size: 13.5px;
  color: #141414;
}

.biserok-paywall-method__info small {
  display: block;
  font-size: 12px;
  color: #64748b;
}

.biserok-paywall-submit-btn {
  width: 100%;
  padding: 13px 18px;
  border-radius: 999px;
  border: 0;
  background: #e30016;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}

.biserok-paywall-checkout-box {
  padding: 16px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
}

.biserok-paywall-checkout-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.biserok-paywall-checkout-box__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.biserok-paywall-ext-btn {
  display: inline-flex;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #0b5cab;
  color: #ffffff !important;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
}

.biserok-paywall-back-btn {
  border: 0;
  background: transparent;
  color: #475569;
  font-size: 13.5px;
  cursor: pointer;
}

.biserok-paywall-msg {
  margin-top: 10px;
  font-size: 13.5px;
  font-weight: 700;
  color: #0b5cab;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .biserok-seasonal-actual__grid,
  .biserok-seasonal-actual--header .biserok-seasonal-actual__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .biserok-footer-topics-card,
  .biserok-footer-columns {
    grid-template-columns: 1fr;
  }

  .biserok-footer-rubrics__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .biserok-post-nav-card__thumb {
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 92px !important;
  }

  .biserok-footer-rubrics__grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  #site-header,
  .biserok-global-subnav,
  .biserok-seasonal-actual,
  .biserok-tutorial-bar,
  .biserok-single-marginalia,
  .biserok-tutorial-ugc-callout,
  .biserok-post-navigation,
  #comments,
  #colophon,
  .biserok-mobile-tabbar,
  .biserok-paywall-modal,
  .goto-top {
    display: none !important;
  }

  .biserok-single-layout {
    display: block !important;
  }

  .biserok-single-main {
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   14. LESSON JTBD (JOBS TO BE DONE), LEARNING OUTCOMES & VISUAL MK CATALOG
   ========================================================================== */

.biserok-tech-card__jtbd {
  padding: 10px 12px;
  border-radius: 10px;
  background: #faf9f6;
  border: 1px solid #f4f3ef;
  border-left: 3px solid #e30016;
  font-size: 13.5px;
  line-height: 1.48;
  color: #141414;
}

.biserok-tech-card__jtbd strong {
  color: #141414;
  display: inline-block;
  margin-right: 4px;
}

.biserok-tech-card__spec a {
  color: #0b5cab !important;
  text-decoration: none;
  font-weight: 700;
}

.biserok-tech-card__spec a:hover {
  color: #e30016 !important;
  text-decoration: underline;
}

.biserok-lesson-jtbd-box {
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.03);
}

.biserok-lesson-jtbd-box__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e0d8;
}

.biserok-lesson-jtbd-box__header .biserok-course-h2 {
  font-size: 21px;
  line-height: 1.25;
  margin: 0;
}

.biserok-lesson-jtbd-box__quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.biserok-jtbd-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.biserok-jtbd-card {
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  padding: 15px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.biserok-jtbd-card--purpose {
  border-top: 3px solid #e30016;
}

.biserok-jtbd-card--outcomes {
  border-top: 3px solid #0b5cab;
}

.biserok-jtbd-card--example {
  border-top: 3px solid #d97706;
}

.biserok-jtbd-card__tag {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
}

.biserok-jtbd-card--purpose .biserok-jtbd-card__tag {
  color: #e30016;
}

.biserok-jtbd-card--outcomes .biserok-jtbd-card__tag {
  color: #0b5cab;
}

.biserok-jtbd-card--example .biserok-jtbd-card__tag {
  color: #b45309;
}

.biserok-jtbd-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  color: #141414;
}

.biserok-jtbd-card__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.52;
  color: #334155;
}

.biserok-jtbd-card__UseCases {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed #e5e0d8;
  font-size: 12px;
  line-height: 1.4;
  color: #475569;
}

.biserok-jtbd-card__UseCases strong {
  display: block;
  color: #141414;
  margin-top: 2px;
}

.biserok-jtbd-outcomes-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.biserok-jtbd-outcomes-list li {
  position: relative;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.44;
  color: #141414;
}

.biserok-jtbd-outcomes-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  color: #0b5cab;
}

.biserok-jtbd-starter-callout {
  margin-top: auto;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  font-size: 12px;
  line-height: 1.42;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.biserok-jtbd-starter-callout span {
  display: block;
  color: #b45309;
  font-size: 11px;
}

.biserok-jtbd-starter-callout strong a {
  color: #141414 !important;
  text-decoration: underline;
}

.biserok-jtbd-starter-callout__link {
  color: #e30016 !important;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none !important;
}

/* Visual Masterclass Cards Grid */
.biserok-mk-visual-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  gap: 16px;
}

.biserok-mk-visual-card {
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.biserok-mk-visual-card:hover {
  transform: translateY(-2px);
  border-color: #141414;
  box-shadow: 0 10px 24px rgba(20, 20, 20, 0.08);
}

.biserok-mk-visual-card__thumb {
  position: relative;
  display: block;
  background: #f4f3ef;
  height: 176px;
  overflow: hidden;
  border-bottom: 1px solid #f4f3ef;
}

.biserok-mk-visual-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}

.biserok-mk-visual-card:hover .biserok-mk-visual-card__thumb img {
  transform: scale(1.04);
}

.biserok-mk-visual-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.84);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(4px);
}

.biserok-mk-visual-card__body {
  padding: 14px 15px 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.biserok-mk-visual-card__kicker {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #e30016;
}

.biserok-mk-visual-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.32;
}

.biserok-mk-visual-card__title a {
  color: #141414 !important;
  text-decoration: none !important;
}

.biserok-mk-visual-card__title a:hover {
  color: #e30016 !important;
}

.biserok-mk-visual-card__what {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #334155;
}

.biserok-mk-visual-card__skill {
  padding: 7px 10px;
  border-radius: 10px;
  background: #f4f3ef;
  font-size: 12px;
  line-height: 1.4;
  color: #141414;
}

.biserok-mk-visual-card__skill span {
  font-weight: 700;
  color: #0b5cab;
}

.biserok-mk-visual-card__footer {
  margin-top: auto;
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.biserok-mk-visual-card__ugc-link {
  font-size: 12px;
  font-weight: 700;
  color: #0b5cab !important;
  text-decoration: none !important;
}

.biserok-mk-visual-card__ugc-link:hover {
  color: #e30016 !important;
  text-decoration: underline !important;
}

/* Catalog Rubrics Bar inside Lessons */
.biserok-catalog-rubrics-bar {
  margin-top: 16px;
  padding: 15px 18px;
  border-radius: 12px;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.biserok-catalog-rubrics-bar__kicker {
  display: block;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  margin-bottom: 3px;
}

.biserok-catalog-rubrics-bar__info strong {
  font-size: 13.5px;
  color: #141414;
}

.biserok-catalog-rubrics-bar__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.biserok-catalog-rubric-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d8d2c7;
  color: #141414 !important;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.15s ease;
}

.biserok-catalog-rubric-pill strong {
  color: #0b5cab;
  font-weight: 800;
}

.biserok-catalog-rubric-pill:hover {
  border-color: #141414;
  background: #f4f3ef;
}

.biserok-catalog-rubric-pill--ugc {
  background: #fff1f2;
  border-color: #fecdd3;
}

.biserok-catalog-rubric-pill--ugc strong {
  color: #e30016;
}

@media screen and (max-width: 960px) {
  .biserok-jtbd-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   15. MOBILE RESPONSIVE REFINEMENTS across all pages & components (<= 768px / 600px / 480px)
   ========================================================================== */

@media screen and (max-width: 768px) {
  .wrap,
  .has-sidebar .wrap,
  .biserok-wrap--full,
  .biserok-course-container,
  .biserok-course-shell .biserok-single-article,
  .biserok-seasonal-actual--footer-global,
  .biserok-editorial-footer__container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Prevent back-to-top button from overlapping the sticky bottom mobile tab bar */
  .goto-top,
  .goto-top.backtotop,
  a.goto-top {
    bottom: 74px !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    z-index: 1850 !important;
  }

  /* Seasonal actual block on tablet & mobile */
  .biserok-seasonal-actual {
    padding: 15px 14px !important;
    margin: 0 0 18px !important;
    border-radius: 12px !important;
  }

  .biserok-seasonal-actual--footer {
    margin: 18px 0 8px !important;
  }

  .biserok-seasonal-actual__heading {
    font-size: 17px !important;
    line-height: 23px !important;
  }

  .biserok-seasonal-actual__switcher {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
    margin-bottom: 12px !important;
  }

  .biserok-seasonal-actual__switcher::-webkit-scrollbar {
    display: none;
  }

  .biserok-seasonal-actual__pill {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }

  .biserok-seasonal-actual__grid,
  .biserok-seasonal-actual--header .biserok-seasonal-actual__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .biserok-seasonal-card__body {
    padding: 9px 10px 11px !important;
  }

  .biserok-seasonal-card__title {
    font-size: 13.5px !important;
    line-height: 17px !important;
  }

  /* Expanded global subnav drawer on mobile */
  .biserok-global-subnav.is__expanded .biserok-global-subnav__more {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px;
    max-height: 220px;
    overflow-y: auto;
    padding-top: 8px;
  }
}

@media screen and (max-width: 600px) {
  /* Directory (/soderzhanie/) & Course grids */
  .biserok-directory-grid,
  .biserok-mk-visual-grid {
    grid-template-columns: 1fr !important;
  }

  .biserok-course-container,
  .biserok-course-shell .biserok-single-article {
    padding: 0 12px !important;
  }

  .biserok-course-filterbar__search {
    min-width: 0 !important;
    width: 100% !important;
    flex-direction: column;
    align-items: stretch;
  }

  .biserok-step-detail-card {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .biserok-sim-controls {
    padding: 10px 12px !important;
    gap: 6px !important;
  }

  .biserok-sim-btn {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  .biserok-sim-hud {
    padding: 14px 12px !important;
  }

  /* Single article components on mobile */
  .biserok-inline-tech-factoid {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }

  .biserok-article-course-footer-card {
    padding: 14px !important;
  }

  .biserok-tutorial-ugc-callout {
    flex-direction: column;
    align-items: stretch !important;
    padding: 16px 14px !important;
  }

  .biserok-tutorial-ugc-callout__actions {
    flex-direction: column;
    width: 100%;
  }

  .biserok-tutorial-ugc-callout__btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  .biserok-post-nav-card {
    padding: 12px !important;
    gap: 10px !important;
  }

  .biserok-post-nav-card__thumb {
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 72px !important;
  }

  /* Comments & discussion cards on mobile */
  li.biserok-comment-card--reply > .biserok-comment-card__body {
    margin-left: 10px !important;
  }

  .biserok-comment-list .children {
    margin: 8px 0 0 10px !important;
    padding: 0 0 0 10px !important;
  }

  .biserok-comment-card__body {
    padding: 13px 14px !important;
  }

  .biserok-comment-card__header {
    flex-wrap: wrap;
    gap: 8px;
  }

  .biserok-comment-composer-card {
    padding: 16px 14px !important;
  }

  .biserok-ugc-mode-bar {
    flex-direction: column;
  }

  .biserok-ugc-mode-btn {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 480px) {
  .biserok-sim-hud__steps {
    grid-template-columns: 1fr !important;
  }

  .biserok-auth-buttons {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   SAME-SCREEN INTERACTIVE STEPS & ROW WORKBENCH (Course v2.1)
   ========================================================================== */

/* 1. Main Simulator Full-Width Illustration + Zero-Jump Fixed-Height Step Bar */
.biserok-interactive-simulator .biserok-sim-controls {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 8px !important;
  padding: 8px 12px !important;
  height: auto !important;
  min-height: 50px;
  max-height: none !important;
  box-sizing: border-box;
  overflow: visible !important;
}

.biserok-interactive-simulator .biserok-sim-controls__left,
.biserok-interactive-simulator .biserok-sim-controls__center,
.biserok-interactive-simulator .biserok-sim-controls__right {
  flex-wrap: wrap !important;
  gap: 5px !important;
  white-space: nowrap;
}

.biserok-interactive-simulator .biserok-sim-btn {
  padding: 5px 9px !important;
  font-size: 11.5px !important;
  white-space: nowrap;
}

.biserok-interactive-simulator .js-sim-step-label {
  display: inline-block;
  min-width: 116px;
  text-align: left;
}

.biserok-interactive-simulator .biserok-sim-scrubber {
  width: 84px !important;
}

.biserok-sim-workbench-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0;
  border-top: 1px solid #e5e0d8;
}

.biserok-sim-workbench-grid .biserok-sim-canvas {
  width: 100%;
  border-right: 0 !important;
  border-bottom: 1px solid #e5e0d8;
  padding: 12px 14px;
  display: block;
  box-sizing: border-box;
}

.biserok-sim-workbench-grid .biserok-sim-canvas svg {
  width: 100% !important;
  height: auto !important;
  display: block;
}

.biserok-sim-workbench-grid .biserok-sim-hud {
  border-top: 0;
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 12px 16px 14px;
  background: #faf9f6;
  box-sizing: border-box;
}

.biserok-sim-workbench-grid .biserok-sim-hud__steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px;
}

.biserok-sim-workbench-grid .biserok-sim-step-card {
  height: 58px;
  min-height: 58px;
  max-height: 58px;
  padding: 7px 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.biserok-sim-workbench-grid .biserok-sim-step-card__title {
  font-size: 12px;
  line-height: 1.22;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.biserok-sim-workbench-grid .biserok-sim-hud__status {
  display: grid !important;
  grid-template-columns: minmax(0, 1.58fr) minmax(240px, 0.82fr);
  gap: 14px;
  align-items: start;
  height: 162px;
  min-height: 162px;
  max-height: 162px;
  overflow-y: auto;
  padding: 12px 14px;
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  box-sizing: border-box;
}

.biserok-sim-workbench-grid .biserok-sim-hud__title {
  font-size: 15px;
  line-height: 1.25;
  margin: 0 0 4px;
}

.biserok-sim-workbench-grid .biserok-sim-hud__desc {
  font-size: 13.5px;
  line-height: 1.42;
  margin: 0;
}

.biserok-sim-workbench-grid .biserok-sim-hud__check {
  margin: 0;
  font-size: 12px;
  line-height: 1.38;
  padding: 8px 11px;
}

/* 2. Technique Step-by-Step Interactive Cards (Text + Controls Left, Large SVG Illustration Right) */
.biserok-step-detail-card.biserok-step-interactive-card {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.82fr) minmax(420px, 1.38fr) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 18px 20px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5e0d8 !important;
  box-shadow: 0 4px 16px rgba(20, 20, 20, 0.04);
}

.biserok-step-detail-card__head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.biserok-step-detail-card__nodes-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #bae6fd;
  color: #0b5cab;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800;
  white-space: nowrap;
}

.biserok-step-card-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #e5e0d8;
}

.biserok-step-card-telemetry {
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700;
  color: #475569;
  margin-left: auto;
}

.biserok-step-detail-card__visual {
  min-width: 0;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  padding: 6px;
}

.biserok-step-detail-card__visual svg {
  display: block;
  width: 100%;
  height: auto;
}

/* 3. Pattern Same-Screen Workbench (Left = Large Full SVG Chart, Right = Live Step-by-Step Row Navigator) */
.biserok-active-row-banner {
  min-height: 62px;
  height: 62px;
  max-height: 62px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.biserok-pattern-same-screen-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(240px, 0.72fr);
  gap: 0;
  align-items: stretch;
  border-top: 1px solid #e5e0d8;
}

.biserok-pattern-same-screen-grid .biserok-sim-canvas {
  border-right: 1px solid #e5e0d8;
  padding: 12px 14px;
}

.biserok-pat-live-steps-panel {
  display: flex;
  flex-direction: column;
  background: #faf9f6;
  max-height: 540px;
}

.biserok-pat-live-steps-panel__head {
  padding: 12px 14px;
  border-bottom: 1px solid #e5e0d8;
  background: #f4f3ef;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.biserok-pat-live-steps-panel__head strong {
  font-size: 13.5px;
  color: #141414;
}

.biserok-pat-live-steps-panel__head span {
  font-size: 12px;
  color: #64748b;
}

.biserok-pat-live-steps-list {
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.biserok-pat-side-step {
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 10px;
  padding: 9px 11px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.biserok-pat-side-step:hover {
  border-color: #94a3b8;
}

.biserok-pat-side-step.is__focused {
  border-color: #e30016;
  background: #fff1f2;
  box-shadow: 0 2px 8px rgba(227, 0, 22, 0.12);
}

.biserok-pat-side-step.is__completed {
  opacity: 0.65;
  background: #f0fdf4;
  border-color: #dcfce7;
}

.biserok-pat-side-step__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 4px;
}

.biserok-pat-side-step__check-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  color: #141414;
  cursor: pointer;
}

.biserok-pat-side-step__dir {
  font-size: 11px;
  font-weight: 700;
  color: #0b5cab;
}

.biserok-pat-side-step__formula {
  font-size: 12px;
  color: #475569;
  margin-bottom: 6px;
}

/* 4. Per-Row Interactive Step Cards with Inline Row SVG Illustration */
.biserok-row-steps-cards-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}

.biserok-row-step-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 1.05fr);
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e5e0d8;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.biserok-row-step-card.is__focused {
  border-color: #e30016;
  box-shadow: 0 4px 16px rgba(227, 0, 22, 0.1);
}

.biserok-row-step-card.is__completed {
  background: #f8fafc;
  border-color: #dcfce7;
}

.biserok-row-step-card__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.biserok-row-step-card__check-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.biserok-row-step-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  border-radius: 999px;
  background: #141414;
  color: #ffffff;
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800;
  white-space: nowrap;
}

.biserok-row-step-card__formula {
  font-family: var(--soviet-font-sans) !important;
  font-size: 13.5px;
  color: #334155;
  margin-bottom: 8px;
}

.biserok-row-step-card__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e5e0d8;
}

.biserok-row-card-telemetry {
  font-family: var(--soviet-font-sans) !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #0b5cab;
  margin-left: auto;
}

.biserok-row-step-card__visual {
  min-width: 0;
}

.biserok-row-step-card__visual svg {
  display: block;
  width: 100%;
  height: auto;
}

.biserok-word-chart-compact-details {
  margin-top: 12px;
  background: #faf9f6;
  border: 1px solid #e5e0d8;
  border-radius: 12px;
  padding: 10px 14px;
}

.biserok-word-chart-compact-details summary {
  cursor: pointer;
  font-size: 13.5px;
  font-weight: 700;
  color: #0b5cab;
}

@media screen and (max-width: 920px) {
  .biserok-sim-workbench-grid,
  .biserok-pattern-same-screen-grid,
  .biserok-step-detail-card.biserok-step-interactive-card,
  .biserok-row-step-card {
    grid-template-columns: 1fr !important;
  }

  .biserok-sim-workbench-grid .biserok-sim-canvas,
  .biserok-pattern-same-screen-grid .biserok-sim-canvas {
    border-right: 0;
    border-bottom: 1px solid #e5e0d8;
  }
}

/* ==========================================================================
   Visual-First Cards (Primary = Illustration, Secondary = Concise Caption)
   ========================================================================== */

.biserok-course-hero--visual-first {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px;
}

.biserok-course-hero--visual-first .biserok-course-hero__visual {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e5e0d8;
  background: #faf9f6;
}

.biserok-course-hero__caption-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 6px;
}

.biserok-course-hero__caption-title {
  margin: 0 0 2px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: #141414 !important;
}

.biserok-course-hero__caption-sub {
  margin: 0 !important;
  font-size: 13.5px;
  color: #475569;
}

.biserok-visual-caption-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e5e0d8;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.biserok-visual-caption-card:hover {
  transform: translateY(-2px);
  border-color: #d8d2c7;
  box-shadow: 0 8px 22px rgba(20, 20, 20, 0.06);
}

.biserok-tech-card.biserok-visual-caption-card {
  padding: 0 !important;
}

.biserok-tech-card__visual-link {
  display: block;
  background: #faf9f6;
  border-bottom: 1px solid #e5e0d8;
  padding: 10px;
}

.biserok-tech-card__visual-link img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.biserok-tech-card__caption-box {
  padding: 12px 16px 14px;
}

.biserok-tech-card__caption-box .biserok-tech-card__title {
  margin: 0 0 4px !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}

.biserok-tech-card__caption-sub {
  margin: 0 !important;
  font-size: 13.5px;
  line-height: 1.42;
  color: #475569;
}

.biserok-pattern-card.biserok-visual-caption-card {
  content-visibility: auto;
  contain-intrinsic-size: 360px 330px;
}

.biserok-pattern-card.biserok-visual-caption-card .biserok-pattern-card__preview {
  position: relative;
  padding: 10px;
  background: #faf9f6;
  border-bottom: 1px solid #e5e0d8;
}

.biserok-pattern-card.biserok-visual-caption-card .biserok-pattern-card__svg-link {
  display: block;
}

.biserok-pattern-card.biserok-visual-caption-card .biserok-pattern-card__svg-link img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.biserok-pattern-card.biserok-visual-caption-card .biserok-pattern-card__body {
  padding: 11px 14px 13px !important;
}

.biserok-pattern-card.biserok-visual-caption-card .biserok-pattern-card__title {
  margin: 0 0 3px !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.biserok-pattern-card__caption {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #475569 !important;
}

.biserok-mk-visual-card.biserok-visual-caption-card .biserok-mk-visual-card__body {
  padding: 11px 14px 13px !important;
}

.biserok-mk-visual-card.biserok-visual-caption-card .biserok-mk-visual-card__title {
  margin: 0 0 4px !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.biserok-mk-visual-card.biserok-visual-caption-card .biserok-mk-visual-card__what {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  color: #475569 !important;
}

/* Global Pill, Badge & SVG Text Protection (Prevents inherited serif/line-height clipping) */
.biserok-svg-root,
.biserok-svg-root text,
.biserok-step-inline-svg,
.biserok-step-inline-svg text,
.biserok-row-step-svg,
.biserok-row-step-svg text,
.biserok-sim-btn,
.biserok-SelectColor-btn,
.biserok-course-badge,
.biserok-course-kicker,
.biserok-pattern-card__code,
.biserok-pattern-card__type,
.biserok-tech-card__num,
.biserok-tech-card__cal,
.biserok-tech-card__badge,
.biserok-single-header__cat,
.biserok-tutorial-bar__btn,
.ds-btn,
.ds-badge {
  font-family: var(--soviet-font-sans) !important;
  line-height: 1.25 !important;
}

.biserok-pattern-card__code,
.biserok-pattern-card__type,
.biserok-tech-card__num,
.biserok-tech-card__cal,
.biserok-tech-card__badge,
.biserok-course-badge,
.biserok-single-header__cat,
.biserok-inline-factoid-step-btn,
.ds-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 12px !important;
  height: auto !important;
  line-height: 1.25 !important;
  font-family: var(--soviet-font-sans) !important;
  white-space: nowrap;
}

/* ==========================================================================
   Canonical Prototype Synchronization Contract (Zero-Drift CSSOM & Geometry)
   Prototypes: pinterest-feed.html, soviet-index.html, soviet-single.html, sprosit-sovet.html
   ========================================================================== */

/* Seam 1: Unified Top Header & Brand & Nav & CTA */
#site-header.site-header.biserok-unified-header.biserok-top-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 11px max(20px, calc(50vw - 620px)) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  box-shadow: none !important;
}

#site-header-search.site-search.biserok-header-search:not(.active),
.site-search.biserok-header-search:not(.active) {
  display: none !important;
}

#site-header-search.site-search.biserok-header-search.active,
body.show-search #site-header-search.site-search.biserok-header-search,
.site-search.biserok-header-search.active {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 12px max(20px, calc(50vw - 620px)) !important;
  box-sizing: border-box !important;
  z-index: 40 !important;
}

#site-header.site-header.biserok-unified-header.biserok-top-header.is__splash-merged {
  background: var(--soviet-header-bg, #dcf1ff) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: none !important;
}

.biserok-top-header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.biserok-brand {
  font-family: var(--soviet-font-sans) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #111111 !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  flex-shrink: 0 !important;
}

.biserok-brand span,
.biserok-brand .biserok-brand-sub {
  display: none !important;
}

.biserok-top-nav {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: 0 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.biserok-top-nav a {
  color: #111111 !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  border-bottom: 2px solid transparent !important;
}

.biserok-top-nav a.is__active,
.biserok-top-nav a:hover {
  color: #e30016 !important;
  border-bottom-color: #e30016 !important;
}

.biserok-header-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.biserok-ugc-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  color: #111111 !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  text-decoration: none !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
}

.biserok-ugc-cta:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

.biserok-header-search-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  background: transparent !important;
  color: #111111 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

.biserok-header-search-btn:hover {
  border-color: #111111 !important;
  color: #e30016 !important;
}

/* Seam 2: Single Soviet Vertical Axis & 750px/280px Grid (soviet-single.html) */
.biserok-soviet-webpage {
  --soviet-key-color: #e30016;
  --soviet-link-color: #116196;
  --soviet-visited-color: #6b4c9a;
  --soviet-text-color: #111111;
  --soviet-muted-color: rgba(0, 0, 0, 0.52);
  --soviet-rule-color: rgba(0, 0, 0, 0.12);
  background: #ffffff !important;
  color: #111111 !important;
  font: 20px/27px var(--soviet-font-serif) !important;
  padding: 27px max(20px, calc(50vw - 620px)) 72px !important;
  max-width: none !important;
  margin: 0 !important;
}

.biserok-soviet-theme--blue {
  --soviet-header-bg: #dcf1ff;
  --soviet-header-accent: #0f4c81;
}

.biserok-soviet-theme--rose,
.biserok-soviet-theme--berry {
  --soviet-header-bg: #ffe4e8;
  --soviet-header-accent: #c4123c;
}

.biserok-soviet-theme--mint {
  --soviet-header-bg: #dff5ea;
  --soviet-header-accent: #0f6b4a;
}

.biserok-soviet-theme--amber {
  --soviet-header-bg: #fff1d6;
  --soviet-header-accent: #9a5200;
}

.biserok-soviet-theme--violet {
  --soviet-header-bg: #efe6ff;
  --soviet-header-accent: #5b21b6;
}

.biserok-soviet-Splash {
  background-color: var(--soviet-header-bg, #dcf1ff) !important;
  margin: -27px calc(-1 * max(20px, calc(50vw - 620px))) 27px !important;
  padding: 36px max(20px, calc(50vw - 620px)) 45px !important;
  position: relative !important;
}

.biserok-soviet-Splash-top {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin-bottom: 27px !important;
  font: 15px/18px var(--soviet-font-sans) !important;
}

.biserok-soviet-Splash-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 750px) minmax(200px, 280px) !important;
  gap: 54px !important;
  align-items: start !important;
}

.biserok-soviet-Title {
  font: 900 clamp(28px, 3.8vw, 44px)/1.12 var(--soviet-font-sans) !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 22px !important;
  color: #111111 !important;
}

.biserok-soviet-QuestionText {
  font: 19px/27px var(--soviet-font-serif) !important;
  color: #111111 !important;
}

.biserok-soviet-QuestionText p {
  margin: 0 0 14px !important;
}

.biserok-soviet-QuestionPhoto img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12) !important;
}

.biserok-soviet-QuestionAuthor {
  font: 300 16px/21px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.72) !important;
  margin: 0 !important;
}

.biserok-soviet-Undersplash {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  padding: 9px 0 18px !important;
  margin-bottom: 54px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.biserok-soviet-AdvisorAvatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 700 22px/1 var(--soviet-font-sans) !important;
}

.biserok-soviet-AdvisorName {
  font: 700 18px/22px var(--soviet-font-sans) !important;
  margin: 0 !important;
}

.biserok-soviet-AdvisorRole {
  font: 300 14px/18px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.52) !important;
  margin: 2px 0 0 !important;
}

.biserok-soviet-Date {
  font: 300 15px/18px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.52) !important;
}

.biserok-soviet-BodyGrid {
  display: grid !important;
  grid-template-columns: minmax(0, 750px) minmax(220px, 280px) !important;
  gap: 54px !important;
  align-items: start !important;
}

.biserok-soviet-AnswerContent {
  font: 20px/27px var(--soviet-font-serif) !important;
  color: #111111 !important;
}

.biserok-soviet-AnswerContent p {
  margin: 0 0 18px !important;
}

.biserok-soviet-AnswerContent h2,
.biserok-soviet-AnswerContent h3 {
  font: 700 24px/27px var(--soviet-font-sans) !important;
  margin: 36px 0 9px !important;
  color: #111111 !important;
}

.biserok-soviet-AnswerContent ol,
.biserok-soviet-AnswerContent ul {
  padding-left: 24px !important;
  margin: 0 0 18px !important;
}

.biserok-soviet-AnswerContent ol > li::before,
.biserok-soviet-AnswerContent ul > li::before,
.biserok-soviets-aside-list > li::before {
  content: none !important;
  display: none !important;
}

.biserok-soviet-AnswerContent ol > li,
.biserok-soviet-AnswerContent ul > li {
  padding-left: 0 !important;
  margin-bottom: 9px !important;
  font: 20px/27px var(--soviet-font-serif) !important;
}

.biserok-soviet-AnswerContent blockquote {
  margin: 22px 0 !important;
  padding: 14px 20px !important;
  background: #f3f5f4 !important;
  border-left: 3px solid #e30016 !important;
  font: italic 19px/27px var(--soviet-font-serif) !important;
  border-radius: 0 !important;
}

.biserok-soviet-Marginalia {
  font: 15px/21px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.72) !important;
}

.biserok-soviet-Sidenote {
  margin-bottom: 36px !important;
  padding: 9px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.biserok-soviet-Sidenote h4 {
  font: 700 14px/18px var(--soviet-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: rgba(0, 0, 0, 0.52) !important;
  margin: 0 0 6px !important;
}

.biserok-soviet-Sidenote p {
  margin: 0 0 9px !important;
}

.biserok-soviet-Tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 36px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.biserok-soviet-TagItem {
  font: 14px/18px var(--soviet-font-sans) !important;
  padding: 5px 10px 4px !important;
  border-radius: 3px !important;
  background: #f2f2f2 !important;
  color: #111111 !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* Seam 3: Soviet Index (/soviet/ — soviet-index.html) */
.biserok-soviet-top {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin-bottom: 27px !important;
}

.biserok-soviet-heading {
  font: 900 clamp(38px, 5.5vw, 64px)/1.05 var(--soviet-font-sans) !important;
  letter-spacing: -0.025em !important;
  margin: 0 !important;
  color: #111111 !important;
}

.biserok-soviet-sticky-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 20px 10px !important;
  border-radius: 4px !important;
  background-color: #e30016 !important;
  color: #ffffff !important;
  font: 700 16px/18px var(--soviet-font-sans) !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.biserok-soviet-sticky-btn:hover {
  background-color: #c20013 !important;
  color: #ffffff !important;
}

.biserok-iconostasis {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  gap: 18px !important;
  margin: 0 0 36px !important;
}

.biserok-iconostasis-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 215px !important;
  padding: 15px 16px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  color: #111111 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.biserok-iconostasis-card.theme-blue {
  background-color: #dcf1ff !important;
}

.biserok-iconostasis-card.theme-rose,
.biserok-iconostasis-card.theme-berry {
  background-color: #ffe4e8 !important;
}

.biserok-iconostasis-card.theme-mint {
  background-color: #dff5ea !important;
}

.biserok-iconostasis-card.theme-amber {
  background-color: #fff1d6 !important;
}

.biserok-iconostasis-card.theme-violet {
  background-color: #efe6ff !important;
}

.biserok-iconostasis-avatar {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 700 18px/1 var(--soviet-font-sans) !important;
  margin-bottom: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.biserok-iconostasis-tag {
  font: 700 11px/14px var(--soviet-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: rgba(0, 0, 0, 0.52) !important;
  margin-bottom: 5px !important;
}

.biserok-iconostasis-title {
  font: 700 16px/19px var(--soviet-font-sans) !important;
  margin: 0 0 10px !important;
  color: #111111 !important;
}

.biserok-iconostasis-author {
  font: 300 14px/18px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.7) !important;
  margin-top: auto !important;
}

.biserok-special-columns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 27px !important;
  padding: 0 !important;
  list-style: none !important;
}

.biserok-special-pill {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  padding: 6px 11px 5px !important;
  border-radius: 3px !important;
  background-color: #f2f2f2 !important;
  color: #111111 !important;
  font: 400 15px/18px var(--soviet-font-sans) !important;
  text-decoration: none !important;
  border: 0 !important;
}

.biserok-special-pill:hover {
  background-color: #e5e5e5 !important;
  color: #e30016 !important;
}

.biserok-special-pill.is__active {
  background-color: #111111 !important;
  color: #ffffff !important;
}

.biserok-special-pill-count {
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.45) !important;
}

.biserok-soviet-rule-bar {
  display: grid !important;
  grid-template-columns: 6fr 10fr !important;
  gap: 27px !important;
  align-items: center !important;
  padding: 18px 0 !important;
  margin-bottom: 36px !important;
  border-top: 2px solid #111111 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.biserok-soviet-rule-text {
  font: 400 16px/21px var(--soviet-font-sans) !important;
  margin: 0 !important;
}

.biserok-soviet-quick-ask {
  display: flex !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
}

.biserok-soviet-quick-input {
  flex: 1 1 auto !important;
  font: 400 16px/24px var(--soviet-font-sans) !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111111 !important;
  height: auto !important;
}

.biserok-soviet-quick-submit {
  font: 700 16px/24px var(--soviet-font-sans) !important;
  padding: 8px 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #111111 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  height: auto !important;
}

.biserok-soviet-spread {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 54px !important;
}

.biserok-soviets-main,
.biserok-soviets-list {
  flex: 12 1 640px !important;
  min-width: 0 !important;
}

.biserok-soviets-aside {
  flex: 4 1 260px !important;
  max-width: 320px !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

.biserok-soviets-list .s {
  margin: 0 0 27px !important;
  font: 400 24px/27px var(--soviet-font-serif) !important;
}

.biserok-soviets-list .s > a,
.biserok-soviets-list .s .s-title {
  color: #116196 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(17, 97, 150, 0.25) !important;
  text-underline-offset: 3px !important;
}

.biserok-soviets-list .s > a:hover,
.biserok-soviets-list .s .s-title:hover {
  color: #e30016 !important;
  text-decoration-color: rgba(227, 0, 22, 0.35) !important;
}

.biserok-soviets-list .s .s-question-snippet {
  display: block !important;
  margin-top: 5px !important;
  font: 400 17px/23px var(--soviet-font-serif) !important;
  color: rgba(0, 0, 0, 0.68) !important;
}

.biserok-soviets-list .s small {
  display: block !important;
  margin-top: 5px !important;
  font: 300 16px/18px var(--soviet-font-sans) !important;
  color: #111111 !important;
}

.biserok-soviets-list .s small > u {
  text-decoration: none !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%) !important;
  background-size: 1px 1px !important;
  background-position: 0 95% !important;
}

.biserok-soviets-aside-card {
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 27px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.biserok-soviets-aside-title {
  font: 700 18px/22px var(--soviet-font-sans) !important;
  margin: 0 0 12px !important;
}

.biserok-soviets-aside-list li {
  margin-bottom: 10px !important;
  font: 400 15px/20px var(--soviet-font-sans) !important;
}

/* Seam 4: Ask Form (/sprosit-sovet/ — sprosit-sovet.html) & Comment Composer */
.biserok-soviet-webpage.is__ask-page > .biserok-soviet-heading {
  margin-bottom: 18px !important;
}

.biserok-soviet-webpage.is__ask-page > p {
  display: none !important;
}

.biserok-ask-form-card {
  max-width: 820px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.biserok-ask-backlink {
  margin: 0 0 12px !important;
  font: 400 15px/20px var(--soviet-font-sans) !important;
}

.biserok-ask-backlink a {
  color: #116196 !important;
  text-decoration: none !important;
}

.biserok-ask-form-lead {
  font: 400 18px/25px var(--soviet-font-sans) !important;
  color: #333333 !important;
  margin: 0 0 27px !important;
}

.hmm-advice-ask-form.biserok-editorial-form {
  background: #ffffff !important;
  border: 0 !important;
  border-top: 2px solid #111111 !important;
  border-radius: 0 !important;
  padding: 27px 0 0 !important;
  box-shadow: none !important;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-fieldsetRow,
.sovietAskForm-fieldsetRow {
  display: grid !important;
  grid-template-columns: 190px 1fr !important;
  gap: 9px 24px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

.hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__label,
.hmm-advice-ask-form__label {
  font: 700 16px/27px var(--soviet-font-sans) !important;
  color: #111111 !important;
  padding-top: 6px !important;
  margin: 0 !important;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control input[type="text"],
.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control input[type="email"],
.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control select,
.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control textarea,
.sovietAskForm-control input[type="text"],
.sovietAskForm-control input[type="email"],
.sovietAskForm-control select,
.sovietAskForm-control textarea {
  width: 100% !important;
  font: 400 19px/27px var(--soviet-font-serif) !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #111111 !important;
  height: auto !important;
  box-shadow: none !important;
}

.hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-hint,
.sovietAskForm-hint {
  display: block !important;
  margin-top: 5px !important;
  font: 400 13px/18px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.52) !important;
}

.hmm-advice-ask-form.biserok-editorial-form .Uploader-Attach,
.Uploader-Attach {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 82px !important;
  padding: 27px 18px !important;
  border: 2px dashed rgba(0, 0, 0, 0.22) !important;
  border-radius: 4px !important;
  background-color: #f3f5f4 !important;
  font: 400 16px/21px var(--soviet-font-sans) !important;
  color: #333333 !important;
  cursor: pointer !important;
  text-align: center !important;
}

.hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__submit,
.hmm-advice-ask-form__submit {
  display: inline-block !important;
  font: 700 18px/24px var(--soviet-font-sans) !important;
  padding: 12px 28px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #e30016 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  height: auto !important;
}

#primary > .biserok-soviet-Comments,
.biserok-soviet-Comments {
  width: 100% !important;
  max-width: 750px !important;
  margin: 54px 0 0 !important;
  padding: 36px 0 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.biserok-soviet-Comments-title {
  font: 700 28px/32px var(--soviet-font-sans) !important;
  margin: 0 0 9px !important;
  color: #111111 !important;
}

.biserok-soviet-Comments-subtitle {
  font: 400 15px/20px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.52) !important;
  margin: 0 0 27px !important;
}

.biserok-soviet-Comments .biserok-comment-composer-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.biserok-ugc-mode-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.biserok-ugc-mode-tab {
  font: 700 14px/18px var(--soviet-font-sans) !important;
  padding: 8px 14px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  background: #ffffff !important;
  color: #111111 !important;
  cursor: pointer !important;
}

.biserok-ugc-mode-tab.is__active {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

.biserok-soviet-Comments #respond textarea#comment {
  width: 100% !important;
  font: 400 17px/24px var(--soviet-font-serif) !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
  background: #ffffff !important;
}

.biserok-soviet-Comments #respond .form-submit input#submit,
.biserok-soviet-Comments #respond .form-submit button[type="submit"] {
  font: 700 15px/20px var(--soviet-font-sans) !important;
  padding: 10px 22px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #111111 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

/* Seam 5: Pinterest Feed (pinterest-feed.html) */
body.home {
  background: #faf9f6 !important;
}

.biserok-global-subnav.biserok-pin-filterbar {
  background: transparent !important;
  border-bottom: 0 !important;
  padding: 12px max(20px, calc(50vw - 620px)) 0 !important;
  margin: 0 !important;
}

.biserok-global-subnav__inner.biserok-pin-filters {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scrollbar-width: none;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  max-width: none !important;
}

.biserok-global-subnav__inner.biserok-pin-filters::-webkit-scrollbar {
  display: none;
}

.biserok-pin-pill,
.ds-btn.biserok-pin-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: #f2f2f2 !important;
  color: #111111 !important;
  font-family: var(--soviet-font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  height: auto !important;
}

.biserok-pin-pill:hover,
.ds-btn.biserok-pin-pill:hover {
  background: #e5e5e5 !important;
  color: #111111 !important;
}

.biserok-pin-pill.is__active,
.ds-btn.biserok-pin-pill.is__active {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

a.biserok-pin-pill--soviet,
.ds-btn.biserok-pin-pill--soviet {
  background: #ffe4e8 !important;
  color: #c4123c !important;
  border-color: transparent !important;
}

.wrap.biserok-feed-wrap {
  padding: 0 max(20px, calc(50vw - 620px)) 64px !important;
  max-width: none !important;
  margin: 0 !important;
}

.wrap.biserok-feed-wrap #main,
.wrap.biserok-feed-wrap #primary {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

#masonry-container.masonry-container,
.biserok-masonry {
  display: block !important;
  columns: 4 270px !important;
  column-gap: 20px !important;
  width: 100% !important;
  height: auto !important;
  position: static !important;
}

#masonry-container.masonry-container > article.biserok-pin-card,
#masonry-container.masonry-container > article.biserok-pin-card--advice {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  break-inside: avoid !important;
  margin: 0 0 22px !important;
  display: inline-block !important;
  vertical-align: top !important;
}

article.biserok-pin-card {
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

article.biserok-pin-card .post-thumbnail,
article.biserok-pin-card .biserok-pin-card__thumb {
  background: transparent !important;
}

article.biserok-pin-card .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.biserok-pin-card__badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  background: rgba(17, 17, 17, 0.78) !important;
  color: #ffffff !important;
  font: 700 12px/1.2 var(--soviet-font-sans) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
}

.biserok-pin-card__badge--ugc {
  background: #e30016 !important;
}

.biserok-pin-card__save {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 2 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #111111 !important;
  border: 0 !important;
  font: 700 12px/1.2 var(--soviet-font-sans) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
}

.biserok-pin-card__save:hover,
.biserok-pin-card__save.is__saved {
  background: #e30016 !important;
  color: #ffffff !important;
}

.biserok-pin-card__body {
  padding: 12px 14px 14px !important;
}

.biserok-pin-card__title,
.biserok-pin-card__title a,
article.biserok-pin-card .entry-title,
article.biserok-pin-card .entry-title a {
  font: 700 16px/20px var(--soviet-font-sans) !important;
  color: #111111 !important;
  text-decoration: none !important;
  margin: 0 0 6px !important;
}

.biserok-pin-meta {
  font: 400 13px/17px var(--soviet-font-sans) !important;
  color: rgba(0, 0, 0, 0.58) !important;
  margin: 0 0 10px !important;
}

.biserok-pin-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
  font: 700 12px/1.2 var(--soviet-font-sans) !important;
  color: #116196 !important;
}

article.biserok-pin-card--advice {
  border-radius: 14px !important;
  background: #dcf1ff !important;
  border: 1px solid rgba(17, 97, 150, 0.2) !important;
  padding: 18px !important;
  box-shadow: none !important;
}

.biserok-pin-card--advice__rubric {
  font: 900 11px/14px var(--soviet-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #116196 !important;
  margin: 0 0 6px !important;
}

.biserok-pin-card--advice__title,
.biserok-pin-card--advice__title a {
  font: 700 20px/24px var(--soviet-font-sans) !important;
  color: #111111 !important;
  text-decoration: none !important;
  margin: 0 0 10px !important;
}

.biserok-pin-card--advice__quote {
  font: 400 15px/20px var(--soviet-font-serif) !important;
  color: rgba(0, 0, 0, 0.75) !important;
  margin: 0 0 12px !important;
}

/* Global Interactive Course & Inline Factoid Safeguards */
.biserok-active-row-banner {
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.biserok-pat-side-step__top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px 8px !important;
}

.biserok-pat-side-step__check-label {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.biserok-inline-tech-factoid {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.biserok-inline-tech-factoid svg,
.biserok-inline-tech-factoid img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media (max-width: 1060px) {
  #primary > .biserok-soviet-Comments,
  .wrap-comments.biserok-soviet-Comments,
  .biserok-soviet-Comments {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 960px) {
  /* Biserok Editorial Two-Row Responsive Header (Row 1: Brand + CTA, Row 2: Edge-to-Edge Scrollable Menu) */
  #site-header.site-header.biserok-unified-header.biserok-top-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px 0 !important;
    gap: 0 !important;
  }

  #site-header.is__splash-merged.biserok-soviet-theme--blue {
    background-color: #dcf1ff !important;
  }

  #site-header.is__splash-merged.biserok-soviet-theme--rose,
  #site-header.is__splash-merged.biserok-soviet-theme--berry {
    background-color: #ffe4e8 !important;
  }

  #site-header.is__splash-merged.biserok-soviet-theme--mint {
    background-color: #dff5ea !important;
  }

  #site-header.is__splash-merged.biserok-soviet-theme--amber {
    background-color: #fff1d6 !important;
  }

  #site-header.is__splash-merged.biserok-soviet-theme--violet {
    background-color: #efe6ff !important;
  }

  .biserok-brand span,
  .biserok-brand .biserok-brand-sub {
    display: none !important;
  }

  .biserok-top-nav,
  nav.biserok-header-nav.biserok-top-nav {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    flex: 0 0 calc(100% + 40px) !important;
    margin: 10px -20px 0 !important;
    padding: 10px 20px 10px !important;
    gap: 24px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

  .biserok-top-nav::-webkit-scrollbar {
    display: none;
  }

  .biserok-top-nav a,
  nav.biserok-header-nav.biserok-top-nav a.biserok-header-nav__link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font: 400 18px/22px var(--soviet-font-sans) !important;
    color: #111111 !important;
    padding: 0 0 6px !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .biserok-top-nav a.is__active,
  nav.biserok-header-nav.biserok-top-nav a.biserok-header-nav__link.is__active {
    color: #e30016 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #e30016 !important;
  }

  /* Biserok Editorial Mobile Page Padding (20px) & Typography Scale */
  .biserok-soviet-webpage {
    padding: 18px 20px 64px !important;
  }

  .biserok-soviet-heading {
    font: 700 32px/32px var(--soviet-font-sans) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 24px !important;
  }

  /* Floating Sticky Red "Спросить совета" Button on Mobile Archive (/soviet/) */
  .biserok-soviet-top {
    margin-bottom: 0 !important;
  }

  .biserok-soviet-top-actions .biserok-soviet-sticky-btn {
    position: fixed !important;
    right: 20px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 95 !important;
    padding: 11px 20px 10px !important;
    font: 700 18px/22px var(--soviet-font-sans) !important;
    background-color: #e30016 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 16px rgba(227, 0, 22, 0.28) !important;
  }

  /* Biserok Editorial Horizontal Scrollable Iconostasis on Mobile (3.2 columns visible) */
  .biserok-iconostasis-wrapper {
    margin: 0 -20px 22px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .biserok-iconostasis {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 20px 8px !important;
  }

  .biserok-iconostasis::-webkit-scrollbar {
    display: none;
  }

  .biserok-iconostasis-col {
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  .biserok-iconostasis-card {
    min-height: 164px !important;
    padding: 12px 10px !important;
    border-radius: 6px !important;
    justify-content: flex-start !important;
  }

  .biserok-iconostasis-avatar {
    width: 54px !important;
    height: 54px !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }

  .biserok-iconostasis-tag {
    color: #e30016 !important;
    font: 700 12px/15px var(--soviet-font-sans) !important;
    margin-bottom: 4px !important;
  }

  .biserok-iconostasis-title {
    font: 700 15px/18px var(--soviet-font-sans) !important;
    margin: 0 0 6px !important;
  }

  .biserok-iconostasis-author {
    font: 300 13px/16px var(--soviet-font-sans) !important;
    margin-top: auto !important;
  }

  /* Biserok Editorial Horizontal Scrollable Special Rubrics Strip on Mobile */
  .biserok-special-columns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px !important;
    margin: 0 -20px 24px !important;
    padding: 0 20px 6px !important;
  }

  .biserok-special-columns::-webkit-scrollbar {
    display: none;
  }

  .biserok-special-pill,
  .biserok-special-more {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* Biserok Editorial Soviets List on Mobile */
  .biserok-soviets-list .s {
    font: 400 20px/27px var(--soviet-font-serif) !important;
    margin: 0 0 22px !important;
  }

  .biserok-soviets-list .s .s-question-snippet {
    font: 400 16px/22px var(--soviet-font-serif) !important;
  }

  /* Biserok Editorial Single Soviet Mobile Layout (/soviet/) */
  .biserok-soviet-Splash-nav,
  .biserok-soviet-SiblingNav,
  .device-desktop-hint {
    display: none !important;
  }

  .biserok-soviet-Splash {
    margin: -18px -20px 18px !important;
    padding: 27px 20px 36px !important;
  }

  .biserok-soviet-Splash-topBar,
  .biserok-soviet-Splash-top {
    margin-bottom: 18px !important;
    font: 700 16px/18px var(--soviet-font-sans) !important;
  }

  .biserok-soviet-Title {
    font: 700 32px/32px var(--soviet-font-sans) !important;
    margin: 0 0 18px !important;
  }

  .biserok-soviet-Question,
  .biserok-soviet-QuestionText {
    font: 400 20px/27px var(--soviet-font-serif) !important;
    margin: 0 0 27px !important;
  }

  .biserok-soviet-Undersplash {
    margin: 0 0 36px !important;
    padding: 9px 0 18px !important;
  }

  .biserok-soviet-Undersplash .biserok-soviet-sticky-btn {
    display: none !important;
  }

  .biserok-soviet-SplashAvatar {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }

  .biserok-soviet-SplashAvatar-image {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .biserok-soviet-SplashAvatar-name a {
    font: 400 16px/18px var(--soviet-font-sans) !important;
    color: #116196 !important;
  }

  .biserok-soviet-SplashAvatar-role {
    font: 300 16px/18px var(--soviet-font-sans) !important;
    color: #111111 !important;
    margin-top: 2px !important;
  }

  .biserok-soviet-Splash-grid,
  .biserok-soviet-BodyGrid {
    grid-template-columns: 1fr !important;
    gap: 27px !important;
  }

  /* Hide desktop 6:10 prompt rule-bar on mobile so soviets list starts right on screen 1 (matching /soviet/) */
  .biserok-soviet-rule-bar {
    display: none !important;
  }

  /* Biserok Editorial Mobile Ask Form (/sprosit-sovet/ — /soviet/) */
  .biserok-ask-form-lead {
    font: 400 16px/21px var(--soviet-font-sans) !important;
    color: #111111 !important;
    margin: 0 0 27px !important;
  }

  .hmm-advice-ask-form.biserok-editorial-form {
    border-top: 0 !important;
    padding: 0 !important;
  }

  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-fieldsetRow,
  .sovietAskForm-fieldsetRow {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    margin-bottom: 22px !important;
  }

  .hmm-advice-ask-form.biserok-editorial-form .hmm-advice-ask-form__label,
  .hmm-advice-ask-form__label {
    font: 400 20px/27px var(--soviet-font-sans) !important;
    color: #111111 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control input[type="text"],
  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control input[type="email"],
  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control select,
  .hmm-advice-ask-form.biserok-editorial-form .sovietAskForm-control textarea,
  .sovietAskForm-control input[type="text"],
  .sovietAskForm-control input[type="email"],
  .sovietAskForm-control select,
  .sovietAskForm-control textarea {
    font: 400 16px/22px var(--soviet-font-sans) !important;
    padding: 4px 0 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .biserok-soviet-spread {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .biserok-soviets-main,
  .biserok-soviets-list,
  .biserok-soviets-aside {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .biserok-step-detail-card.biserok-step-interactive-card,
  .biserok-pattern-same-screen-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  #site-header.site-header.biserok-unified-header.biserok-top-header {
    padding: 12px 20px 0 !important;
    gap: 0 !important;
  }

  .biserok-brand,
  a.biserok-brand {
    font-size: 20px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .biserok-ugc-cta,
  a.biserok-ugc-cta {
    padding: 6px 11px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Horizontal Pill Strips on Mobile (Subnav & Seasonal Switcher) */
  .biserok-global-subnav.biserok-pin-filterbar {
    padding: 14px 14px 0 !important;
  }

  .biserok-global-subnav__inner,
  .biserok-global-subnav__inner.biserok-pin-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 0 0 4px !important;
  }

  .biserok-pin-pill,
  .ds-btn.biserok-pin-pill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
  }

  .biserok-seasonal-actual__switcher,
  .biserok-seasonal-switcher {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 4px !important;
  }

  .biserok-seasonal-pill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 13px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
    width: auto !important;
  }

  /* Interactive Beading Course Simulator on Mobile */
  .biserok-sim-workbench-grid .biserok-sim-hud__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .biserok-sim-workbench-grid .biserok-sim-step-card {
    height: auto !important;
    min-height: 54px !important;
    max-height: none !important;
    padding: 8px 10px !important;
  }

  .biserok-sim-workbench-grid .biserok-sim-hud__status {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .biserok-active-row-banner {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }

  .biserok-factoid-step-trainer {
    grid-template-columns: 1fr !important;
  }

  /* Mobile 2-Column True Masonry Feed */
  .wrap.biserok-feed-wrap {
    padding: 0 12px 76px !important;
  }

  #masonry-container.masonry-container,
  .biserok-masonry {
    display: block !important;
    columns: 2 140px !important;
    column-gap: 10px !important;
    width: 100% !important;
  }

  #masonry-container.masonry-container > article.biserok-pin-card,
  #masonry-container.masonry-container > article.biserok-pin-card--advice {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    break-inside: avoid !important;
    vertical-align: top !important;
  }

  .biserok-pin-card__badge {
    display: none !important;
  }

  .biserok-pin-card__save {
    top: 8px !important;
    right: 8px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
  }

  .biserok-pin-card__body {
    padding: 10px 10px 11px !important;
  }

  .biserok-pin-card__title,
  .biserok-pin-card__title a,
  article.biserok-pin-card .entry-title,
  article.biserok-pin-card .entry-title a {
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 0 4px !important;
  }

  .biserok-pin-meta {
    font-size: 11px !important;
    line-height: 14px !important;
    margin: 0 0 8px !important;
  }

  .biserok-pin-card__footer {
    gap: 6px !important;
    padding-top: 7px !important;
    font-size: 11px !important;
  }

  .biserok-pin-card__ugc-link {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }

  .biserok-pin-card__comments-count {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Single Article Prose & Comments on Mobile */
  .biserok-single-prose h2 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .biserok-single-prose h3,
  .biserok-single-prose h4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .biserok-single-prose p,
  .biserok-single-prose li {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  #primary > .biserok-soviet-Comments,
  .wrap-comments.biserok-soviet-Comments,
  .biserok-soviet-Comments {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 27px 0 0 !important;
    padding: 20px 0 0 !important;
    box-sizing: border-box !important;
  }

  /* Move Floating Back-To-Top Above Sticky Mobile Bottom Tabbar */
  a.goto-top.backtotop,
  .goto-top,
  .backtotop {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 90 !important;
  }
}

.biserok-special-more {
  display: inline-block;
}

.biserok-special-more > summary {
  list-style: none;
  cursor: pointer;
}

.biserok-special-more > summary::-webkit-details-marker {
  display: none;
}

.biserok-special-more[open] {
  flex-basis: 100%;
}

/* ==========================================================================
   First-Screen Visual Budget & Editorial Hierarchy Optimization
   ========================================================================== */

/* Hide legacy bottom mobile tabbar globally (navigation lives in top header) */
.biserok-mobile-tabbar {
  display: none !important;
}

/* Hover-only pin save button on desktop feed cards so resting grid has zero overlay noise */
@media (hover: hover) and (pointer: fine) {
  article.biserok-pin-card .biserok-pin-card__save:not(.is__saved) {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.16s ease !important;
  }

  article.biserok-pin-card:hover .biserok-pin-card__save,
  article.biserok-pin-card:focus-within .biserok-pin-card__save {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Single Master-Class Article: Compact First Screen (Title + Photo + Lead Text Above the Fold) */
body.single-post .wrap,
body.single-post .container.the-post {
  padding-top: 16px !important;
}

.biserok-single-header {
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
}

.biserok-single-header__kicker {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 6px !important;
}

.biserok-single-header__cat,
a.biserok-single-header__cat {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  color: #116196 !important;
  font: 700 13px/18px var(--soviet-font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

.biserok-single-header__cat:hover,
a.biserok-single-header__cat:hover {
  color: #e30016 !important;
}

.biserok-single-header__title,
h1.biserok-single-header__title {
  font: 900 clamp(26px, 3.2vw, 38px)/1.12 var(--soviet-font-sans) !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  color: #111111 !important;
}

.biserok-single-hero-figure {
  margin: 0 0 16px !important;
  max-height: 360px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.biserok-single-hero-figure img {
  display: block !important;
  width: 100% !important;
  max-height: 360px !important;
  object-fit: cover !important;
}

.biserok-single-main > .biserok-tutorial-bar {
  margin: 24px 0 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Category & Tag Archive: Compact First Screen (Cards Visible at y ~ 170px) */
body.archive .wrap {
  padding-top: 14px !important;
}

.biserok-archive-hero {
  margin: 0 0 16px !important;
  padding: 6px 0 12px !important;
}

.biserok-archive-hero__kicker {
  margin: 0 0 4px !important;
  font-size: 12px !important;
}

.biserok-archive-hero__title,
.biserok-archive-hero .page-title {
  font: 900 clamp(24px, 3vw, 36px)/1.12 var(--soviet-font-sans) !important;
  margin: 0 0 6px !important;
}

.biserok-archive-hero__desc {
  margin: 0 !important;
  font: 400 15px/21px var(--soviet-font-serif) !important;
  max-width: 760px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Interactive Course Hub (/kurs-biseropleteniya/): 9 Technique Cards Immediately Above the Fold */
.biserok-course-container {
  padding-top: 16px !important;
}

#course-techniques-9 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#course-techniques-9 .biserok-course-section__head {
  margin-bottom: 14px !important;
}

#course-techniques-9 .biserok-course-h1 {
  font: 900 clamp(26px, 3.2vw, 38px)/1.12 var(--soviet-font-sans) !important;
  margin: 4px 0 6px !important;
}

#course-techniques-9 .biserok-course-lead {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 21px !important;
}

@media (max-width: 960px) {
  #site-header.site-header.biserok-unified-header.biserok-top-header {
    padding: 10px 16px 0 !important;
  }

  .biserok-top-nav,
  nav.biserok-header-nav.biserok-top-nav {
    width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    flex: 0 0 calc(100% + 32px) !important;
    margin: 8px -16px 0 !important;
    padding: 8px 16px 8px !important;
    gap: 18px !important;
  }

  .biserok-top-nav a,
  nav.biserok-header-nav.biserok-top-nav a.biserok-header-nav__link {
    font: 500 16px/20px var(--soviet-font-sans) !important;
    padding: 0 0 4px !important;
  }

  .biserok-header-search-btn {
    width: 30px !important;
    height: 30px !important;
  }

  .biserok-single-hero-figure,
  .biserok-single-hero-figure img {
    max-height: 230px !important;
  }

  .biserok-soviet-top-actions .biserok-soviet-sticky-btn {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  a.goto-top.backtotop,
  .goto-top,
  .backtotop {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}