@media (max-width: 800px) {
  .topbar nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    overflow: visible;
    padding: 8px 12px;
  }

  .topbar nav a {
    padding: 6px 3px;
    text-align: center;
    white-space: normal;
    font-size: 11px;
  }

  .shell {
    padding-top: 112px;
  }

  .note-rule{display:none}
  .type-picker{grid-template-columns:1fr}
  .type-option{grid-template-columns:24px minmax(0,1fr);padding:11px}
  .manual-layout{grid-template-columns:1fr}
  .manual-aside{position:static;display:flex;flex-direction:column}
  .aside-callout{order:2}
  .submit-note{order:3;margin-top:16px}
  .two-col,.three-col{grid-template-columns:1fr}
  .form-section{padding:20px 16px}
  .manual-heading{margin-bottom:18px}
  .combobox-list{max-height:40vh;left:0;right:0}
}