.interior-main { padding-block: 28px 88px; }
.back-link { display: inline-flex; color: var(--muted); font-size: 12px; padding-block: 8px; }
.back-link:hover { color: var(--accent-ink); }
.interior-heading { padding-block: 32px 40px; max-width: 940px; }
.interior-heading .eyebrow { color: var(--accent-ink); margin-bottom: 18px; }
.interior-heading h1, .page-header h1 { font: 700 clamp(40px, 5vw, 70px)/1.05 AtomDisplay, 'Arial Narrow', sans-serif; letter-spacing: -.03em; overflow-wrap: anywhere; }
.interior-heading > p:last-child:not(.eyebrow) { margin-top: 18px; color: var(--muted); font-size: 14px; }
.payment-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); border: 1px solid var(--line); }
.payment-info { background: #242722; color: #f5f3ed; padding: 40px; display: flex; flex-direction: column; align-items: flex-start; }
.section-index { color: #ff995f; font-size: 12px; margin-bottom: 60px; }
.payment-info h2 { font-size: clamp(30px, 3.5vw, 48px); }
.payment-status { display: flex; align-items: baseline; gap: 10px; margin-block: 24px 36px; color: #d7d9cf; font-size: 14px; }
.payment-info .text-link { margin-top: auto; border-color: #626759; }
.payment-info .text-link:hover { color: #ff995f; }
.payment-panel { padding: 40px; background: var(--surface); min-width: 0; }
.yoomoney-payment-form { margin: 0; width: 100%; font: inherit; }
.yoomoney-payment-form fieldset { margin: 0; padding: 0; min-width: 0; border: 0; }
.ym-display-none, .ym-hidden-inputs { display: none; }
.ym-block-title { font: 700 26px/1.2 AtomDisplay, 'Arial Narrow', sans-serif; margin-bottom: 24px; }
.pay-label { display: block; font-size: 12px; margin-bottom: 8px; color: var(--muted); }
.ym-input, .ym-textarea { display: block; width: 100%; min-width: 0; min-height: 50px; border: 1px solid var(--line); border-radius: 0; padding: 12px 14px; margin: 0 0 20px; background: var(--paper); color: var(--ink); font: 14px/1.5 Arial, sans-serif; opacity: 1; -webkit-text-fill-color: var(--ink); }
.ym-input::placeholder, .ym-textarea::placeholder { color: var(--muted); -webkit-text-fill-color: var(--muted); opacity: 1; }
.ym-textarea { resize: vertical; min-height: 90px; }
.ym-payment-btn-block { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.ym-btn-pay { min-height: 54px; padding: 14px 20px; border: 1px solid var(--line); background: var(--soft); color: var(--muted); font: 700 14px/1.5 Arial, sans-serif; cursor: not-allowed; }
.ym-logo { display: none; }
.provider-note { font-size: 12px; color: var(--muted); border-top: 1px solid var(--line); margin-top: 24px; padding-top: 16px; }
.documents-layout { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(0, 2fr); gap: 64px; align-items: start; }
.document-nav { position: sticky; top: 120px; border-top: 2px solid var(--accent); }
.document-nav a { display: flex; align-items: baseline; gap: 16px; font-size: 13px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.document-nav a span { font-size: 10px; color: var(--accent-ink); }
.document-nav a:hover { color: var(--accent-ink); }
.document-section { padding-block: 0 40px; margin-bottom: 44px; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; overflow-wrap: anywhere; }
.document-section h2 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 26px; color: var(--accent-ink); }
.document-section h3 { font: 700 23px/1.3 AtomDisplay, 'Arial Narrow', sans-serif; margin-block: 28px 12px; }
.document-section p, .document-section li { font-size: 14px; line-height: 1.85; color: var(--muted); margin-bottom: 12px; }
.document-section ul { padding-left: 20px; }
.document-section a { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
  .documents-layout { gap: 32px; grid-template-columns: 210px minmax(0, 1fr); }
  .payment-info, .payment-panel { padding: 28px; }
}
@media (max-width: 760px) {
  .interior-main { padding-block: 20px 56px; }
  .interior-heading { padding-block: 22px 30px; }
  .interior-heading h1, .page-header h1 { font-size: 44px; }
  .interior-heading .eyebrow { font-size: 9px; }
  .payment-layout, .documents-layout { grid-template-columns: 1fr; }
  .payment-info, .payment-panel { padding: 26px 24px; }
  .section-index { margin-bottom: 28px; }
  .payment-info h2 { font-size: 36px; }
  .payment-status { margin-block: 18px 22px; }
  .document-nav { position: static; }
  .documents-layout { gap: 36px; }
  .document-section { scroll-margin-top: 88px; margin-bottom: 30px; padding-bottom: 28px; }
  .document-section h2 { font-size: 31px; }
}
@media (max-width: 370px) {
  .interior-heading h1, .page-header h1 { font-size: 38px; }
  .payment-info, .payment-panel { padding: 22px 18px; }
}