/* Styles used only by services.html and ru/services.html; loaded after site.css. */
.service-detail { display: grid; grid-template-columns: .85fr 1.15fr; gap: var(--column-gap); border-top: 1px solid var(--line); }
.service-detail h2 { max-width: 12ch; }
@media (max-width:760px) {
  .service-detail h2 { max-width: none; }
}
.service-tagline { margin-top: 18px; max-width: 30ch; font-size: 19px; color: var(--muted); }
.service-chip { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 8px 14px 8px 12px; border-radius: 999px; background: var(--peach); color: var(--accent); font-size: 14px; font-weight: 600; }
.service-body { display: grid; gap: 32px; }
.service-block h3 { font-size: 14px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; color: var(--accent); }
.service-block p { margin-top: 12px; max-width: none; }
.checklist li { position: relative; padding-left: 34px; text-wrap: pretty; }
.service-why { padding: 24px 28px; border-left: 3px solid var(--accent); border-radius: 0 12px 12px 0; background: var(--art-wash); }
.service-why p { color: var(--ink); }
.service-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.service-pair p { color: var(--muted); }
.report-band { background: var(--art-wash); }
.report-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: var(--column-gap); align-items: end; }
.report-intro .eyebrow { margin-bottom: 16px; }
.report-intro > p { max-width: 42ch; color: var(--muted); font-size: 18px; }
.report-outline { list-style: none; margin: 40px 0 0; padding: 0 40px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); }
.report-outline > li { display: grid; grid-template-columns: 48px .8fr 1.2fr; gap: 0 32px; align-items: start; padding-block: 32px; border-top: 1px solid var(--line); }
.report-outline > li:first-child { border-top: 0; }
.report-index { padding-top: 5px; font-size: 15px; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--accent); }
.report-outline h3 { font-size: 24px; }
.report-body p { color: var(--muted); }
.metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }
.metrics > div { padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; }
.metrics dt { font-weight: 600; }
.metrics dd { margin: 6px 0 0; font-size: 15px; color: var(--muted); }
.terms-section h2 { max-width: 20ch; }
.terms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 36px 0 0; padding: 0; list-style: none; }
.terms li { padding: 26px 28px; border: 1px solid var(--line); border-radius: 12px; }
.terms svg { color: var(--accent); }
.terms h3 { margin-top: 18px; font-size: 21px; }
.terms p { margin-top: 10px; font-size: 16px; color: var(--muted); }
@media (max-width:1100px) {
  .terms { grid-template-columns: 1fr; }
  .terms li { display: grid; grid-template-columns: 24px 1fr; gap: 0 18px; }
  .terms svg { grid-row: 1 / 3; margin-top: 3px; }
  .terms h3 { margin-top: 0; }
}
@media (max-width:760px) {
  .service-detail, .report-intro, .service-pair { grid-template-columns: 1fr; gap: 24px; }
  .service-tagline { font-size: 18px; }
  .service-body { gap: 28px; }
  .service-why { padding: 20px 22px; }
  .report-outline { padding: 0 20px; }
  .report-outline > li { grid-template-columns: 36px 1fr; gap: 0 16px; padding-block: 26px; }
  .report-body { grid-column: 2; margin-top: 12px; }
  .report-outline h3 { font-size: 22px; }
  .metrics { grid-template-columns: 1fr; }
  .terms li { padding: 22px 20px; }
}