.messages-hero .lead { max-width: 760px; }
.messages-hub-grid, .messages-related-grid, .messages-grid { display: grid; gap: 1rem; }
.messages-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.messages-hub-card, .messages-card, .messages-panel { border: 1px solid rgba(16, 21, 20, .16); border-radius: 16px; background: #fff; padding: 1.1rem; }
.messages-hub-card h2, .messages-card h3 { margin-top: 0; }
.messages-hub-card a { color: inherit; }
.messages-summary { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0 1.5rem; }
.messages-summary span { border-radius: 999px; background: #eef4f1; padding: .5rem .8rem; font-weight: 700; }
.messages-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; align-items: end; }
.messages-controls label { display: grid; gap: .35rem; font-weight: 700; }
.messages-controls select { width: 100%; min-height: 44px; border: 1px solid #9aa6a1; border-radius: 9px; background: #fff; padding: .6rem; color: #101514; }
.messages-control-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.messages-status { margin: .8rem 0 0; font-weight: 700; }
.messages-section { margin-top: 2.25rem; }
.messages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.messages-card { display: flex; flex-direction: column; min-width: 0; }
.messages-card blockquote { margin: 0 0 1rem; padding: 0; border: 0; font-size: 1.05rem; }
.messages-card .button { align-self: flex-start; margin-top: auto; }
.messages-meta { color: #53605b; font-size: .9rem; text-transform: capitalize; }
.messages-guidance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 2rem 0; }
.messages-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.messages-related-grid a { display: block; border: 1px solid rgba(16, 21, 20, .16); border-radius: 12px; padding: 1rem; background: #fff; font-weight: 700; }
[data-message-card][hidden] { display: none !important; }
@media (max-width: 760px) {
  .messages-hub-grid, .messages-grid, .messages-controls, .messages-guidance, .messages-related-grid { grid-template-columns: 1fr; }
  .messages-card, .messages-panel, .messages-hub-card { padding: .95rem; }
}
@media print {
  .site-header, .site-footer, .messages-controls, .messages-control-actions, .messages-related, #analytics-consent-control, [data-copy-message] { display: none !important; }
  [data-message-card][hidden] { display: flex !important; }
  .messages-card { break-inside: avoid; border-color: #bbb; }
}
