body {
  background-color: #fcfcfc;
  margin: 0;
  font-family: 'Inter', sans-serif;
}
 
main{max-width:920px;margin:24px auto;padding:0 16px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}


h1{font-size:38px;margin:16px 0 8px; color: #000; font-weight: 600;}


.inline-btns-help{
    display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0 0;
}
.inline-btns-help .help-nav-btn{
    padding:10px 14px; border-radius:100px; box-shadow: 0 2px 3px 0 rgba(136, 136, 136, 0.138); border: none;
    background:none; cursor:pointer; font:500 14px/1 Inter,system-ui,sans-serif; transition: all 0.2s;
}
.inline-btns-help .help-nav-btn:hover{ color: #FF9412; }

section h2 {color: #FF9412; font-weight: 600; font-size:32px; margin: 0rem; padding-top: 2rem;}

section h3 {color: #000; font-weight: 500; font-size:28px; margin-left: 1.5rem;}

section p {color: #252525; font-weight: 300; font-size:20px; margin-left: 3rem;}

.Question { margin-bottom: 0.5rem;}

.Answer {margin-bottom: 1rem;}

.baseText {}

/* по умолчанию мобильный хедер скрыт */
.mobile-header{ display: none; }
:root{
  --accent: #FF9412;
  --white: #ffffff;
  --accent-soft: #fffbf8;
  --accent-border: #FFD9BD;
}
/* ===================== MOBILE (<=768px): header + layout ===================== */
@media (max-width: 768px) {

  /* safety: никаких вылезаний за экран */
  html, body{
    max-width: 100%;
    overflow-x: hidden;
  }

  /* hide desktop header on mobile */
  header.header { display: none !important; }

  /* show mobile header */
  .mobile-header { display: flex; }

  .mobile-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 50px;
    width: 100vw;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 0 12px;
    box-sizing: border-box;
    z-index: 4500;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  }

  .mobile-logo {
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 0.3px;
    color: var(--accent);
    text-decoration: none;
    line-height: 1;
  }

  .mobile-header__right {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .mh-btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    border: 1.5px solid var(--accent-border);
    background: var(--accent-soft);
    cursor: pointer;
    box-sizing: border-box;
    transition: .2s;
  }

  .mh-btn svg {
    width: 22px;
    height: 22px;
    stroke: var(--accent);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mh-btn:active { transform: scale(0.96); }
  .mh-btn--link { text-decoration: none; }

  /* so content won't hide under fixed header */
  body { padding-top: 50px; }

  /* ===== HELP PAGE layout (mobile) ===== */
  main{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .helpme-container{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
  }

  h1{
    font-size: 26px;
    margin: 0 0 12px;
  }

  /* кнопки секций: не ломаем в 2 строки, а делаем горизонтальный скролл */
  .inline-btns-help{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding-bottom: 8px;
  }

  .inline-btn{
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 14px;
    padding: 9px 12px;
  }

  section{
    padding: 14px;
    border-radius: 16px;
    margin-bottom: 12px;
  }

  section h2{
    font-size: 20px;
    margin: 0 0 10px;
  }

  section h3{
    font-size: 16px;
    margin-left: 0;
    margin-top: 10px;
  }

  section p{
    font-size: 14px;
    margin-left: 0;
    line-height: 1.4;
  }

  section ul{
    padding-left: 18px;
    margin-left: 0;
  }
    section {
    /* margin: 0; */
    padding-bottom: 0;
    margin: 0;
  }
  .inline-btns-help .help-nav-btn{
  /* ...твои текущие стили... */
  white-space: nowrap; /* запрет переноса текста */
  flex: 0 0 auto;      /* не сжимать кнопку так, чтобы ломать текст */
}
  section h2 {
    padding: 0;
    padding-top: 3rem;
  }
  /* #baseQ :first-child {
    padding: 0;
  } */
}
body.guest-public-page {
  padding-top: 0 !important;
}

body.guest-public-page header.header,
body.guest-public-page #mobileHeader {
  display: none !important;
}