/* ФАБУЛА · Документы. Эталон: доски Docs (1440) и DocsM (390).
   Листы в порядке подвала: политика, согласие, cookie, отзыв. На десктопе два столбца зигзагом, правый ниже на 110.
   1101–1280 — поля листов уже, 721–1100 — один столбец не шире 680, до 720 — телефон. */

.d-hero{display:flex;flex-direction:column;gap:26px;padding-top:100px}
.d-hero .lead{max-width:760px}
.d-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 80px;align-items:start;padding-top:131px}
.d-sh{padding:34px 40px 28px;display:flex;flex-direction:column;gap:14px;transform:rotate(var(--r))}
.d-sh .h3 a{text-decoration:none}
.d-1{--r:-.5deg}
.d-2{--r:.6deg;margin-top:110px}
.d-3{--r:.4deg;margin-left:50px;margin-top:-110px}
.d-4{--r:-.3deg;margin-left:40px}
.d-lk{margin:6px 0 0;display:flex;gap:28px;line-height:normal}
.d-off span{color:var(--ink-caption);text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:5px}
.d-nt{grid-column:2;margin-left:40px}
.d-wd{padding-bottom:120px}
.d-wd-in{padding-top:90px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;align-items:start}
.d-wd-nt{padding-top:70px}
.d-wd-nm{display:none}
.d-wd-sh{transform:rotate(.3deg);padding:44px 50px 46px;display:flex;flex-direction:column;gap:28px}
.d-wd .fb-form .d-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.d-wd .fb-form textarea{height:auto}

@media (max-width:1280px) and (min-width:1101px){
 .d-list{gap:56px 60px}
 .d-sh{padding:30px 32px 26px}
 .d-3{margin-left:32px}
 .d-4,.d-nt{margin-left:24px}
 .d-wd-in{grid-template-columns:240px minmax(0,1fr);gap:60px}
}
@media (max-width:1100px){
 .d-hero{padding-top:88px}
 .d-list{grid-template-columns:minmax(0,1fr);gap:40px;max-width:calc(680px + 2*var(--pad));margin-left:0;padding-top:72px}
 .d-2,.d-3,.d-4{margin:0}
 .d-nt{grid-column:auto;margin-left:24px}
 .d-wd{max-width:calc(680px + 2*var(--pad));margin-left:0;padding-bottom:96px}
 .d-wd-in{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
 .d-wd-nt{display:none}
 .d-wd-nm{display:block}
 .d-wd-sh{gap:22px}
}
@media (max-width:720px){
 .d-hero{padding-top:40px;gap:22px}
 .d-list{padding-top:40px;gap:28px}
 .d-sh{margin:0 -4px;padding:22px 22px 24px;gap:12px}
 .d-3{--r:-.3deg}
 .d-4{--r:.4deg}
 .d-lk{margin-top:4px}
 .d-wd{padding-bottom:80px}
 .d-wd-in{margin-top:72px;padding-top:80px}
 .d-wd-sh{margin:0 -4px;padding:26px 22px 28px}
 .d-wd .fb-form .d-fields{grid-template-columns:minmax(0,1fr)}
 .d-wd .fb-form{gap:20px}
}