/* Yandex Direct v1. Page-specific composition; type sizes follow the approved tokens. */
:where(.page--direct) h1{font-size:var(--type-display);line-height:var(--leading-display);font-weight:var(--weight-heading);letter-spacing:var(--tracking-display)}
:where(.page--direct) h2{font-size:var(--type-section);line-height:var(--leading-section);font-weight:var(--weight-heading);letter-spacing:-.035em}
:where(.page--direct) h3{font-size:var(--type-card);line-height:var(--leading-card);font-weight:var(--weight-heading);letter-spacing:-.025em}
:where(.page--direct) p{font-size:var(--type-body);line-height:var(--leading-body)}
.page--direct p.text-lead{font-size:var(--type-lead);line-height:var(--leading-lead);color:var(--ink)}
.page--direct p.section-label{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--direct strong{font-weight:var(--weight-heading)}
.page--direct .site-header a[aria-current="page"]{color:var(--blue)}
.service-hero{padding-top:26px;padding-bottom:28px}
.breadcrumbs{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:var(--type-caption);line-height:var(--leading-caption);margin-bottom:32px}
.breadcrumbs a:hover{color:var(--blue)}
.service-hero__title{max-width:1380px;word-spacing:calc(0em - var(--tracking-display))}
.service-hero h1 span{color:var(--blue)}
.service-hero__bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:32px}
.service-hero__copy{max-width:700px;color:var(--muted)}
.service-hero__copy>.bullet-list{margin-top:18px;gap:8px}
.service-hero__action{justify-self:end}
.service-hero__action>p{margin-top:12px;color:var(--muted);font-size:var(--type-caption);line-height:var(--leading-caption)}
.service-hero__navigation{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:32px;padding-top:22px}
.page--direct .link--primary{font-size:var(--type-ui);line-height:var(--leading-ui)}
.page--direct .link--primary:hover{color:var(--blue)}
.content-section{padding-block:64px;border-top:1px solid var(--line)}
.content-section--wash{background:var(--wash)}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px}
.section-heading,.editorial-layout__content,.editorial-layout>*{min-width:0}
.section-heading__title{margin-top:20px}
.editorial-layout__content>p{max-width:740px;color:var(--muted)}
.editorial-layout__content>p+p{margin-top:20px}
.list-group--separated{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.section-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:48px;margin-bottom:36px}
.section-intro .text-lead{max-width:680px}
.page--direct .step-list--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.step-list--four>li>p{margin-top:18px;max-width:640px;color:var(--muted)}
.section-conclusion{margin-top:32px;padding-top:26px;border-top:1px solid var(--line);max-width:980px}
.section-intro__link{justify-self:end}
.editorial-layout__content .list-group{max-width:none}
.page--direct .list-group>h3{font-size:var(--type-body);line-height:var(--leading-ui);letter-spacing:normal}
/* The same form/footer type roles as Home v17; only the heading copy differs. */
.page--direct .contact-section h2{font-size:var(--type-contact);line-height:var(--leading-contact);letter-spacing:-.03em}
.page--direct .contact-section .section-label{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--direct .contact-section .lead-form .lead-form__intro{font-size:var(--type-lead);line-height:var(--leading-ui)}
.page--direct .contact-section .contact-section__label,.page--direct .contact-section .contact-section__messengers a,.page--direct .contact-section .lead-form__channels legend,.page--direct .contact-section .lead-form__channel span,.page--direct .contact-section .lead-form__field>label,.page--direct .contact-section .lead-form__website summary,.page--direct .contact-section .lead-form .lead-form__status{font-size:var(--type-ui);line-height:var(--leading-ui)}
.page--direct .contact-section .contact-section__direct-links a,.page--direct .contact-section .lead-form__field input{font-size:var(--type-body);line-height:var(--leading-ui)}
.page--direct .contact-section .lead-form .lead-form__submit{font-size:var(--type-body);font-weight:var(--weight-heading);line-height:1.4}
.page--direct .contact-section .lead-form__optional-label,.page--direct .contact-section .lead-form__consent,.page--direct .contact-section .contact-section__location,.page--direct .contact-section .lead-form .lead-form__fallback{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--direct .site-footer__main>p{font-size:var(--type-caption);line-height:var(--leading-caption)}
.page--direct .site-footer__details p{font:inherit}

/* The responsibility component from Home v17, with three equally weighted cards. */
.responsibility .section-intro{margin-bottom:32px}
.responsibility__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.responsibility__card{min-width:0;padding:30px 32px;background:var(--wash);border:1px solid var(--line);border-radius:4px}
.responsibility__card--white{background:var(--white)}
.responsibility__title{letter-spacing:-.65px}
@supports(grid-template-rows:subgrid){.responsibility__card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.responsibility__card>.bullet-list{align-content:start}}
.responsibility__conclusion{margin-top:24px}
.editorial-layout__content .list-group--first{margin-top:0}
.result-list--spaced{margin-top:28px}
.bullet-list--flush{margin-top:0}
.bullet-list strong{color:var(--ink)}
@media(max-width:1100px){.editorial-layout{gap:40px}.responsibility__grid{grid-template-columns:1fr}.responsibility__card{display:block;grid-row:auto}}
@media(max-width:800px){.service-hero{padding-top:24px}.service-hero__bottom{grid-template-columns:1fr;gap:24px}.service-hero__action{justify-self:start}.editorial-layout{grid-template-columns:1fr;gap:28px}.content-section{padding-block:48px}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro__link{justify-self:start}.page--direct .step-list--four{grid-template-columns:1fr;gap:24px}.section-heading__title br{display:none}.section-conclusion{max-width:none}.responsibility__card{padding:26px 24px}}
@media(max-width:600px){.service-hero{padding-bottom:24px}.breadcrumbs{margin-bottom:24px}.service-hero__break{display:none}.service-hero__bottom{margin-top:24px}.service-hero__navigation{flex-wrap:wrap;gap:16px 24px;margin-top:28px;padding-top:20px}.content-section{padding-block:40px}.section-heading__title{margin-top:16px}.section-intro{margin-bottom:28px}.responsibility__grid{grid-template-columns:1fr;gap:24px}.responsibility__card{padding:24px 20px}.section-conclusion{padding-top:24px;margin-top:28px}}

/* Local v2 comparison: principles and reporting. Shared guideline unchanged. */
.result-list__title {
  color: var(--ink);
  font-size: var(--type-card);
  font-weight: var(--weight-heading);
  line-height: var(--leading-card);
  letter-spacing: -.025em;
}
.result-list__title + .result-list__copy { margin-top: 12px; }


/* One compact reporting panel. Independent properties, read left to right. */
.report-summary {
  background: var(--wash);
  border-bottom: 1px solid var(--line);
  border-top: 2px solid var(--blue);
}
.report-summary__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.report-summary__item {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 24px 28px;
}
.report-summary__item:nth-child(n + 3) { border-top: 1px solid var(--line); }
.report-summary__title {
  min-width: 0;
  color: var(--ink);
  font-size: var(--type-card);
  font-weight: var(--weight-heading);
  line-height: var(--leading-card);
  letter-spacing: -.025em;
}
.report-summary__description {
  min-width: 0;
  max-width: 740px;
  color: var(--muted);
}


@supports (grid-template-rows: subgrid) {
  .report-summary__item {
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: 12px;
  }
}
@media (max-width: 800px) {
  .report-summary__list { grid-template-columns: minmax(0, 1fr); }
  .report-summary__item {
    grid-row: auto;
    grid-template-rows: auto auto;
    padding: 24px;
  }
  .report-summary__item + .report-summary__item { border-top: 1px solid var(--line); }
  
}
@media (max-width: 600px) {
  .report-summary__item { padding: 20px; }
}

/* The conclusion belongs to the section, outside the four-item panel. */
.section-takeaway { max-width: 980px; margin-top: 32px; }
@media (max-width: 600px) { .section-takeaway { margin-top: 28px; } }

/* The catalogue transition follows the case teasers. */
.page--direct .case-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
@media (max-width: 600px) {
  .page--direct .case-navigation { margin-top: 24px; padding-top: 20px; }
}

/* Same white panel as the approved SEO reporting block. */
.report-summary--white { background: var(--white, #fff); }

/* Align the first content row with H2; the section label owns the row above. */
@media (min-width: 801px) {
  .section-intro--heading-aligned { align-items: start; row-gap: 20px; }
  .section-intro--heading-aligned > .section-heading { display: contents; }
  .section-intro--heading-aligned .section-label { grid-column: 1 / 5; grid-row: 1; }
  .section-intro--heading-aligned .section-heading__title { grid-column: 1 / 5; grid-row: 2; margin-top: 0; }
  .section-intro--heading-aligned > .editorial-layout__content { grid-column: 5 / -1; grid-row: 2; align-self: start; }
}