/* Таможня: документы как карточки-бланки разной ширины */
.docs { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.doc {
  position: relative; display: grid; gap: 12px; align-content: start; padding: 26px 26px 28px;
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--r-card); box-shadow: var(--shadow-hang);
}
.doc::before { content: ""; position: absolute; left: 0; top: 0; width: 46px; height: 2px; background: var(--color-text); }
.doc:nth-child(1) { grid-column: span 5; }
.doc:nth-child(2) { grid-column: span 7; }
.doc:nth-child(3) { grid-column: span 7; }
.doc:nth-child(4) { grid-column: span 5; }
.doc__k { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
@media (hover: hover) { .doc { transition: border-color .3s; } .doc:hover { border-color: var(--color-border-strong); } }
@media (max-width: 820px) { .doc:nth-child(n) { grid-column: 1 / -1; } }
.checklist { display: grid; gap: 0; border-top: 1px solid var(--color-border-strong); }
.checklist li { display: grid; grid-template-columns: 22px 1fr; gap: 14px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--color-border); font-size: 17px; }
.checklist li::before { content: ""; width: 9px; height: 15px; margin-left: 5px; border: solid var(--color-text); border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-2px, -2px); }