/* Small fixes on top of the pages converted from Claude Design (linked by tools/convert_design.py). */

/* Tools we trust: 6 cards in an auto-fit grid left 2 empty cells (showing the gold line colour) at 4 columns.
   Use column counts that 6 divides into: 3, 2 or 1. */
#tools div[style*="minmax(min(100%,260px),1fr)"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 860px) { #tools div[style*="minmax(min(100%,260px),1fr)"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 540px) { #tools div[style*="minmax(min(100%,260px),1fr)"] { grid-template-columns: minmax(0, 1fr) !important; } }

/* On narrow phones the header (logo + theme + menu) is ~14px wider than the screen in the design. */
@media (max-width: 420px) {
  header > div { padding-left: 14px !important; padding-right: 14px !important; gap: 10px !important; }
  header > div > a span[style*="Limelight"] { font-size: 20px !important; }
  header > div > div { gap: 6px !important; }
}