/* KB v9: 2025-11-09 03:17 */).

/* =========================
   KB article page (dark)
   ========================= */

/* Page bg + base text */
body.single-kb_article{
  background:#171717;
  color: rgba(223,223,223,.75);
}

/* Keep dark bg inside Blocksy containers */
.single-kb_article #main-container,
.single-kb_article .site-main{ background:#171717; }

/* ---------- Layout (MacBook-like width) ---------- */
/* Глобальные (мобильные) значения */
:root{
  --kb-side-pad: 16px;   /* горизонтальные отступы на мобиле */
  --kb-top-gap: 24px;    /* расстояние от хедера до контента на мобиле */
  --kb-orange: #FF5300;  /* фирменный цвет крошек/иконок */
}

/* Десктопные значения */
@media (min-width: 1024px){
  :root{
    --kb-side-pad: 24px;
    --kb-top-gap: 48px;
  }
}

.single-kb_article .kb-article{
  max-width:780px;
  margin:0 auto;
  padding:var(--kb-top-gap) var(--kb-side-pad) 64px;
}
@media (max-width:1280px){ .single-kb_article .kb-article{ max-width:740px; } }
@media (min-width:1536px) and (max-width:1599px){ .single-kb_article .kb-article{ max-width:820px; } }
@media (min-width:1600px){ .single-kb_article .kb-article{ max-width:880px; } }
@media (min-width:1920px){ .single-kb_article .kb-article{ max-width:920px; } }

/* Header block */
.single-kb_article .kb-hero{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-bottom:48px;      /* было 32px */
  padding-bottom:0;        /* убрали внутренний зазор под линию */
  border-bottom:none;      /* убрали серую полосу */
}
@media (max-width:768px){
  .single-kb_article .kb-hero{ margin-bottom:36px; }
}

/* ---------- Typography inside the article ---------- */
/* Больше НЕ задаём локальные размеры h1/h2/h3 — они приходят из pcdna-fonts.css.
   Здесь только базовый цвет для обычного текста. */
.single-kb_article .kb-article{ color: rgba(223,223,223,.75); }

/* Lists / Blockquote */
.single-kb_article .kb-article .entry-content ul,
.single-kb_article .kb-article .entry-content ol{
  padding-left:1.2em; margin:0 0 1em;
}
.single-kb_article .kb-article blockquote{
  margin:1.2em 0; padding:.8em 1em;
  border-left:3px solid #3F3F46;
  background:#0F0F10; color:rgba(223,223,223,.9);
  border-radius:8px;
}

/* Code blocks */
.single-kb_article .kb-article pre,
.single-kb_article .kb-article code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.single-kb_article .kb-article pre{
  background:#0F0F10; color:#F7F7F7;
  padding:14px 16px; border-radius:10px; overflow:auto;
  border:1px solid rgba(255,255,255,.06);
}

/* Links in content */
.single-kb_article .kb-article .entry-content a{ color:#60A5FA; }
.single-kb_article .kb-article .entry-content a:hover{ color:#93C5FD; text-decoration:underline; }

/* Gutenberg helpers */
.kb-section{ margin:2.0em 0 1.6em; border-top:1px solid rgba(255,255,255,.08); padding-top:1.2em; }
.kb-section > h2, .kb-section > h3{ margin-top:.2em; }
.kb-faq details{
  background:#0F0F10; border:1px solid rgba(255,255,255,.06);
  border-radius:10px; padding:12px 14px; margin:10px 0;
}
.kb-faq summary{ cursor:pointer; }
.kb-popular{ margin-top:2.2em; padding-top:1.2em; border-top:1px solid rgba(255,255,255,.08); }
.kb-popular ul{ margin:.6em 0 0 1.2em; }

/* ===== Breadcrumbs: full-bleed (desktop) + aligned (mobile) ===== */
.single-kb_article .kb-breadcrumbs{
  display: flex;
  align-items: center;
  padding-top: 36px;   /* ↑ отступ от хедера */
  padding-bottom: 12px; /* ↓ отступ до заголовка */
  margin: 0 0 40px 0;  /* запас под крупные заголовки */
}

@media (min-width:1025px){
  .single-kb_article .kb-breadcrumbs{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 40px;
    padding-right: 32px;
    left: auto;
  }

  /* если приподнимаешь крошки */
  .single-kb_article .kb-breadcrumbs{
    position: relative;
    top: -15px; /* правь тут на -7px/-10px по вкусу */
  }
}
/* Общая переменная для ширины контента, чтобы крошки и контент совпадали */
:root{
  --kb-max: 780px;
}
@media (max-width:1280px){ :root{ --kb-max: 740px; } }
@media (min-width:1536px) and (max-width:1599px){ :root{ --kb-max: 820px; } }
@media (min-width:1600px){ :root{ --kb-max: 880px; } }
@media (min-width:1920px){ :root{ --kb-max: 920px; } }

@media (max-width:1023px){
  .single-kb_article .kb-breadcrumbs{
    width: 100% !important;
    margin: 0px 0 40px !important; /* ↑ отступ сверху */
    padding: 0 !important;
  }
  .single-kb_article .kb-breadcrumbs #breadcrumbs{
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* Yoast container: ПОДМЕНИЛ шрифт на Neue Montreal */
.single-kb_article #breadcrumbs{
  margin: 0;
  padding: 0;
  font-family: "Neue Montreal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

/* links & separators */
.single-kb_article #breadcrumbs a{
  color:var(--kb-orange) !important; text-decoration:none;
}
.single-kb_article #breadcrumbs a:hover{ text-decoration:underline; }
.single-kb_article #breadcrumbs .separator,
.single-kb_article #breadcrumbs .kb-sep{
  color:var(--kb-orange); padding:0 4px; margin:0 2px;
}
.single-kb_article #breadcrumbs .breadcrumb_last{ color:var(--kb-orange); }

/* SVG arrow only before Home */
.single-kb_article #breadcrumbs span:first-child > a{ position:relative; padding-left:0; }
.single-kb_article #breadcrumbs span:first-child > a::before{
  content:""; display:inline-block; width:20px; height:20px;
  margin-right:8px; background-color:var(--kb-orange);
  -webkit-mask: url("http://pc-dna.com/wp-content/uploads/2025/11/arrow-right.svg") no-repeat center / contain;
          mask: url("http://pc-dna.com/wp-content/uploads/2025/11/arrow-right.svg") no-repeat center / contain;
  transform-origin:50% 50%; transition:transform .25s ease; vertical-align:-2px;
}
.single-kb_article #breadcrumbs span:first-child > a:hover::before{ transform:rotate(180deg); }
.single-kb_article #breadcrumbs span:not(:first-child) > a::before{ content:none !important; }

/* ---------- Dates under title ---------- */
.single-kb_article .kb-dates{
  display:flex; align-items:center; gap:10px;
  margin:6px 0 0; color:#8B8B8B; font-size:14px; line-height:1.4;
}
.single-kb_article .kb-date{ display:inline-flex; align-items:center; gap:8px; color:#8B8B8B; }
.single-kb_article .kb-date-label{ opacity:.9; margin-right:4px; }
.single-kb_article .kb-date-sep{ color:#8B8B8B; opacity:.85; margin:0 2px; }

/* Icons via mask */
.single-kb_article .kb-ico{ width:16px; height:16px; display:inline-block; background-color:#8B8B8B; opacity:.95; flex:0 0 16px; }
.single-kb_article .kb-ico-calendar{
  -webkit-mask:url("http://pc-dna.com/wp-content/uploads/2025/11/calendar.svg") no-repeat center / contain;
          mask:url("http://pc-dna.com/wp-content/uploads/2025/11/calendar.svg") no-repeat center / contain;
}
.single-kb_article .kb-ico-refresh{
  -webkit-mask:url("http://pc-dna.com/wp-content/uploads/2025/11/refresh-ccw.svg") no-repeat center / contain;
          mask:url("http://pc-dna.com/wp-content/uploads/2025/11/refresh-ccw.svg") no-repeat center / contain;
}

/* ----- Description under title (matches paragraph style) ----- */
.single-kb_article .kb-desc{
  margin: 12px 0 36px;
  color: rgba(223,223,223,.75);
  font-weight: 400;
  font-size: clamp(15px, 1.05vw, 17px); /* 15–17px */
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* Hide Gutenberg Excerpt block inside content (avoid duplication) */
.single-kb_article .entry-content .wp-block-post-excerpt,
.single-kb_article .entry-content .wp-block-post-excerpt__excerpt{
  display:none !important;
}

/* Mobile tweaks */
@media (max-width:768px){
  .single-kb_article .kb-desc{ font-size:15px; margin:10px 0 28px; }
}

/* ===== KB: exact typographic sizes (override Blocksy) ===== */

/* H1 (title under breadcrumbs) — ~30→38 + лёгкий трекинг */
.single-kb_article .kb-title{
  font-size: clamp(30px, 3vw, 38px) !important; /* было 28–36 */
  line-height: 1.18;
  letter-spacing: 0.018em;  /* ~1.8% */
  margin: 0 0 10px 0;
}

/* H2/H3 внутри контента статьи */
.single-kb_article .entry-content h2{
  font-weight: 500;
  font-size: clamp(22px, 2.1vw, 28px) !important;
  line-height: 1.3;
  letter-spacing: 0.015em;
  color: #F7F7F7;
}
.single-kb_article .entry-content h3{
  font-weight: 400; /* desktop regular */
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #DFDFDF;
}

/* Параграфы и описание под заголовком — 16→18 */
.single-kb_article .kb-desc,
.single-kb_article .entry-content{
  font-size: clamp(17px, 1.1vw, 18px) !important; /* было 15–17 */
  line-height: 1.55;
  letter-spacing: 0.01em;
  color: rgba(223,223,223,.78);
}
.single-kb_article .entry-content p{
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  margin: 0 0 .95em 0;
}

/* На всякий случай глушим горизонтальные «выползания» на странице KB */
body.single-kb_article { overflow-x: hidden; }

/* Контент не вылезает за экран */
.single-kb_article .kb-article .entry-content,
.single-kb_article .kb-article .entry-content *{
  max-width: 100%;
  box-sizing: border-box;
}

.single-kb_article .kb-article pre { overflow-x: auto; } /* код можно горизонтально скроллить */