/* /blog/eu-digital-omnibus-compliance · spacing and the two figures' local layout only; every component class stays the system's. */
.pg-eu-sec+.pg-eu-sec{margin-top:104px}
.pg-eu-chips{margin-top:28px}
.pg-eu-fig{margin-top:44px}
.pg-eu-fig .cy-fig__cap{max-width:68ch}
.pg-eu-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-eu-after{margin-top:40px}
@media (max-width:767px){.pg-eu-sec+.pg-eu-sec{margin-top:72px}}

/* fig. 01: four rows in a ruled table inside a plate. The first column is the rule's name; the three that follow share the rest. */
.pg-eu-table{table-layout:fixed;font-size:16px}
.pg-eu-table thead th:first-child,.pg-eu-table tbody th{width:19%}
.pg-eu-table thead th:not(:first-child),.pg-eu-table tbody td{width:27%}
.pg-eu-table tbody th{padding-right:24px}
.pg-eu-table td{padding-right:24px}
.pg-eu-table td:last-child{padding-right:0}
.pg-eu-table tbody tr:last-child td,.pg-eu-table tbody tr:last-child th{border-bottom:0;padding-bottom:4px}
@media (max-width:1023px){
  .pg-eu-table{table-layout:auto;font-size:15px}
  .pg-eu-table tbody th{padding-right:16px}
  .pg-eu-table td{padding-right:16px}
}
@media (max-width:767px){
  .pg-eu-table{font-size:16px}
  .pg-eu-table thead th:first-child,.pg-eu-table tbody th,.pg-eu-table thead th:not(:first-child),.pg-eu-table tbody td{width:auto}
  .pg-eu-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
}

/* fig. 02: two checklist groups on one plate; the group label is a quiet mono line, the second group starts after a ruled gap. */
.pg-eu-group{margin:0 0 4px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-eu-group--next{margin-top:32px;padding-top:24px;border-top:1px solid var(--s-line)}
.pg-eu-plate .cy-checklist__list>li:last-child{border-bottom:0}