/* ---- Main layout ---- */

.layout{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
@media (min-width:900px){
  .layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,420px); /* Safari-friendly */
    align-items:start;
  }
}


/* ---- Tools subsections ---- */

#tools .tool-sub {
  padding: 1rem 1rem;
  border-radius: 16px;
  margin-top: 1rem;
}

#tools .chip-color { background: #1b2230; }
#tools .sub-red    { background: #C26D68; }   
#tools .sub-blue   { background: #66B6C2; }   
#tools .sub-yellow { background: #C1A768; }   

/* tighten list spacing a bit within colored boxes */
#tools .tool-sub .tight > li { margin: 0.25rem 0; }