.archive-notice { max-width: 70rem; margin: 1.5rem auto; padding: 1rem; background: #fff8e5; border-left: 4px solid #b58105; line-height: 1.5; }
img { max-width: 100%; height: auto; }
@media (max-width: 600px) {
  .archive-notice { margin: 1rem; }
  .ui.centered.secondary.pointing .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem; }
  .ui.page.grid > .ui.grid { margin-left: 0; margin-right: 0; width: 100%; }
  .ui.grid > .two.column.row, .ui.grid > .three.column.row { display: block; }
  .ui.grid > .two.column.row > .column, .ui.grid > .three.column.row > .column { display: block; box-sizing: border-box; width: 100% !important; margin-bottom: 1.5rem; overflow-wrap: anywhere; }
}