/* A look inside the guide: big stat, chart, stat cards + second form panel */
.lp-inside { padding: 60px 0; border-top: 1px solid var(--lp-tint-line); background: #fff; }
.lp-inside__grid { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 60px; align-items: center; }
.lp-inside__main { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lp-inside__form { align-self: end; }

.lp-stat { display: flex; align-items: center; gap: 18px; }
.lp-page .lp-stat__num { margin: 0; font-size: 64px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; color: var(--lp-red); white-space: nowrap; }
.lp-page .lp-stat__text { font-size: 18px; line-height: 1.23; font-weight: 500; color: var(--lp-navy); }
.lp-stat__text b { font-weight: 700; }

.lp-chart { border: 1px solid var(--lp-border); border-radius: 10px; padding: 28px 16px 10px; background: #fff; }
.lp-chart figcaption { display: flex; align-items: baseline; gap: 6px; margin-bottom: 8px; }
.lp-page .lp-chart__title { margin: 0; font-size: 12.5px; font-weight: 600; line-height: 1.6; color: var(--lp-navy); }
.lp-chart__date { font-size: 11.5px; color: var(--lp-slate-soft); }
.lp-chart__rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: repeat(5, auto); gap: 5px 22px; }
.lp-bar { display: flex; align-items: center; gap: 8px; min-height: 19px; }
.lp-bar__name { flex: 0 0 66px; font-size: 12px; font-weight: 500; line-height: 1.6; color: var(--lp-navy); white-space: nowrap; }
.lp-bar__track { flex: 1 1 auto; min-width: 0; height: 10px; border-radius: 3px; background: var(--lp-border); overflow: hidden; }
.lp-bar__fill { display: block; height: 100%; background: var(--lp-navy); border-radius: 0 3px 3px 0; }
.lp-bar.is-top .lp-bar__fill { background: var(--lp-red); }
.lp-page .lp-bar__val { flex: 0 0 38px; margin: 0; text-align: right; font-size: 11.5px; font-weight: 600; line-height: 1.6; color: var(--lp-slate); }
.lp-page .lp-chart__source { margin-top: 10px; font-size: 10.5px; line-height: 1.4; color: var(--lp-slate-soft); }

.lp-cards { display: flex; gap: 12px; padding-top: 2px; }
.lp-card { flex: 1 1 0; min-width: 0; border: 1px solid var(--lp-border); border-radius: 10px; padding: 10px 14px 11px; display: flex; flex-direction: column; gap: 2px; }
.lp-page .lp-card__big { margin: 0; font-size: 21px; line-height: 1.1; font-weight: 700; color: var(--lp-navy); }
.lp-page .lp-card__text { font-size: 12px; line-height: 1.4; color: var(--lp-slate); }
.lp-page .lp-card__source { margin-top: auto; padding-top: 8px; font-size: 10px; line-height: 1.35; color: var(--lp-slate-soft); }

@media (max-width: 980px) {
  .lp-inside__grid { grid-template-columns: 1fr; gap: 28px; }
  .lp-inside__form { align-self: stretch; }
}
@media (max-width: 720px) {
  .lp-inside { padding: 32px 0 36px; }
  .lp-stat { flex-wrap: wrap; gap: 6px 14px; }
  .lp-page .lp-stat__num { font-size: 46px; }
  .lp-page .lp-stat__text { font-size: 16px; }
  .lp-chart { padding: 20px 14px 8px; }
  .lp-chart__rows { grid-template-columns: 1fr; grid-auto-flow: row; grid-template-rows: none; }
  .lp-cards { flex-direction: column; }
}