/* Добавленный интерфейс не участвует в настольной вёрстке. */
.lp-mobile-header, .lp-unavailable-note { display: none; }
@media screen and (max-width: 1000px) {
  :root {
    --lp-navy: #12334d;
    --lp-teal: #006c72;
    --lp-text: #243746;
    --lp-muted: #586b79;
    --lp-canvas: #f2f6f9;
    --lp-white: #fff;
    --lp-line: #cbd8df;
    --lp-focus: #f0b429;
  }
  html.lp-responsive { box-sizing: border-box; -webkit-text-size-adjust: 100%; scroll-padding-top: 5rem; }
  html.lp-responsive *, html.lp-responsive *::before, html.lp-responsive *::after { box-sizing: inherit; }
  html.lp-responsive body { width: 100%; min-width: 0 !important; max-width: 100%; min-height: 100%; height: auto; margin: 0; padding: 0 16px; background: var(--lp-canvas); color: var(--lp-text); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; }
  html.lp-responsive body > * { max-width: 100%; }
  html.lp-responsive h1, html.lp-responsive h2, html.lp-responsive h3, html.lp-responsive h4, html.lp-responsive h5 { color: var(--lp-navy); font-family: Georgia, "Times New Roman", serif; line-height: 1.18; overflow-wrap: anywhere; text-wrap: balance; }
  html.lp-responsive h1 { font-size: clamp(1.75rem, 8vw, 2.75rem); }
  html.lp-responsive h2 { font-size: clamp(1.45rem, 6vw, 2.15rem); }
  html.lp-responsive h3 { font-size: clamp(1.25rem, 5vw, 1.75rem); }
  html.lp-responsive p, html.lp-responsive li, html.lp-responsive dd, html.lp-responsive td, html.lp-responsive th { overflow-wrap: anywhere; }
  html.lp-responsive a { color: var(--lp-teal); text-underline-offset: .18em; text-decoration-thickness: .08em; }
  html.lp-responsive a:focus-visible, html.lp-responsive button:focus-visible, html.lp-responsive summary:focus-visible, html.lp-responsive input:focus-visible, html.lp-responsive select:focus-visible, html.lp-responsive textarea:focus-visible { outline: 3px solid var(--lp-focus) !important; outline-offset: 3px; }
  html.lp-responsive img, html.lp-responsive svg, html.lp-responsive video, html.lp-responsive iframe, html.lp-responsive object, html.lp-responsive embed { max-width: 100%; height: auto; }
  html.lp-responsive input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html.lp-responsive select, html.lp-responsive textarea, html.lp-responsive button { max-width: 100%; min-height: 44px; font: inherit; }
  html.lp-responsive textarea { width: 100%; }
  html.lp-responsive pre, html.lp-responsive code { white-space: pre-wrap; overflow-wrap: anywhere; }
  .lp-mobile-header { display: block; position: relative; z-index: 20; width: calc(100% + 32px); max-width: none !important; margin: 0 -16px 24px; padding: 14px 16px; color: var(--lp-white); background: var(--lp-navy); border-bottom: 4px solid var(--lp-teal); }
  .lp-mobile-header a { color: inherit; }
  .lp-mobile-brand { display: flex; align-items: center; gap: 12px; min-height: 48px; color: var(--lp-white) !important; font: 700 1.28rem/1.15 Georgia, "Times New Roman", serif; text-decoration: none !important; }
  .lp-mobile-brand::before { content: "§"; display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; color: var(--lp-navy); background: var(--lp-white); border-radius: 50%; font: 700 1.55rem/1 Georgia, serif; }
  .lp-mobile-subtitle { margin: 4px 0 12px 54px; color: #d6e5ec; font-size: .78rem; line-height: 1.3; }
  .lp-mobile-menu { margin: 0; border-top: 1px solid rgba(255,255,255,.24); }
  .lp-mobile-menu > summary { min-height: 48px; padding: 12px 2px; color: var(--lp-white); font-weight: 700; cursor: pointer; list-style-position: inside; }
  .lp-menu-content { padding: 8px 0 4px; }
  .lp-menu-primary { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
  .lp-menu-primary li { margin: 0; padding: 0; list-style: none; }
  .lp-menu-primary a { display: flex; align-items: center; min-height: 44px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 4px; text-decoration: none; }
  .lp-mobile-header details[open] > summary { border-bottom: 1px solid rgba(255,255,255,.24); }
  .lp-unavailable-note { padding: 18px; color: var(--lp-navy); background: var(--lp-white); border-left: 5px solid var(--lp-teal); border-radius: 0 4px 4px 0; font-weight: 650; }
  .lp-loader-original { display: none; }
}
@media screen and (max-width: 370px) {
  .lp-menu-primary { grid-template-columns: 1fr; }
}
@media print {
  .lp-mobile-header { display: none !important; }
  .lp-sidebar-panel > .lp-sidebar-content,
  details.lp-sidebar-panel:not([open]) > .lp-sidebar-content { display: block !important; }
}
