
.practice-article { overflow-wrap: anywhere; }
.practice-article article { line-height: 1.95; }
.practice-article article h2 { margin-top: 3rem; }
.practice-article article h3 { margin-top: 2rem; }
.practice-article article h4 { margin-top: 1.5rem; }
.practice-toc, .practice-review { padding: 1.5rem; background: #f3f6fa; border-radius: 12px; margin-bottom: 2rem; }
.practice-review { background: #fff3cd; }
.practice-toc li { margin: .5rem 0; }
.practice-article h2, .practice-article h3, .practice-article h4 { scroll-margin-top: 100px; }

.practice-article-visual { margin: 0 0 2rem; }
.practice-article-visual img { display: block; width: 100%; height: auto; border-radius: 12px; }
.practice-article-visual figcaption { margin-top: .5rem; color: #526479; font-size: .85rem; text-align: center; }
.logistics-dx-page .practice-article-visual { width: 100%; max-width: 580px; margin: 0 auto 2rem; }
.logistics-dx-page .practice-article { max-width: 1180px; }
.dx-image-text { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; margin: 0 0 2rem; }
.logistics-dx-page .dx-image-text .practice-article-visual { margin: 0; }
.dx-image-text-copy { min-width: 0; }
.dx-image-text-copy > :first-child { margin-top: 0; }
.dx-image-text-copy > :last-child { margin-bottom: 0; }
@media (max-width: 800px) {
  .dx-image-text { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .logistics-dx-page .dx-image-text .practice-article-visual { margin: 0 auto; }
}

.practice-operation-video { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; border-radius: 12px; background: #111; }

.dx-table-scroll { max-width: 100%; overflow-x: auto; margin: 1.5rem 0; }
.dx-table-scroll:focus-visible { outline: 3px solid #173e70; outline-offset: 3px; }
.dx-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: .95rem; }
.dx-table caption { text-align: left; font-weight: 700; padding-bottom: .75rem; }
.dx-table th, .dx-table td { padding: .85rem; border: 1px solid #ccd7e3; text-align: left; vertical-align: top; }
.dx-table thead th { background: #173e70; color: #fff; }
.dx-table tbody th { background: #f3f6fa; width: 26%; }
.dx-example { margin: 2rem 0; padding: 1.5rem; background: #f3f6fa; border-left: 4px solid #173e70; border-radius: 8px; }
.practice-article .dx-example h3 { margin-top: 0; }
.dx-example li { margin-bottom: .75rem; }
.dx-law-points { padding-left: 1.4rem; }
.dx-law-points li { margin: 1rem 0; }
.dx-law-details { margin: 1.5rem 0; border: 1px solid #ccd7e3; border-radius: 10px; }
.dx-law-details > summary { padding: 1rem 1.25rem; color: #173e70; background: #f3f6fa; border-radius: 10px; font-weight: 700; cursor: pointer; }
.dx-law-details > summary:focus-visible { outline: 3px solid #173e70; outline-offset: 3px; }
.dx-law-details-body { padding: .25rem 1.25rem 1rem; }
.practice-article .dx-example h4 { margin-top: 0; }
