/* 📱 Anton's admin pages on a phone (2026-10-29: "15 of them bunched up … Dev log is halfway between DEV and LOG";
   then "I thought it was going to be menus all around, like the home page"). ≤700 px: the header link rows are
   replaced by the same ☰ Menu as the public pages (built by admin_mobile.js); any other link stays a comfortable,
   never-broken tap target. Computers are unchanged. One file, linked from every admin page. */
.amenu{display:none}
@media (max-width:700px){
  header a, .sub a, nav a, .tabs a { display:inline-block; padding:9px 7px; white-space:nowrap; line-height:1.3; }

  .amenu{display:block; margin:10px 0 4px}
  .amenu-src{display:none !important}
  .amenu-btn{font:inherit; font-size:15px; font-weight:600; padding:7px 14px; border:1px solid rgba(127,127,127,.45);
             border-radius:8px; background:transparent; color:inherit; cursor:pointer}
  .amenu-list{display:none; margin-top:8px; border:1px solid rgba(127,127,127,.35); border-radius:10px; overflow:hidden}
  /* Columns when there is room (a narrow PC window: 2–3), one on a phone — Anton: "a skinny long menu with a lot of white". */
  .amenu.open .amenu-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr))}
  .amenu-list a{display:block; padding:12px 16px; border-bottom:1px solid rgba(127,127,127,.25); text-decoration:none; white-space:nowrap}
}