/* Base: типографика + базовые настройки */

html, body { height: 100%; }

body {
  background: var(--jlia-bg);

  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

:root{
  /* акценты/токены — можно переопределять в скинах */
  --jlia-accent:#7c3aed;
  --jlia-accent2:#f97316;
  --jlia-border:#e5e7eb;
  --jlia-text:#334155;
  --jlia-muted:#6b7280;
  --jlia-heading: #1e3a8a; /* индиго (можешь поменять на #4f46e5) */
/*  --jlia-bg:#f5f7fa;*/
  --jlia-surface:#ffffff;
  --jlia-hero-bg:#eef2ff; /* фон под H1/lead, чуть темнее */
}

/* H2/H3 мягкие */
.site-main h2{
  margin:32px 0 12px;
  font-size:22px;
  font-weight:600;
  color:var(--jlia-text);
  display:flex;
  align-items:center;
  gap:10px;
}
.site-main h2::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:3px;
  background:linear-gradient(135deg, var(--jlia-accent), var(--jlia-accent2));
  flex:0 0 auto;
  opacity:.85;
}
.site-main h3{
  margin:22px 0 10px;
  font-size:18px;
  font-weight:500;
  color:#475569;
}
/* Цитата: вертикальная + короткая горизонтальная линия слева */
.wp-block-quote{
  position: relative;
  margin: 24px 0;
  padding: 14px 16px 14px 22px;
  background: #fff;
  border-left: 4px solid var(--jlia-accent);
  border-radius: 14px;
}

.wp-block-quote:before{
  content:"";
  position:absolute;
  left:-4px;       /* старт от вертикальной линии */
  top:12px;
  width:18px;      /* длина горизонтальной линии */
  height:4px;      /* толщина как у вертикальной */
  background: var(--jlia-accent);
  border-radius: 6px;
}

.wp-block-quote cite{
  display:block;
  margin-top:10px;
  opacity:.75;
  font-size: 0.95em;
}

h1, .entry-title { 
  font-weight: 500;
  color: var(--jlia-heading);
}





/* site-main на всю ширину */
.site-main.site-main--wide{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

/* ограничитель ширины как у тебя раньше */
.wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 16px;
  box-sizing:border-box;
}

/* верхний блок */
.hero-wide{
  background: var(--jlia-hero-bg);
  padding: 26px 0 16px;
}

.hero-inner{
  text-align:center;
}

/* нижний контент */
.content-wide{
  padding: 18px 0 28px;
}

.content-inner{
  background: var(--jlia-surface);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}


/* Если страница НЕ использует контейнер jlia-sd-page, всё равно центрируем контент */
.page .site-main > :not(.jlia-sd-page2):not(.jlia-sd-page){
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
/* Адаптивные отступы для страниц калькуляторов */
.jlia-sd-page{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
/* адаптивные боковые отступы */
  padding-left: clamp(12px, 3vw, 32px);
  padding-right: clamp(12px, 3vw, 32px);

  /* вертикальные отступы (внутри белого блока!) */
  padding-top: clamp(16px, 3vw, 32px);
  padding-bottom: clamp(20px, 4vw, 40px);
}



/* Убираем padding у wrap на страницах, где есть jlia-sd-page */
@media (max-width: 99999px){
  .wrap{
    padding-left:16px;
    padding-right:16px;
  }
}

/* Убираем "просвет" фона main между двумя секциями */
.wrap .jlia-sd-page{
  margin-bottom: 0 !important;
}
.wrap .jlia-sd-page2{
  margin-top: 0 !important;
}