html{scroll-behavior:smooth}
body{margin:0;background:#f6f2eb;color:#2a241e;font-family:'Golos Text',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#2a241e}a:hover{color:#a6471f}
input::placeholder,textarea::placeholder{color:#a89e90}
input:focus,textarea:focus{outline:none;border-color:#e8a583 !important;box-shadow:0 0 0 3px rgba(232,165,131,.3)}
button:focus-visible,a:focus-visible{outline:2px solid #a6471f;outline-offset:3px}
[data-site]{container-type:inline-size;container-name:site}
[data-nav-desktop] a{white-space:nowrap}
@container site (max-width:1023px){[data-nav-desktop]{display:none !important}[data-nav-burger]{display:inline-flex !important}}
@container site (min-width:1024px){[data-nav-mobile]{display:none !important}}
@container site (max-width:479px){[data-nav-sub]{display:none !important}}
@container site (max-width:559px){[data-row-2col]{grid-template-columns:1fr !important;gap:6px !important}}
/* #zaprosy: одна колонка по умолчанию; две колонки и sticky-заголовок включаются одним правилом, чтобы sticky не мог остаться в одноколоночной раскладке.
   690px = точка, где прежняя сетка repeat(auto-fit,minmax(300px,1fr)) с padding clamp(20px,4vw,32px) и gap clamp(32px,5vw,56px) переходила в две колонки. */
@container site (min-width:690px){[data-zaprosy-grid]{grid-template-columns:1fr 1fr !important}[data-zaprosy-aside]{position:sticky;top:96px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important;animation:none !important}}

[hidden]{display:none !important}
.hover-accent:hover{color:#a6471f !important}
.hover-primary:hover{background:#8a3a17 !important}
.hover-dark:hover{background:#a6471f !important}
.hover-outline:hover{background:#2a241e !important;color:#f6f2eb !important}
.hover-light:hover{color:#e8a583 !important}

.scenario-tab {
  cursor:pointer;background:transparent;color:#6b645a;border:0;border-bottom:1px solid #e3dccf;
  border-left:3px solid transparent;font:400 17px/1.35 'Golos Text',sans-serif;
  padding:18px 18px 18px 20px;text-align:left;display:grid;grid-template-columns:28px 1fr;
  gap:10px;align-items:baseline;transition:color .2s,border-color .2s,background .2s;
}
.scenario-tab[aria-selected="true"] {
  background:rgba(166,71,31,.07);color:#2a241e;border-left-color:#a6471f;font-weight:600;
}
.scenario-tab:hover { color:#a6471f; }
.scenario-tab:focus { outline:none; }
.scenario-tab:focus-visible .scenario-title > span:first-child {
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
}
.scenario-title-wrap { container-type:inline-size;container-name:scenario-title; }
.scenario-title-break { display:none; }
@container scenario-title (min-width:250px) {
  .scenario-title-break { display:initial; }
}
.scenario-row {
  display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:16px;
  padding:20px 0;border-bottom:1px solid #e3dccf;
}
.scenario-label { font:500 12px/1.6 'Golos Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b645a; }
.scenario-answer { display:flex;flex-direction:column;gap:10px;font:400 16px/1.55 'Golos Text',sans-serif;color:#2a241e;text-wrap:pretty; }
.scenario-row[data-angle="0"] .scenario-answer { font:italic 400 17px/1.55 'Golos Text',sans-serif; }
.scenario-row[data-angle="3"] { border-bottom:0; }
.scenario-row[data-angle="3"] .scenario-label { color:#a6471f; }
.scenario-row[data-angle="3"] .scenario-answer { font:500 17px/1.5 'Golos Text',sans-serif; }
.faq-button {
  cursor:pointer;width:100%;background:transparent;border:0;padding:18px 0;display:grid;
  grid-template-columns:1fr 24px;gap:16px;align-items:start;text-align:left;
  font:600 17px/1.35 'Golos Text',sans-serif;color:#2a241e;transition:color .2s;
}
.faq-button:hover,.faq-button[aria-expanded="true"] { color:#a6471f; }
@container site (max-width:1023px) {
  [data-site] a[href] { position:relative; }
  [data-site] a[href]::after {
    content:"";position:absolute;top:50%;left:0;right:0;height:100%;min-height:44px;transform:translateY(-50%);
  }
}