/* Keep the matrix and EU drawings; simplify the supporting reading flow. */
.content-section { margin-block: 48px; }
.content-section > .section-sub { max-width: 78ch; }
#sec-packaging .two-col, #sec-docs .two-col { align-items: start; }
#sec-packaging ul, #sec-docs ul, #sec-qr ul { padding-left: 1.3em; }
#sec-packaging li, #sec-docs li, #sec-qr li { margin-bottom: .8em; line-height: 1.65; }
.copy-template { margin: 0; background: #f7faf9; }
.copy-template > summary { line-height: 1.5; padding: 18px 20px; cursor: pointer; }
.copy-template[open] > summary { border-bottom: 1px solid #d7e3e1; }
.copy-template .copy-block { margin: 0; padding: 16px; }
.copy-template pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 36rem; overflow-y: auto; font-size: 13px; }
.review-note { padding: 16px 20px; background: #eef7f5; border-left: 3px solid #008b83; border-radius: 0 8px 8px 0; color: #355653; line-height: 1.6; margin: 0 0 24px; }
#sec-roles, #sec-placement { padding: 24px; background: #f7faf9; border: 1px solid #d7e3e1; border-radius: 16px; }
#sec-roles .section-title, #sec-placement .section-title { font-size: clamp(22px, 2.4vw, 28px); }
#sec-qr .qr-card { align-items: start; }
#sec-qr .annex-button { white-space: normal; }
summary:focus-visible, .annex-button:focus-visible { outline: 3px solid #087f8c; outline-offset: 4px; }
@media (max-width: 680px) {
  .content-section { margin-block: 32px; }
  #sec-roles, #sec-placement { padding: 18px 14px; }
  .copy-template > summary { padding: 16px 14px; }
}