/* Из пункта договора — к обязательствам, дневной ставке и границе в тексте. */
#example-pdf {
  --pi-price: #165dd8;
  --pi-integrations: #087e72;
  --pi-implementation: #a74c2a;
}
#example-pdf .di-scene { grid-template-columns: minmax(0, .78fr) 72px minmax(0, 1.4fr); align-items: center; padding: 32px; background: #f2f5f8; }
#example-pdf .pi-request { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 17px; border-radius: 12px; font-size: 13px; line-height: 1.7; }
.di-document { padding: 22px 0 0; border-top: 1px solid #d9e2eb; }
.di-document-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; line-height: 1.5; color: #526477; }
.di-document h4 { margin: 24px 0 19px; font-size: 16px; font-weight: 750; line-height: 1.5; letter-spacing: -.01em; }
.di-document-lines { display: grid; gap: 8px; margin: 18px 0; }
.di-document-lines i { display: block; height: 3px; width: 100%; background: #dce4ec; border-radius: 2px; }
.di-document-lines i:nth-child(2) { width: 88%; }
.di-document-lines i:last-child { width: 63%; }
.di-source-clause { padding: 16px 0; border-top: 1px solid #c5d6ec; border-bottom: 1px solid #c5d6ec; scroll-margin-top: 90px; border-radius: 2px; }
.di-source-clause>span { color: var(--pi-price); font-size: 11px; font-weight: 750; line-height: 1.5; }
.di-source-clause p { margin-top: 8px; font-size: 13px; line-height: 1.85; color: #304459; }
.di-source-clause strong { color: #143c75; font-weight: 750; }
#example-pdf .di-slide { min-height: 530px; }
.di-obligations { margin: 24px 0 26px; }
.di-obligations-top { display: flex; align-items: baseline; gap: 12px; }
.di-obligations-top strong { font-size: 72px; line-height: 1; color: var(--pi-price); letter-spacing: -.04em; font-weight: 800; font-variant-numeric: tabular-nums; }
.di-obligations-top span { font-size: 13px; line-height: 1.7; color: #526477; }
.di-obligation-map { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; margin-top: 20px; }
.di-obligation-nodes { display: grid; gap: 8px; }
.di-obligation-node { display: flex; align-items: center; gap: 11px; min-height: 17px; color: #bcc9d7; }
.di-obligation-node>span { width: 9px; height: 9px; flex: none; border-radius: 50%; background: currentColor; }
.di-obligation-node>i { height: 3px; flex: 1; background: currentColor; border-radius: 2px; }
.di-obligation-node>svg { flex: none; width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.di-obligation-node--deadline { color: var(--pi-integrations); }
.di-deadline-total { padding: 14px 0 14px 18px; border-left: 1px solid #a8d4ca; color: var(--pi-integrations); }
.di-deadline-total strong { display: block; font-size: 48px; line-height: 1; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.di-deadline-total>span { display: block; margin-top: 8px; font-size: 11px; line-height: 1.7; font-weight: 600; }
.di-obligations figcaption { display: flex; align-items: center; gap: 7px; margin-top: 17px; color: #526477; font-size: 11px; line-height: 1.6; }
.di-obligations figcaption>i { width: 6px; height: 6px; border-radius: 50%; background: var(--pi-integrations); }
.di-rate-flow { display: grid; grid-template-columns: auto minmax(32px, 1fr) auto; align-items: center; gap: 12px; margin: 30px 0 22px; }
.di-clause-origin { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.di-clause-origin span { font-size: 11px; color: #526477; }
.di-clause-origin strong { font-size: 27px; line-height: 1.4; font-weight: 750; letter-spacing: -.02em; color: #183556; }
.di-rate-path { width: 100%; height: 28px; stroke: var(--pi-price); stroke-width: 1.5; }
.di-rate-value { color: var(--pi-price); }
.di-rate-value strong { display: block; font-size: clamp(52px, 5.3vw, 74px); font-weight: 800; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.di-rate-value span { display: block; margin-top: 8px; font-size: 12px; font-weight: 650; line-height: 1.5; }
.di-rate-basis { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 20px; padding-top: 16px; border-top: 1px solid #dce5ef; }
.di-rate-basis div { min-width: 0; }
.di-rate-basis svg { width: 23px; height: 23px; stroke: var(--pi-integrations); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.di-rate-basis strong { display: block; margin-top: 10px; font-size: 13px; font-weight: 700; line-height: 1.65; color: #304459; }
.di-rate-excerpt { margin: 0 0 20px; font-size: 12px; line-height: 1.75; color: #526477; }
.di-rate-excerpt mark { color: #143c75; background: #edf3fc; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.di-limit-route { display: grid; grid-template-columns: auto minmax(32px, 1fr) 2px; align-items: center; gap: 16px; margin: 38px 0 24px; }
.di-limit-rate strong { display: block; font-size: 49px; line-height: 1; letter-spacing: -.04em; color: var(--pi-price); font-weight: 800; font-variant-numeric: tabular-nums; }
.di-limit-rate span { display: block; font-size: 11px; line-height: 1.7; color: #526477; margin-top: 9px; }
.di-limit-path { display: block; width: 100%; height: 22px; overflow: visible; }
.di-limit-path path { stroke: #8cadd7; stroke-width: 1.5; }
.di-limit-path circle { fill: #fff; stroke: var(--pi-implementation); stroke-width: 1.6; }
.di-limit-boundary { display: block; height: 87px; border-left: 1px dashed #a74c2a; }
.di-limit-note { margin-bottom: 26px; padding-top: 22px; border-top: 1px solid #e4eaf1; }
.di-limit-note>span { display: block; font-size: 11px; line-height: 1.6; font-weight: 650; color: #526477; }
.di-limit-note strong { display: block; margin-top: 6px; font-size: 24px; line-height: 1.3; font-weight: 750; letter-spacing: -.02em; color: var(--pi-implementation); }
.di-limit-note p { margin-top: 11px; font-size: 12px; line-height: 1.8; color: #526477; }
#example-pdf .di-slide .pi-slide-foot { min-height: 48px; }
@media (min-width: 851px) and (max-width: 1099px) {
  #example-pdf .di-scene { grid-template-columns: minmax(0, .72fr) 40px minmax(0, 1.3fr); padding: 24px; }
  #example-pdf .pi-request { padding: 13px; font-size: 12px; }
  .di-document { padding-top: 16px; }
  .di-document h4 { font-size: 14px; }
  .di-source-clause p { font-size: 12px; }
  .di-obligation-map { gap: 20px; }
  .di-obligations-top strong { font-size: 62px; }
  .di-obligations-top span { font-size: 12px; }
  .di-rate-flow { gap: 8px; }
  .di-rate-value strong { font-size: 52px; }
  .di-rate-basis { gap: 16px; }
  .di-rate-basis strong { font-size: 12px; }
}
@media (max-width: 850px) {
  #example-pdf .di-scene { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px; }
  #example-pdf .pi-deck { grid-row: 1; }
  #example-pdf .pi-input { grid-row: 2; }
  .di-document { padding-top: 16px; }
  .di-document h4 { margin-top: 19px; }
  .di-obligation-map { grid-template-columns: minmax(0, 1fr) 130px; }
  .di-rate-flow { gap: 22px; }
  .di-rate-value strong { font-size: 74px; }
}
@media (max-width: 640px) {
  #example-pdf .di-scene { padding: 14px; gap: 23px; }
  #example-pdf .pi-request { margin-top: 16px; padding: 13px; font-size: 12px; }
  .di-document h4 { font-size: 15px; }
  .di-source-clause p { font-size: 12px; }
  .di-obligations { margin-top: 29px; }
  .di-obligations-top { gap: 10px; }
  .di-obligations-top strong { font-size: 62px; }
  .di-obligations-top span { font-size: 12px; }
  .di-obligation-map { grid-template-columns: minmax(0, 1fr) 85px; gap: 17px; margin-top: 24px; }
  .di-deadline-total { padding-left: 12px; }
  .di-deadline-total strong { font-size: 43px; }
  .di-rate-flow { gap: 12px; }
  .di-clause-origin strong { font-size: 24px; }
  .di-rate-value strong { font-size: 56px; }
  .di-rate-value span { font-size: 11px; }
  .di-rate-basis { gap: 17px; }
  .di-rate-basis strong { font-size: 12px; }
  .di-rate-excerpt { font-size: 12px; }
  .di-limit-route { gap: 12px; margin-top: 39px; }
  .di-limit-rate strong { font-size: 43px; }
  .di-limit-note strong { font-size: 23px; }
}
@media (max-width: 370px) {
  #example-pdf .di-slide { min-height: 560px; }
  .di-rate-flow { gap: 8px; grid-template-columns: auto minmax(22px, 1fr) auto; }
  .di-rate-value strong { font-size: 47px; }
  .di-clause-origin strong { font-size: 22px; }
  .di-rate-basis { gap: 12px; }
}