.dcg-guide { min-width: 0; }
.dcg-guide .dcg-section + .dcg-section { margin-top: 1.5rem; }
.dcg-guide .hint { margin: .35rem 0 .8rem; overflow-wrap: anywhere; }
.dcg-table-scroll { max-width: 100%; overflow-x: auto; }
.dcg-table-scroll .calc-table { width: 100%; }
.dcg-table-scroll th, .dcg-table-scroll td { vertical-align: top; overflow-wrap: anywhere; }
.dcg-overview { min-width: 0; table-layout: fixed; }
.dcg-overview th:first-child { width: 14%; min-width: 0; }
.dcg-fact { margin-top: 0; }
.dcg-section { scroll-margin-top: 1rem; }
@media (max-width: 600px) {
  .dcg-overview { min-width: 0; display: block; }
  .dcg-overview thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .dcg-overview tbody, .dcg-overview tr { display: block; }
  .dcg-overview tr + tr { margin-top: 1.2rem; }
  .dcg-overview th, .dcg-overview td { display: block; width: auto; }
  .dcg-overview th:first-child { width: auto; }
  .dcg-overview td::before { content: attr(data-label); display: block; font-weight: 700; margin-bottom: .3rem; }
}
@media (max-width: 480px) {
  .dcg-guide .pick-buttons .btn { white-space: normal; }
  .dcg-table-scroll:not(:has(.dcg-overview)) th:first-child { width: 28%; }
}